var flagClose = true;

$(window).load(function(){        
    $(".btFechar").click(function(){
        closeBox($(this).parents("#boxModal"));
        return false;
    });
});

function closeBox(objClose){
    if(timeSlideShow) clearTimeout(timeSlideShow); 
    $(objClose).animate({
        opacity: 0
        },400, function(){
            flagClose = true;
            $("#auxBoxModal").html("");
            $("#boxModal").css("display","none");
        }
    );
}

function display(itemMenu){
    //removendo box de imagem
    $(".boxImg").remove();
       
    var url = null;

    switch(itemMenu){
        case 'mnHome':
            url = "home";
        break;
        case 'mnNovoSiena':
            url = "/carro/";
        break;
        case 'mnHotlist':
            url = "/carro/hotlist.jsp";
        break;
        case 'mnCores':
            url = "/carro/cores.jsp";
        break;
        case 'mnItensSerie':
            url = "/carro/itens_serie.jsp";
        break;
        case 'mnOpcionais':
            url = "/carro/opcionais.jsp";
        break;        
        case 'mnAcessorios':
            url = "/carro/acessorios.jsp";
        break;
        case 'mnFichaTecnica':
            url = "/carro/ficha_tecnica.jsp";
        break;
        case 'mnTetrafuel':
            url = "/carro/tecnologia_tetrafuel.jsp";
        break;                            
        case 'mnFotos':
            url = "/fotos/";
        break;
        case 'mnDownload':
            url = "/download/";
        break;
        case 'mnIndique':
            url = "/indique/";
        break;
        case 'mnPromo':
            window.open("/promo");
            url = "/promo";
        break;
        case 'mnCampanha':
            url = "/campanha/";
        break;
        default:
            alert("Seção [" + itemMenu + "] não encontrada.");
            return;
    }
    
    urchinTracker(url);

    if(url == null || url == "home"){
        if($("#boxModal").css("display") == "block") closeBox($("#boxModal"));
    }else{
        if(url != "/promo"){
            $("#boxModal").css("display","block");
            if(flagClose){
                $("#boxModal").animate({
                    opacity: 1
                    },200, function(){
                        var divLoader = loader(true);
                        $(divLoader).insertBefore("#auxBoxModal");
                        
                        executeAjax({type:"GET" ,url:url, call:"responseNavegacao"});
                    }
                );
                flagClose = false;
            }else{
                $("#auxBoxModal").animate({
                    opacity: 0
                    },600, function(){
                        $("#auxBoxModal").html("");
                        var divLoader = loader(true);
                        $(divLoader).insertBefore("#auxBoxModal");
                           
                        executeAjax({type:"GET" ,url:url, call:"responseNavegacao"});
                    }
                );
            }
        }
    }
}

var responseAjax = null;
function executeAjax(options){
    $.ajax({
		type: options.type,
   		url: options.url,
        data: options.data,
   		success: function(response){
            responseAjax = response;
            eval(options.call+"()");              
		}
	});
}

function responseNavegacao(){
    loader(false);
    $("#auxBoxModal").html(responseAjax);            
    $("#auxBoxModal").animate({
        opacity: 1
        },600
    );
    inits();   
}

function responseImagens(){
    loader(false);
    $(".boxImg").html(responseAjax);
    var img = document.createElement("img");
    $(img).attr({src:$(".boxImg")[0].urlImg, width:612, height:242});
    $("#auxImgModal").append(img);
    
    $(".boxImg .btFechar").click(function(){
        $(".boxImg").remove();
        return false;
    });
}
//function responsePaginacao(){
  //  loader(false);
    //$("#auxPaginacao").html(responseAjax);
    
    //initPaginacao();
//}

function inits(){
    initMenu();
    initToolTip();
    initFotos();
    initIndique();
    initGaleria();
    initCampanha();
}

function loader(status){
    if(status){
        var loader = document.createElement("img");
        var divLoader = document.createElement("div");
        $(loader).attr({src:"/img/loader.gif"});
        $(divLoader).addClass("loader").append(loader);
        
        return divLoader;
    }else{
        $(".loader").remove();
    }
}

function initCampanha() {
	if($("#player_campanha").size() > 0) {
		var so = new SWFObject("/swf/video_player.swf", "", "297", "199", "8", "", true);
		so.addParam("wmode", "transparent");
		so.addParam("pluginspage", "http://www.macromedia.com/go/getflashplayer");
		so.addVariable("videoURL", "../flv/campanha_siena_tv.flv");
		so.addVariable("videoAutoPlay", "true");
		so.write("player_campanha");
	}
}

function initFotos(){
    $(".btFotos").click(function(){
        $(".boxImg").remove();
        
        var divImg = document.createElement("div");        
        var divLoader = loader(true);
        
        divImg.urlImg = $(this).attr("href");
        $(divImg).addClass("boxImg").append(divLoader);
        $("body").append(divImg);
        
        executeAjax({url:"/popFotos", type:"GET", call:"responseImagens"});
        
        return false;
    });
    
}

