var imgArray=new Array();
var strArray=new Array();

function addImage(img_id,img_src,img_desc)
{
 var strThumb;
 var mydiv;

	imgArray[img_id] = new Image();
	imgArray[img_id].src = img_src;
	
	strArray[img_id] = new String();
	strArray[img_id] = img_desc;
	
	strThumb = "thumb" + img_id;
	mydiv = document.getElementById(strThumb);
		
	strImage = img_src;
	strImage = strImage.replace(".jpg","_small.jpg");
	mydiv.innerHTML = '<a href="#" onClick="return fadeImage(' + img_id +',\'main_img\',\'desc_img\')"><img src="' + strImage +  '" border="0"></a>';
	
	
}

function initImage(div_img,div_desc)
{

	
	var i=0,strImage;
	var mydiv = document.getElementById(div_img);
	strImage = imgArray[0].src;
	mydiv.innerHTML = '<img src="' + strImage + '">';
	mydiv = document.getElementById(div_desc);
	mydiv.innerHTML = strArray[0];

	
	return true;
}


function fadeImage(img_id,div_img,div_desc)
{
	var mydiv = document.getElementById(div_desc);
	mydiv.innerHTML = strArray[img_id];

	
	
	mydiv = document.getElementById(div_img);
	if(mydiv.filters && document.images && window.createPopup)
		mydiv.filters.item(0).Apply();

		
	mydiv.innerHTML = '<img src="' + imgArray[img_id].src + '">';
	
	if(mydiv.filters && document.images && window.createPopup)
		mydiv.filters.item(0).Play();
	
	return true;

}

