var slidecounter = 1;
var imageNm;
var isSlideShow = 1;
var slideShow;
var slideShowTime = 3000;

jQuery(document).ready(function(){
	jQuery("#mainImg img.active").fadeIn("slow");
	imageNm = jQuery("#thumbs div.thumb").length;
	if(imageNm>0){
		jQuery("#mainImg img.active").load(function(){
			if(isSlideShow==1)
				slideShow = setTimeout("setImg()",slideShowTime);
		});
	}
});

function setImg (img, text, nm){
	if(img==undefined){
		slidecounter++;
		if(slidecounter>imageNm) slidecounter = 1;
		var tmp = $('#thumbs div.thumb:nth-child('+slidecounter+') a').attr("onclick").toString();
		start = tmp.indexOf('setImg');
		end = tmp.lastIndexOf(')');
		tmp = tmp.substring(start+7,end);
		tmp = tmp.replace(/'/gi,"");
		tmp = tmp.replace(/"/gi,'');
		var tmpArr = tmp.split(',');
		img = tmpArr[0];
		text = tmpArr[1];
		nm = tmpArr[2];
		isSlideShow = 1;
	}else{
		isSlideShow = 0;
		clearTimeout(slideShow);
	}
	jQuery('#mainImg').append('<img src="images/loader.gif" class="loader" />');
	jQuery("#mainImg img.loader").fadeIn("slow");
	var newImage = new Image();
	
	// wrap our new image in jQuery, then:
	jQuery(newImage).load(function () {
		jQuery("#mainImg img.loader").hide().remove();
		jQuery(this).hide();
		jQuery('#mainImg').append(jQuery(this));
		jQuery(this).fadeIn("slow",function(){
			jQuery("#mainImg img.active").remove();
			jQuery(this).removeClass("next").addClass("active");
			if(isSlideShow==1)
				slideShow = setTimeout("setImg()",slideShowTime);
		});
		jQuery('#imgNm').text(nm);
		jQuery('#imgText').text(text);
	}).error(function () {
		if(isSlideShow==1)
			slideShow = setTimeout("setImg()",slideShowTime);
	}).attr('src', img).attr('class', 'next');
}