function initIndique(){
    var container = $('div#messageError');

    $('#frmIndique').validate({
 		errorContainer: container,
		errorLabelContainer: $("ul", container),
		wrapper: 'li',
        submitHandler: function(form) {
        	
        	var data = '';
	        $(form).find("input,textarea").each(function() {
	        	if(data != '') {
		        	data += '&';
		        }
		        var n = $(this).attr('name');
		        var v = $(this).attr('value');
		        if(n != undefined) data += n + '=' + (v == undefined ? '' : escape(v));
	        });

			executeAjax({type:"POST", url:$(form).attr("action"), call:"responseNavegacao", data:data});
			
			return false;
		},
		rules: {
			'nomeRemetente': "required",
        	'emailRemetente': {
          		required: true,
				email:true
         	},
            'nomeDestinatario1': "required",
        	'emailDestinatario1': {
          		required: true,
				email:true
         	},
        	'emailDestinatario2': {
				email:true,
                requiredIf: $("#nomeDestinatario2")
         	},
        	'emailDestinatario3': {
				email:true,
                requiredIf: $("#nomeDestinatario3")
         	}
		},
		messages: {
	   		'nomeRemetente': "Preencha o nome",
        	'emailRemetente': {
          		required: "Preencha o e-mail",
				email: "E-mail inv&aacute;lido"
         	},
            'nomeDestinatario1': "Preencha o nome do amigo",
        	'emailDestinatario1': {
          		required: "Preencha o e-mail do amigo",
				email: "E-mail do amigo inv&aacute;lido"
         	},
        	'emailDestinatario2': {
				email: "E-mail do amigo 2 inv&aacute;lido",
                requiredIf: "Preencha o e-mail do amigo 2"
         	},
        	'emailDestinatario3': {
				email: "E-mail do amigo 3 inv&aacute;lido",
                requiredIf: "Preencha o e-mail do amigo 3"
         	}
		}
	});    
}
 
function initToolTip(){    
    $(".destaqueTecnologia a").mouseover(function(){
        var divToolTip = document.createElement("div");      
        var top = this.offsetTop;
        var left = this.offsetLeft + this.offsetWidth;
        
        $(divToolTip).addClass("toolTip").css({top:top, left:left}).html($(this).html());
        $(this).parents(".destaqueTecnologia").append(divToolTip);
       
        $(divToolTip).show("fast");
        this.objTool = divToolTip;
    });
    $(".destaqueTecnologia a").mouseout(function(){
        $(this.objTool).remove();          
    });
}

function initMenu(){
    //MENU
    $(".alternaItens .itemMenu:eq(0)").show();    
    $(".menuAlternaItem li a").each(function(index, value) {
		this.idItem = index;
	});
    
    $(".menuAlternaItem li a").click(function(){
        alternaMenu(this.idItem);
        return false;
    });
}

function alternaMenu(item){
    //removendo box de imagem
    $(".boxImg").remove();
    
    $(".alternaItens .itemMenu").hide();
    $(".menuAlternaItem").find("li a").removeClass("ativo");
    $(".menuAlternaItem li a:eq("+ item +")").addClass("ativo");
    $(".alternaItens .itemMenu:eq("+ item +")").css("display","block");
    
    return false;
}


var timeSlideShow = null;

function initSlideShow(listImg){
    $("#controleSlide").click(function(){
        if(this.controle) this.controle = false;
        else this.controle = true;
               
        //animate da galeria         
        if(this.controle) {
            percorreSlide();
            $(this).addClass("btControleStop");
        }else{
            clearTimeout(timeSlideShow);
            $(this).removeClass("btControleStop");
        }
        
        return false;   
    });
    
    $(".btAntSlideShow").click(function(){
       $(".alternaImg a:eq(0)").click();
       
       $(".boxGaleria").find(".boxGaleriaMascAux").animate({left:0},'fast');
       
       return false;  
    });
    
    $(".btProSlideShow").click(function(){
       $(".alternaImg a:last").click();
       
       var teste = $(".alternaImg a img:last")[0].offsetLeft / $(".boxGaleria")[0].widthAdd;
       var range = parseInt(teste) * $(".boxGaleria")[0].widthAdd;
        
       $(".boxGaleria").find(".boxGaleriaMascAux").animate({left:-range},'fast');
        
       return false;  
    });
    
    $(".alternaImg a").mouseover(function(){
        $(this).find("img").animate({opacity: 1},'fast');
    });
    
    $(".alternaImg a").mouseout(function(){
        if($("#imgGaleria")[0].imgCurrent != this.idItem)
            $(this).find("img").animate({opacity: 0.5},'fast');
    });
}

