// JavaScript Document
AddEvent(window, "load", function()
{

  //initialize the image gallery;
  Init_Image_Gallery();
			
})

var data;
var basefolder = "../../VendorAsset/1014/Image/";
var current;
var total;
function Init_Image_Gallery()
{
	basefolder = document.getElementById('image_base').value;
	data_string = document.getElementById('image_data').value;
	data = data_string.split('|');
	current = 1;
	total = data.length;

	DisplayImage(data[current - 1])
	//alert(data[1]);
}
function DisplayImage(name)
{
	
	CreateThumbnails();
///image_main_name


	SetMain(name);
}
function CreateThumbnails()
{
	var thumbnailDiv = GetControl('image_gallery_thumbnails');
	for(var i = 0 ; i < data.length ; i++)
	{	
		//var main = GetMainPath(data[i]);
		
		var main = data[i];
		var image_description = GetControl('image_' + main + '_description').value;
	var image_name =  GetControl('image_' + main + '_name').value;

//title="header=['+ image_name +']body=['+image_description+'] delay=[200] fade=[on]"
thumbnailDiv.innerHTML += '<img src=' +  
	
		GetThumbnailPath(data[i]) + '  width="80"  onclick="SetMain(\'' + main + '\')"   class=\"nohide\" />' ;
	}
}
function GetMainPath(name)
{
	return basefolder + name + ".jpg";
}
function GetThumbnailPath(name)
{
	return basefolder + name + "_s.jpg";
}
function SetTitle(title)
{
	var f = document.getElementById('image_gallery_title');
//alert(f +  ' ' + title);
	 GetControl('image_gallery_title').innerHTML = title;
}
function SetDescription(description)
{
 	GetControl('image_gallery_desc').innerHTML = description;

}
function SetMain(name)
{

	var path = GetMainPath(name);


	var image_name =  GetControl('image_' + name + '_name').value;

	var image_description = GetControl('image_' + name + '_description').value;
	
	SetTitle(image_name);

	SetDescription(image_description);
	
var control = document.getElementById('image_gallery_main');
	control.innerHTML = '<img src=\'' +path + '\' width=\"300\" class=\"nohide\"/>';
}
function Image_gallery_prev()
{
	if(current <= 1) return;
	
	var thumbnail = GetControl('image_gallery_thumbnails');
	if(!thumbnail.style.left)
	{
	    thumbnail.style.left = "0px";
	}
	
	current--;
	
	
	
	 
thumbnail.style.left = ((current-1) * 98)*-1 + "px";

	 CheckArrow()
}
AddEvent(window, "load", function()
{
CheckArrow();
})

function CheckArrow()
{
    //aPrev
   //aNext
    GetControl('aPrev').style.display = current > 1 ? 'block' : 'none';
    GetControl('aNext').style.display = current + 4 < total?  'block' : 'none';
}
function Image_gallery_next()
{
	if(current + 5 > total)return;
	
	var thumbnail = GetControl('image_gallery_thumbnails');
	if(!thumbnail.style.left) thumbnail.style.left = "0px";
	current ++;
	thumbnail.style.left = "-" + ((current-1) * 98 ) + "px";

	 CheckArrow()
}