var category = "photography";

$(document).ready(function() {
    try
    {	
    	$.preloadImages('images/preloader.gif','images/logo.png','images/centerTopGradient.png','images/rightBlackBar.png','images/topline.png');	   	
    }catch(err) {  }
});


function init()
{    
	var imageNumber = location.hash;
	if(imageNumber.length <= 1)
    {
		$('#imageContentWrapper').cycle({ 
		    fx:     'scrollHorz', 
		    prev:   '#backButton', 
		    next:   '#forwardButton', 
		    timeout: 0,
		    after: updateImageNumber
		});
    }
    else
    {
		$("#buttonOne").attr("class","photography");
		$("#buttonTwo").attr("class","design");
		$("#buttonThree").attr("class","art");
		$("#buttonFour").attr("class","lightboxTop");

		var sNum = imageNumber.replace("#","");
		if(sNum == 'art') { sNum = 61; $("#buttonThree").attr("class","artOn"); category="art"; }
		else if(sNum == 'photography') { sNum = 1; $("#buttonOne").attr("class","photographyOn"); category="photography"; }
		else if(sNum == 'design') { sNum = 41; $("#buttonTwo").attr("class","designOn"); category="design"; }
		var iNum = parseInt(sNum) -1; 
		$('#imageContentWrapper').cycle({ 
		    fx:     'scrollHorz', 
		    prev:   '#backButton', 
		    next:   '#forwardButton', 
		    timeout: 0,
		    startingSlide: iNum,
		    after: updateImageNumber
		});    
    }	
}

function updateImageNumber(obj,nextObj)
{
	
	if($("#preloader").is(":visible")) $('#preloader').hide();
	if(nextObj.id == null) return;
	else
	{
		var sArray = nextObj.id.split("-");
		var displayNumber = sArray[1];
		var title = $(nextObj).attr("title");
		$('#imageTitle').html(title);
		$('#imageNumberDisplay').html(displayNumber);
		
		if(!$("#lightboxWrapper").is(":visible"))
		{
			var number = parseInt(displayNumber);
			if(number < 41 && ("#buttonOne").className != 'photographyOn') 
			{ 
				$("#buttonOne").attr("class","photographyOn"); 
				$("#buttonTwo").attr("class","design");
				$("#buttonThree").attr("class","art");
			}
			else if(number > 40 && number < 61 && $('#buttonTwo').className != 'designOn')
			{
				 $("#buttonTwo").attr("class","designOn");
				 $("#buttonOne").attr("class","photography");
				$("#buttonThree").attr("class","art");
			}
			else if(number > 60 && $('#buttonThree').className != 'artOn') 
			{
				$("#buttonThree").attr("class","artOn");
				$("#buttonOne").attr("class","photography"); 
				$("#buttonTwo").attr("class","design");
			}
			
			var hashNumber = number;
			if(number == 1) hashNumber = 'photography';
			else if(number == 41) hashNumber = 'design';
			else if(number == 61) hashNumber = 'art';
			location.hash = hashNumber;
		}
	}
}

function gotoImage(number)
{
	number--;
	$('#imageContentWrapper').cycle(number); 
}


function showLightbox()
{
	//first restet lightbox
	$('#thumbsetOne').hide();$('#thumbsetOneWrapper').show();
	$('#thumbsetTwo').hide();$('#thumbsetTwoWrapper').hide();
	
	$("#backButton").fadeOut("slow");
	$("#forwardButton").fadeOut("slow");
	$("#imageContentWrapper").fadeOut("slow", function() {
		$("#lightboxWrapper").fadeIn("slow");
		$("#thumbsetOne").fadeIn("slow");
		$("#buttonOne").attr("class","photography");
		$("#buttonTwo").attr("class","design");
		$("#buttonThree").attr("class","art");
		$("#buttonFour").attr("class","lightboxTopOn");
		category = "lightbox";
	});
}

function buttonSelect(cat)
{
	var sNum = 1;
	var isVisible = $("#lightboxWrapper").is(":visible");
	$("#buttonOne").attr("class","photography");
	$("#buttonTwo").attr("class","design");
	$("#buttonThree").attr("class","art");
	$("#buttonFour").attr("class","lightboxTop");	
	if(cat == 'art') { sNum = 61; $("#buttonThree").attr("class","artOn"); category="art"; }
	else if(cat == 'photography') { sNum = 1; $("#buttonOne").attr("class","photographyOn"); category="photography"; }
	else if(cat == 'design') { sNum = 41; $("#buttonTwo").attr("class","designOn"); category="design"; }
	
	if(isVisible)
	{
		$("#thumbsetOne").fadeOut("slow");
		$("#thumbsetTwo").fadeOut("slow");
		$("#lightboxWrapper").fadeOut("slow", function() {
				$("#imageContentWrapper").fadeIn("slow");
				$("#backButton").fadeIn("slow");
				$("#forwardButton").fadeIn("slow");
				gotoImage(sNum);
		});	
	}
	else
	{
		gotoImage(sNum);
	}	
}

function lightboxSelect(number)
{
	$("#thumbsetOne").fadeOut("slow");
	$("#thumbsetTwo").fadeOut("slow");
	$("#lightboxWrapper").fadeOut("slow", function() {
		$("#imageContentWrapper").fadeIn("slow");
		$("#backButton").fadeIn("slow");
		$("#forwardButton").fadeIn("slow");
		//figure out which top button to select based on image number
		$("#buttonOne").attr("class","photography");
		$("#buttonTwo").attr("class","design");
		$("#buttonThree").attr("class","art");
		$("#buttonFour").attr("class","lightboxTop");

		
		gotoImage(number);
	});
}

function rollOut(obj)
{
	switch(obj.id)
	{
		case 'buttonFour' : { if(category != 'lightbox') obj.className="lightboxTop";  break; } 
		case 'buttonThree' : { if(category != 'art') obj.className="art";  break; }
		case 'buttonTwo' : { if(category != 'design') obj.className="design";  break; }
		case 'buttonOne' : { if(category != 'photography') obj.className="photography";  break; }
	}
}


function imageInfo(number)
{
	var imageString = "#imageNumber-"+number;
	$('#imageNumberDisplay').html(number)
	var title = $(imageString).attr("title");
	$('#imageTitle').html(title);
}

function lightboxSet(num)
{
	if(num > 1)
	{	
		$("#thumbsetOne").fadeOut("slow");
		$("#thumbsetOneWrapper").fadeOut("slow", function() {
			$("#thumbsetTwoWrapper").fadeIn("slow");
			$("#thumbsetTwo").fadeIn("slow");			
		});
	}
	else
	{
		$("#thumbsetTwo").fadeOut("slow");
		$("#thumbsetTwoWrapper").fadeOut("slow", function() {
			$("#thumbsetOneWrapper").fadeIn("slow");
			$("#thumbsetOne").fadeIn("slow");			
		});		
	}	
}

function webGallery()
{
	location = "/webgallery";
}

function exitGallery()
{
	location = "http://www.estebull.com";	
}



window.onload = init;