// JavaScript Document
function Navegador() {
	var caminho = "";
	var navegador = navigator.appVersion;	
	var navegador = navegador.split(" ");
	var tipo   = navegador[2];
	if ( tipo == "MSIE" ) {
		var versao = navegador[3];	
		if ( versao == "7.0;" ) {
			caminho = "ie7/";
		}
		else {
			caminho = "ie6/";
		}
	}
	if ( tipo == "U;" ) {
		caminho = "ch/";
	}
	if ( tipo == "pt-BR)" ) {
		caminho = "ff/";
	}
	document.write('<link rel="stylesheet" type="text/css" href="style/'+ caminho + 'style.css">')
}


$(document).ready(function(){

    //Pagina de visualização de todos os produtos de uma categoria x
    //Acrescenta uma margem nos blocos impares dos produtos
    $(".todosProdutos .produto:even").css("margin-right","25px");
    
    //Pega o maior bloco de descrição entre os produtos e seta o tamanho para tosdos os outros
    var alturaBlocoProduto = 0;
    $(".todosProdutos .produto .info").each(function(){
        var altura = $(this).height();
        if(altura > alturaBlocoProduto){
            alturaBlocoProduto = altura;
        }
    })
    $(".todosProdutos .produto .info").css("height", alturaBlocoProduto);
    
    //Pega o maior item do carousel dos produtos e seta o tamanho para tosdos os outros
    var alturaItemCarousel = 0;
    $(".produtos ul li").each(function(){
        var altura = $(this).height();
        if(altura > alturaItemCarousel){
            alturaItemCarousel = altura;
        }
    })
    $(".produtos ul").css("height", alturaItemCarousel);
    $(".produtos ul li").css("height", alturaItemCarousel);
    
    
    
    //---------------------------------------------------------------------------------------------------
    //Cria o bloco dos pai dos itens pequenos,
    //Remove os itens do html original
    //Adiciona os itens dentro do bloco pai.
    $(".bloco2").before("<div class='blocoItensP'></div>");
    var html02 = $(".bloco2").html();
    var html03 = $(".bloco3").html();
    var html04 = $(".bloco4").html();
    var html05 = $(".bloco5").html();
    $(".bloco2").remove();
    $(".bloco3").remove();
    $(".bloco4").remove();
    $(".bloco5").remove();
    $(".blocoItensP").append("<div class='bloco2'>" + html02 + "</div><div class='bloco3'>" + html03 + 
    "</div><br clear='all'><div class='bloco4'>" + html04 + "</div><div class='bloco5'>" + html05 + "</div>");
    
    
    $(".bloco1").append("<div class='anterior'></div><div class='proximo'></div>");   
    //---------------------------------------------------------------------------------------------------
    
    $(".blocoItensP").find("div").click(function(){
        //Pega os titles dos blocos 
        var idP = $(this).find(".item").attr("title");
        var idG = $(".bloco1").find(".item").attr("title");
       
        //Pega o html do item pequeno e do item grande
        var htmlP = $(this).find(".item").html();
        var htmlG = $(".bloco1").find(".item").html();
        
        //Remove o html do item pequeno e do grande
        $(this).find(".item").remove();
        $(".bloco1").find(".item").remove();
        
        //Adiciona o html do item pequeno no bloco de item grande e do grande no bloco do item pequeno
        $(".bloco1").append("<div class='item' title=" + idP + ">" + htmlP + "</div>");
        $(this).append("<div class='item' title=" + idG +">" + htmlG + "</div>");
        
        //Remove o bloco com id indefinido se houver algum
        $(".bloco1 .item").find(".item").attr("id", "undefined").remove();
    })
    
    $(".anterior").click(function(){
        //Pega os title e o html do item grande e do pequeno
        var idG = $(".bloco1").find(".item").attr("title");
        var htmlG = $(".bloco1").find(".item").html();
        
        var idP;
        if(idG == 1){
            idP = 5
        }else{
            idP = idG - 1;
        }
        var idP = $(".blocoItensP").find("div[title=" + idP + "]").attr("title");
        var htmlP = $(".blocoItensP div").find("div[title=" + idP + "]").html();
        
        //Remove o html dos itens
        $(".bloco1 .item").remove();
        $(".blocoItensP div").find("div[title=" + idP + "]").remove();
        
        //Adiciona o html do item pequeno no bloco de item grande e do grande no bloco do item pequeno
        $(".bloco1").prepend("<div class='item' title='" + idP + "'>" + htmlP + "</div>");
        $(".blocoItensP > div").each(function(i){
            if($(this).find("div").html() == null){
                $(this).append("<div class='item' title='" + idG + "'>" + htmlG + "</div>");
            }
        })
    })
    
    $(".proximo").click(function(){
        //Pega os title e o html do item grande e do pequeno
        var idG = $(".bloco1").find(".item").attr("title");
        var htmlG = $(".bloco1").find(".item").html();
        
        var idP;
        if(idG == 5){
            idP = 1;
        }else{
            idP = parseInt(idG) + 1;
        }
        var idP = $(".blocoItensP div").find("div[title=" + idP + "]").attr("title");
        var htmlP = $(".blocoItensP div").find("div[title=" + idP + "]").html();
        
        //Remove o html dos itens
        $(".bloco1 .item").remove();
        $(".blocoItensP div").find("div[title=" + idP + "]").remove();
        
        //Adiciona o html do item pequeno no bloco de item grande e do grande no bloco do item pequeno
        $(".bloco1").prepend("<div class='item' title='" + idP + "'>" + htmlP + "</div>");
        $(".blocoItensP > div").each(function(i){
            if($(this).find("div").html() == null){
                $(this).append("<div class='item' title='" + idG + "'>" + htmlG + "</div>");
            }
        })
    }) 
    
    //Tv da loja LS---------------------------------------------------------
//    $('#anuncio').before('<div id="navTv">').cycle({
//	    fx: 'scrollHorz', //Tipo da animação
//	    speed: 1000, //Velocidade de transição
//	    timeout: 6000, //Tempo de apresentação de cada bloco
//	    pager: "#navTv"
//    });
//    nav();
//    function nav(){
//        $("#navTv").append("<a class='parado'></a><a class='andar'></a>");
//        $(".andar").hide();

//        $(".parado").click(function() {
//            $("#anuncio").cycle("pause");
//            $(".parado").hide();
//            $(".andar").show();
//        });

//        $(".andar").click(function() {
//            $(".tvLoja").cycle('resume');
//            $(".andar").hide();
//            $(".parado").show();
//        });
//    }
    //------------------------------------------------------------------------    
})