// IE Compatible onready functions
$(document).ready(function() {
	setInterval( "slideSwitch()", 5000 );
	$("#thumbs").find('img').each(function(){
		thumb($(this));
	});
	$("#mainPic").find("img").attr("id","activePic");
	picResize($("#activePic"));
});

thumbh = 72;
thumbw = 72;

mouseInThumbsArea = false;

//thumbw = $('#thumbs').find('li').css("width");
//thumbh = $('#thumbs').find('li').css("height");


mainW = $("#mainPic").width(); // big pic dimensions
mainH = $("#mainPic").height();

opacity = "0.5";

var thumbs = $("#thumbs");

thumbs.find('li').css("width",thumbw).css("height",thumbh);
thumbs.find('img').css("opacity",opacity);
thumbs.find('img:first').attr("id","activeThumbnail").css("opacity","1").css("filter", "alpha(opacity=100)");




/*$("#thumbs").find("img").mouseover(function() {
	mouseInThumbsArea = true;
});*/

$("#thumbs").find("li").mouseout(function() {
	mouseInThumbsArea = false;
	//alert(mouseInThumbsArea +" mouse out area");
});

$("#thumbs").find("img").each(function(){
	$(this).mouseover(function() { // load picture on mouseover
		mouseInThumbsArea = true;
		$("#activeThumb").attr("id","lastThumb"); // on mouseover, make current selection LAST
		$(this).attr("id", "activeThumb"); // tag the current thumb as ACTIVE
		
		thumbOpacity(); // update thumb opacity
		activatePic($(this));
		picResize($("#activePic"));
		
		mainPic.fadeIn("slow", function() { $("#lastPic").remove(); });
		
	});
	
	/** Load thumbnails **/
	
	//thumb($(this));
});