function configureMiki()
{
	var galleryImg=$("#img1 img")[0];
	var loadImg=$("#img2 img")[0];
	var loadbar=$("#loadSpinner img")[0];
	var updateTitle=$("#img1 img")[0].title;
	
	
	if (galleryImg.onload)
	{
		galleryImg.onload=setStartImgMargins;
	}
	else
	{
		window.setTimeout("setStartImgMargins()",100);
	}

	
	$("div.mikiGallery .thumbs a").click(function()
	{
		galleryClick(this);
		return false;
	}).each(function()
	{
		this.img1=galleryImg;
		this.img2=loadImg;
	});
	
	loadbar.style.display="none";

}


function setStartImgMargins()
{
	//turning this off for now - relying on the css to position image
	return;
	
	var img=$("#img1 img")[0];
	
	if (img && img.clientWidth>100) 		//------------------- for horizontal slide
//	if (img && img.clientHeight>0)		//------------------- for vertical slide
	{
		img.style.marginLeft=-0.5*img.clientWidth+"px";
		img.style.marginTop=-0.5*img.clientHeight+"px";
	}
	else
	{
		window.setTimeout("setStartImgMargins()",100);
	}
	
}


function galleryClick(a)
{
	
	var topDiv=a.img1.parentNode;
	var slideWidth=a.img1.clientWidth;
	var slideHeight=a.img1.clientHeight;	//------------------- for vertical slide
	var loadbar=$("#loadSpinner img")[0];
		
//--------------- alternative transisition

//	if (topDiv.clientHeight==0)
//	{
//		a.img1.src=a.href;
//		$(topDiv).slideDown();
//	}
//	else
//	{
//		a.img2.src=a.href;
//		$(topDiv).slideUp();
//
//	}

	var margin=(a.img1.parentNode.clientWidth*-1); 		//------------------- for horizontal slide
//	var margin=(a.img1.parentNode.clientHeight*-1); 	//------------------- for vertical slide
	var titleText=$("#imgTitle")[0];
	var commentText=$("#imgComment")[0];
	
	if (topDiv.style.marginLeft==(margin+"px")) 	//------------------- for horizontal slide
//	if (topDiv.style.marginTop==(margin+"px")) 		//------------------- for vertical slide
	{
		a.img1.onload=pageSlide;
		if (a.img2.src==a.href)
		{
			return;
		}
		else 		
		{
		a.img1.src=a.href;
		}
		
	}
	else
	{
		a.img2.onload=pageSlide;
		if (a.img1.src==a.href)
		{
			return;
		}
		else
		{
		a.img2.src=a.href;
		}
	
	}
	
	loadbar.style.display="block";
	titleText.innerHTML=a.title;
	commentText.innerHTML=a.parentNode.childNodes[2].innerHTML;
}

function pageSlide()
{
	var loadbar=$("#loadSpinner img")[0];
	loadbar.style.display="none";
	var topDiv=$("#img1")[0];
	var img1=$("#img1 img")[0];
	var img2=$("#img2 img")[0];
	var margin=($("#img1")[0].clientWidth*-1); 		//------------------- for horizontal slide
//	var margin=($("#img1")[0].clientHeight*-1); 	//------------------- for vertical slide
	if (topDiv.style.marginLeft==(margin+"px"))
	{
		$(topDiv).animate({marginLeft: 0},400); 	//------------------- for horizontal slide
//		$(topDiv).animate({marginTop: 0},400);		//------------------- for vertical slide
		img1.style.marginLeft=-0.5*img1.clientWidth+"px";
		img1.style.marginTop=-0.5*img1.clientHeight+"px";
	}
	else
	{
		$(topDiv).animate({marginLeft: margin},400); 	//------------------- for horizontal slide
//		$(topDiv).animate({marginTop: margin},400);		//------------------- for vertical slide
		img2.style.marginLeft=-0.495*img2.clientWidth+"px";
		img2.style.marginTop=-0.5*img2.clientHeight+"px";

	}
	
	
}



$(window).ready(function() 
{
configureMiki();
});