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

	}
	var loadImg=$("#img2 img")[0];
	var loadbar=$("#loadSpinner img")[0];
	var updateTitle=$("#img1 img")[0].title;
	
	$("div.mikiGallery .thumbs a").click(function()
	{
		galleryClick(this);
		return false;
	}).each(function()
	{
		this.img1=galleryImg;
		this.img2=loadImg;
	});
loadbar.style.display="none";

}


function setStartImgMargins()
{
	
	var img=$("#img1 img")[0];
	if (img.clientWidth>0) 
	{
		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 loadbar=$("#loadSpinner img")[0];
		
	/*
	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);
	var titleText=$("#imgTitle")[0];
	var commentText=$("#imgComment")[0];
	
	if (topDiv.style.marginLeft==(margin+"px"))
	{
		a.img1.onload=pageSlide;
		if (a.img2.src==a.href)
		{
			return;
		}
		else 		
		{
		a.img1.src=a.href;
		//$(topDiv).animate({marginTop: 0},400);
		//a.img1.style.marginLeft=-0.5*a.img1.clientWidth+"px";
		//a.img1.style.marginTop=-0.5*a.img1.clientHeight+"px";
		}
		
	}
	else
	{
		a.img2.onload=pageSlide;
		if (a.img1.src==a.href)
		{
			return;
		}
		else
		{
		a.img2.src=a.href;
		//$(topDiv).animate({marginTop: margin},400);
		//a.img2.style.marginLeft=-0.5*a.img2.clientWidth+"px";
		//a.img2.style.marginTop=-0.5*a.img2.clientHeight+"px";
		}
	
	}
	loadbar.style.display="block";
	titleText.innerHTML=a.title;
	commentText.innerHTML=a.parentNode.childNodes[2].innerHTML;
}

function pageSlide()
{
	var loadbar=$("#loadSpinner img")[0];
	var topDiv=$("#img1")[0];
	var img1=$("#img1 img")[0];
	var img2=$("#img2 img")[0];
	var margin=($("#img1")[0].clientWidth*-1);
	//console.debug
	if (topDiv.style.marginLeft==(margin+"px"))
	{
		//a.img1.src=a.href;
		$(topDiv).animate({marginLeft: 0},800);
		img1.style.marginLeft=-0.5*img1.clientWidth+"px";
		img1.style.marginTop=-0.5*img1.clientHeight+"px";
	}
	else
	{

		//a.img2.src=a.href;
		$(topDiv).animate({marginLeft: margin},800);
		img2.style.marginLeft=-0.5*img2.clientWidth+"px";
		img2.style.marginTop=-0.5*img2.clientHeight+"px";

	}
	loadbar.style.display="none";
}

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

});