function percorreSlide(){    
    indexSlide = $("#imgGaleria")[0].imgCurrent;
    $("#galeriaCurrent").html(indexSlide+1);
    
    $(".alternaImg a img").css({opacity: 0.5});    
    $(".alternaImg a img:eq("+ indexSlide +")").animate({opacity: 1},'fast');
    
    var left = $(".boxGaleria").find(".boxGaleriaMascAux").css("left");
    left = parseInt(left.substring(0,left.length-2));

    var teste = $(".alternaImg a img:eq("+ indexSlide +")")[0].offsetLeft / $(".boxGaleria")[0].widthAdd;
    var range = parseInt(teste) * $(".boxGaleria")[0].widthAdd;
    //console.log(range);
    
    if(range != left){
        animateProx(-range);
    }
    
    $("#imgGaleria").animate({
        opacity: 0
        },50, function(){
            //console.log(listImg[indexSlide].src);
            $("#imgGaleria").attr("src",listImg[indexSlide].src);
            $("#imgGaleria").animate({
                opacity: 1
                },600);
            if($("#controleSlide")[0].controle)
                timeSlideShow = setTimeout("percorreSlide()",3000);      
    });
    
    if(listImg.length > (indexSlide+1))
         $("#imgGaleria")[0].imgCurrent = indexSlide+1;
    else {
        $("#imgGaleria")[0].imgCurrent = 0;
        $(".boxGaleria").find(".boxGaleriaMascAux").animate({left:0},'fast');
    } 
}

function initGaleria(){
    $("#galeriaTotal").html($(".alternaImg a").size());
    if($("#imgGaleria").size() > 0) {
    	$("#imgGaleria")[0].imgCurrent = 0;
    }
    
    //Carrega Imagens
    listImg = new Array();    
    $(".alternaImg a").each(function(index, value) {
        this.idItem = index;
        
        var imgGal = document.createElement("img");
        $(imgGal).attr({src:$(this).attr("href"), width:$("#imgGaleria").attr("width"), height:$("#imgGaleria").attr("height")});
           
        listImg.push(imgGal);
	});
    
    if($("#controleSlide").size() != 0)
        initSlideShow(listImg);
    
    // ALTERNA IMAGENS
    $(".alternaImg a").click(function(){         
        var urlImg = $(this).attr("href");
        if($(".boxGaleria").size() == 0){
        
            var imgClone = $(listImg[this.idItem]).clone();
            
            $($(listImg[this.idItem]).attr({id:"imgGaleriaClone"})).insertBefore("#imgGaleria");
            listImg[this.idItem] = imgClone;
            
            $("#imgGaleria").animate({
                    opacity: 0
                },600, function(){
                $("#imgGaleria").remove();
                $("#imgGaleriaClone").attr({id:"imgGaleria"});   
            });
        }else{
            //animate da galeria
            $("#imgGaleria")[0].imgCurrent = this.idItem;
            $(".alternaImg a img").animate({opacity: 0.5},'fast');
            $(this).find("img").animate({opacity: 1},'fast');
            
            $("#imgGaleria").animate({
                opacity: 0
                },50, function(){
                    $("#imgGaleria").attr("src",urlImg)
                    $("#imgGaleria").animate({
                        opacity: 1
                        },600);        
            });
        }   
        return false;
    });
    
    // GALERIA DE IMAGENS
    $(".alternaImg a img").css({position:"relative"});
    if($(".boxGaleria").size() > 0) {
	    $(".boxGaleria")[0].widthAdd = $(".boxGaleria").find(".boxGaleriaMasc")[0].offsetWidth;
	    $(".boxGaleria")[0].width = $(".boxGaleria").find(".boxGaleriaMascAux .boxGaleriaAux")[0].offsetWidth;
	    $(".boxGaleria")[0].controle = true;
	}
    
	$(".btProximo").click(function() {
		var widthAdd = $(this).parents(".boxGaleria")[0].widthAdd;
		var width = $(this).parents(".boxGaleria")[0].width;
        
		var left = $(this).parents(".boxGaleria").find(".boxGaleriaMascAux").css("left");
		left = parseInt(left.substring(0,left.length-2));        
        
		if(width - widthAdd > (left *(-1))){            
            animateProx(left - widthAdd);
		}
		return false;
	});
	
	$(".btAnterior").click(function() {
		var widthAdd = $(this).parents(".boxGaleria")[0].widthAdd;
        
		var left = $(this).parents(".boxGaleria").find(".boxGaleriaMascAux").css("left");
		left = parseInt(left.substring(0,left.length-2));
        
		if(left != 0){
			$(this).parents(".boxGaleria").find(".boxGaleriaMascAux").animate({
				left: left + widthAdd
				},'slow'
			);
		}
		return false;
	});
}

function animateProx(range){
    $(".boxGaleria")[0].controle = false;
    $(".boxGaleria").find(".boxGaleriaMascAux").animate({
        left: range
        },'slow',function(){                    
            $(this).parents(".boxGaleria")[0].controle = true;   
        }
    );
}

function reloadCaptcha(id){
	var w = $('#'+ id).attr('width');
	var h = $('#'+ id).attr('height');
	var cSrc = $('#' + id).attr('src');
	var nSrc = cSrc + '&p=' + new Date();
	$('#' + id).attr('src',nSrc);
}