$(document).ready(function(e)
{
	activateGallery();
});
var totalImages = 0;
var ticks = 0;
var slideTimer = null;
activateGallery = function()
{
	var preloadImages = Array();
	//  preload all the images
	var i = 0;
	jQuery.each( $(".thumbImg>a"), function()
	{
		preloadImages[i] = new Image();
		preloadImages[i].src = $(this).attr("href");
		i++;
	});
	/*
	var img = new Image(); //new img obj
	preloadImages[loaded] = new Image();
	preloadImages[loaded].src = allImages[loaded];
	*/	
	//  when a thumb is clicked
	$(".thumbImg>a").click(function(e)
	{
		e.preventDefault();
		var ancHref = $(this).attr("href");
		$("#mainImageHolder").fadeOut(100, function()
		{
			$("#mainImageHolder").bind("load",function(e)
			{
				$(this).fadeIn(200);
			}).attr("src", ancHref);
		});
		window.clearTimeout(slideTimer);
		slideTimer = window.setTimeout(startSlider, 5000);
	});
	//  lightbox
	$("#mainImageHolder").parent().click(function(e)
	{
		e.preventDefault();
		//window.clearTimeout(slideTimer);
		// just load the window
		myRef = window.open(''+ $(this).children().attr("src"),'mywin','left=20,top=20,width=800,height=500,toolbar=1,resizable=0');
		//loadLightbox();
	});
	// run the slide show
	totalImages = $(".thumbImg>a>img").length;
	slideTimer = window.setTimeout(startSlider, 5000);
}
startSlider = function()
{
	ticks++;
	if(ticks > totalImages)	ticks = 0;
	var ancHref = $(".thumbImg>a").eq(ticks).attr("href");
	$("#mainImageHolder").fadeOut(400, function()
	{
		$("#mainImageHolder").bind("load",function(e)
		{
			$(this).fadeIn(400);
		}).attr("src", ancHref);
	});
	slideTimer = window.setTimeout(startSlider, 5000);
}
var imageObj = new Image;
loadLightbox = function()
{
	$("html, body").css(
	{
		width:"100%",
		height:"100%"	
	});
	$("#lightboxOverlay").remove();
	$("#lightboxImage").remove();
	$("#lightboxImage").unbind("click");
	$("body").append('<div id="lightboxOverlay"></div>');
	$("#lightboxOverlay").css(
	{
		width: "100%",
		height: $("body").height(),
		position: "absolute",
		left: "0px",
		top: "0px",
		backgroundColor:"#000000",
		display: "none"
	});
	imageObj.src = $("#mainImageHolder").attr("src");
	console.log(imageObj.width);
	$("#lightboxOverlay").css("opacity", 0.5).fadeIn(200, function()
	{			
		//$("#message").css("opacity",0.7).fadeIn(200);
		//$("#message").fadeIn(400);
	});
}