function Page_Load()
{
	//navigator hitArea
	
	$("div.job").attr("enabled","true");
	
	$("div.job div.view").hover(
								function() {$("div.job div.content div.view div.navigator").fadeIn("fast");} ,
								function() {$("div.job div.content div.view div.navigator").css({display:"none"})}
								);
	
	$("div.job").hover(
						function() { job_onRollOver(this); } ,
						function() { job_onRollOut(this); }
						);
    
	//MOSTRA O PRIMEIRO JOB
	jobHeader_onClick('job0');
	
	job_onRollOver($("job0"));
	$("#job0").attr("enabled","false");

}

function job_onRollOver(job)
{
	if($(job).attr("enabled") == "true") 
	    $(job).addClass("hover");
}

function job_onRollOut(job)
{
	if($(job).attr("enabled") == "true")
	{
		$(job).removeClass("hover");
		
		//IE 6 ¬¬¬¬
		var background = $(job).find(".header").css("background-image").replace("_on", "_off");
		
		//$(job).find(".header").css({"background-image":background});
		//$(job).find(".header").css({background:"url(images/middle/portfolio/header/background_off.jpg) no-repeat"});
		
		//alert("removed - " + $(job).attr("class"))
	}
	
	//alert("rollOut - " + $(job).attr("class"));
}

function jobHeader_onClick(id)
{
	var target = $("div#" + id);
	var display = target.find("div.content").css("display");
	
	//CARREGA A PRIMEIRA IMAGEM
	jobSwapPhoto(id,'1');
	
	display == "none" ? showJob(target) : hideJob(target);
	
	//desativar
	$(target).attr("enabled","false");
	
	if($(target).attr("id") == $(jobOpened).attr("id") && jobOpenedStatus == "hide") $(target).attr("enabled","true");
	
	
}

function jobSwapPhoto(id, photo)
{
	var job = $("div#" + id);
	var photoList = job.find("input[name=photos]").val().split(",");
	var photoPath = job.find("input[name=path]").val();
	var photoView = job.find(".photo");
	
	photoView.load(function() {photoView.fadeIn("normal")});
	
	if(photoView.attr("src")!=""){
	    photoView.fadeOut("normal", function() { photoView.attr("src", photoPath + photoList[photo - 1]);});
	}else
	    photoView.attr("src", photoPath + photoList[photo - 1]);
	
	job.find("div.navigator div.left ul li a").removeClass("selected");
	$(job.find("div.navigator div.left ul li a").get(photo - 1)).addClass("selected");
	
	job.find("input[name=atualPhoto]").val(photo - 1);
}

var jobOpened = null;
var jobOpenedStatus = "show";
function showJob(target)
{
	if (jobOpened != null && jobOpened != target) hideJob(jobOpened);
	
	$(target).find("div.content").slideDown("normal");
	
	jobOpened = target;
	
	//$(target).attr("enabled","false");
	job_onRollOver(target);
	
	jobOpenedStatus = "show";
}

function hideJob(target)
{
	$(target).find("div.content").slideUp("normal");
	
	$(target).attr("enabled","true");
	
	job_onRollOut(target);
	
	jobOpenedStatus = "hide";
	//jobOpened = target;
}


var slideShow_atualJobId = null;
var slideShow_atualPhoto = 0;
var slideShow_enabled = false;
var slideShow_delay = 4; //in seconds
var slideShow_totalPhotos = 0;
var slideShow_timeOut = null;

function slideShow(id)
{
	if (slideShow_atualJobId == id)
	{
		slideShow_enabled = slideShow_enabled == true ? false : true;
	}
	else slideShow_enabled = true;
	
	//slideShow_atualJobId = id;
	
	var job = $("div#" + id);
	slideShow_atualPhoto = job.find("input[name=atualPhoto]").val();
	
	slideShow_totalPhotos = job.find("input[name=photos]").val().split(",").length;
	
	//slideShow_enabled = slideShow_enabled == true ? false : true;
	
	//if(slideShow_enabled) job.find("img.btn_slideShow").attr("enabled","true");
	job.find("img.btn_slideShow").attr("enabled","false");
	
	
	//cancelando o slideshow 'antigo'
	if(slideShow_atualJobId != null)
	{
		var jobAntigo = $("div#" + slideShow_atualJobId);
		jobAntigo.find("img.btn_slideShow").attr("enabled","true");
	}
	
	slideShow_atualJobId = id;
	
	timeOut();
}

function timeOut()
{
	
	if(slideShow_enabled)
	{
		var job = $("div#" + slideShow_atualJobId);
		
		jobSwapPhoto(slideShow_atualJobId, slideShow_atualPhoto + 1);
		if(slideShow_atualPhoto < (slideShow_totalPhotos - 1)) {slideShow_atualPhoto ++;}
		else {slideShow_atualPhoto = 0;}
		
		slideShow_timeOut = setTimeout(timeOut, slideShow_delay * 1000);
	}
	
}

/* @DESCRIÇÃO:
** função para colocar textos padrões nos textboxes
** @USADO EM:
** nos eventos "onfocus" dos textboxes
** @PARAMETROS:
** oSender = Textbox a ser manipulado
** sText = Texto padrão do textbox
** @RETORNO:
** void
*/
function SetDefaultValue(oSender, sText){
    if(oSender.value == sText)
        oSender.value = "";
    
    oSender.onblur = function(){
        if(this.value=="")
            this.value = sText;
    }   
}


$(document).ready(Page_Load);