dojo.require("dojo.fx");
dojo.require("dojo.fx.easing");
var photos = new Array();
var photo_index = 0;
var slideshow_timer = 0;
var slideshow_photos = new Array();

function image_fadeIn()
{
	loader_handle = dojo.byId('photo_loader');
	photo_handle = dojo.byId('photo_image');

	loader_handle.style.display = 'none';
	photo_handle.style.display = 'block';
	var foo = dojo.fadeIn({
		node: photo_handle,
		duration:300
	});
	foo.play();
}

function PhotoSlideShow(index)
{
	dojo.byId('photo_slideshow_area').innerHTML = '<table><tr><td><img src="'+slideshow_photos[index]+'" alt="" style="display: none;" onload="this.style.display= \'block\';"></td></tr></table>';
	index = index + 1;
	if (index >= slideshow_photos.length)
		index = 0;
	slideshow_timer = setTimeout("PhotoSlideShow("+index+")", 5000);
}

function SetImage(ph_index)
{
	photo_index = ph_index;
	pred_handle = dojo.byId('photo_pred_area');
	next_handle = dojo.byId('photo_next_area');
	loader_handle = dojo.byId('photo_loader');
	photo_handle = dojo.byId('photo_image');
	photo_title = dojo.byId('photo_title_area');
	photo_description_area_handle = dojo.byId('photo_description_area');

	if (dojo.byId('photo_slideshow_area') != null)
		photo_subphotogal_area_handle = dojo.byId('photo_slideshow_area');
	if (dojo.byId('photo_price_area') != null)
		photo_price_area_handle = dojo.byId('photo_price_area');

	if (photo_index > 0)
	{
		tmp = photo_index - 1;
		pred_handle.innerHTML = '<a href="javascript:SetImage('+tmp+')" class="photo_pred"></a>';
	}
	else
		pred_handle.innerHTML = '';

	if (photo_index < (photos.length - 1))
	{
		tmp = photo_index + 1;
		next_handle.innerHTML = '<a href="javascript:SetImage('+tmp+')" class="photo_next"></a>';
	}
	else
		next_handle.innerHTML = '';

	loader_handle.style.display = 'none';
	photo_handle.style.display = 'block';
	photo_description_area_handle.innerHTML = '';
	if (typeof(photo_subphotogal_area_handle) != "undefined")
		photo_subphotogal_area_handle.style.display = 'none';
	if (typeof(photo_price_area_handle) != "undefined")
		photo_price_area_handle.innerHTML = '';

	var foo = dojo.fadeOut({
		node: photo_handle,
		duration:300,
		onEnd: function() {
			photo_title.innerHTML = photos[photo_index].title;
			photo_description_area_handle.innerHTML = photos[photo_index].alt;
			photo_handle.style.display = 'none';
			loader_handle.style.display = 'block';
			photo_handle.src = photos[photo_index].src;
			if (photo_handle.complete)
				image_fadeIn();

			photo_handle.alt = photos[photo_index].alt;

			if (typeof(photo_price_area_handle) != "undefined")
				photo_price_area_handle.innerHTML = photos[photo_index].price;

			if ((typeof(photos[photo_index].photos) != "undefined") && (photos[photo_index].photos.length > 0) && (typeof(photo_subphotogal_area_handle) != "undefined"))
			{
				slideshow_photos = new Array();
				photo_subphotogal_area_handle.innerHTML = '<table><tr><td><img src="'+photos[photo_index].photos[0]+'" alt=""></td></tr></table>';
				if (slideshow_timer > 0)
				{
					clearTimeout(slideshow_timer);
					slideshow_timer = 0;
				}
				if (photos[photo_index].photos.length > 1)
				{
					slideshow_photos = photos[photo_index].photos
					PhotoSlideShow(0);
				}
				photo_subphotogal_area_handle.style.display = 'block';
			}
		}
	});
	foo.play();
}

function getScrollY() {
  var scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
  }
  return (scrOfY);
}
function ShowImage(image_id, type)
{
	loader = '<img src="./scripts/dijit/themes/tundra/images/loading.gif" alt="" id="photo_loader">';
	image = '<img src="./img/blank.gif" alt="" id="photo_image" onload="image_fadeIn();">';
	var photo_index = 0;
	photos = new Array();

	var jsonStore = new dojo.data.ItemFileReadStore({url: "./photolist.php?type="+type+"&id="+image_id, clearOnClose: true});
	jsonStore.fetch({onComplete: function(items) {
		if (items.length > 0) {
			for (i=0; i<items.length; i++) {
				photos[i] = new Image();
				photos[i].src = items[i].img_src[0];
				photos[i].alt = items[i].comment[0];
				photos[i].title = items[i].title[0];
				if (image_id == parseInt(items[i].photo_id[0]))
					photo_index = i;
			}

			dojo.byId('background_element').innerHTML = '<div id="photo_dialog_background"></div><div id="photo_pos"><div id="photo_dialog_area"><h1 id=\"photo_title_area\"></h1><div id="photo_close_area"></div><div id="photo_pred_area"></div><div id="photo_image_area"><table><tr><td>'+loader+image+'</td></tr></table></div><div id="photo_next_area"></div><div id=\"photo_description_area\"></div></div></div>';
			dojo.byId('photo_pos').style.top = getScrollY()+'px';
			dojo.byId('background_element').style.display = 'block';

			dojo.addOnLoad(function(){
				dojo.byId('photo_close_area').innerHTML = '<a href="javascript:;" onclick="dojo.byId(\'background_element\').style.display = \'none\';"></a>';
				dojo.byId('photo_title_area').innerHTML = photos[0].title;
				SetImage(photo_index);
			});
		}
	}});
}

function ShowAccessory(accessory_id, article_id)
{
	loader = '<img src="./scripts/dijit/themes/tundra/images/loading.gif" alt="" id="photo_loader">';
	image = '<img src="./img/blank.gif" alt="" id="photo_image" onload="image_fadeIn();">';
	var photo_index = 0;
	photos = new Array();

	var jsonStore = new dojo.data.ItemFileReadStore({url: "./photolist.php?type=fwaccessory&id="+accessory_id+"&artid="+article_id, clearOnClose: true});
	jsonStore.fetch({onComplete: function(items) {
		if (items.length > 0) {
			for (i=0; i<items.length; i++) {
				photos[i] = new Image();
				photos[i].src = items[i].img_src[0];
				photos[i].alt = items[i].comment[0];
				photos[i].title = items[i].title[0];
				photos[i].price = items[i].price[0];
				photos[i].photos = items[i].photos;
				if (accessory_id == parseInt(items[i].photo_id[0]))
					photo_index = i;
			}

			dojo.byId('background_element').innerHTML = '<div id="photo_dialog_background"></div><div id="photo_pos"><div id="photo_dialog_area"><h1 id=\"photo_title_area\"></h1><div id="photo_close_area"></div><div id="photo_pred_area"></div><div id="photo_image_area"><table><tr><td>'+loader+image+'</td></tr></table></div><h3 id="photo_price_area"></h3><div id="photo_next_area"></div><div id=\"photo_description_area\"></div><div id=\"photo_slideshow_area\"></div></div></div>';
			dojo.byId('photo_pos').style.top = getScrollY()+'px';
			dojo.byId('background_element').style.display = 'block';

			dojo.addOnLoad(function(){
				dojo.byId('photo_close_area').innerHTML = '<a href="javascript:;" onclick="dojo.byId(\'background_element\').style.display = \'none\';"></a>';
				dojo.byId('photo_title_area').innerHTML = photos[0].title;
				SetImage(photo_index);
			});
		}
	}});
}