$(document).ready(function() {

    $("#color").change(function() {
        var str = "";
        var c = $("#color option:selected").attr("cor");
        $("#BoxCor").css("background", c);
    })
    .change();

    $("ampliarImagens").click(function() {
        $("#imagensDetalhes a").click();
    });

    $(function() {
        $("#imagensDetalhes a").lightBox();
    });

    $(function() {
        $("#aAmpImagem").lightBox();
    });


    $("#imagensDetalhes a").mouseover(function() {
        $(".ProdImg").attr("src", $(this).attr("href").replace("_F.", "_B."));
        $(".MagicZoomBigImageCont div img").attr("src", $(this).attr("href").replace("_F.", "_Z."));
    });

    //Inicia video YouTube.
    //IniciarVideo();
});



//Armazena index de item que está sendo visualizado
var ItemAtual = 0;
	
//Controla a navegação do produtos
function NavegarCatalogo(direcao){
	
    //Captura todos os ULS correspondentes aos produtos relacionados
    var Uls = $("div#ListProdRelacionado .lineProdRel");
	
    if(direcao == "avanca")
    {
        // se não for ultimo item, esconde atual e mostra proximo
        if(ItemAtual != Uls.length - 1)	
        {		
	        Uls[ItemAtual].style.display = "none";
	        Uls[ItemAtual + 1].style.display = "inline";
			
	        ItemAtual = ItemAtual + 1;
        }
        else //Caso seja o ultimo elemento, voltar para a primeira Ul
        {
	        Uls[ItemAtual].style.display = "none";
	        ItemAtual = 0;
			
	        Uls[ItemAtual].style.display = "inline";
        }
		
    }
    else
    {
        //se nao for 1º elemento, esconde o atual e mostra o anterior
        if(ItemAtual != 0)	
        {		
	        Uls[ItemAtual].style.display = "none";
	        Uls[ItemAtual - 1].style.display = "inline";
		
	        ItemAtual = ItemAtual - 1;
        }
        else //Caso seja o 1º elemento, ir para a ultima Ul
        {
	        Uls[ItemAtual].style.display = "none";
	        ItemAtual = Uls.length - 1;
			
	        Uls[ItemAtual].style.display = "inline";
        }
		
    }
    
    //Faz com que todos os numeros de paginas fiquem não selecionados
    $("ul#ListProdPaginacao").children().removeClass("selected");
    $("ul#ListProdPaginacao").children().addClass("no-selected");
    
    
    //Seleciona página corrente
    $("li#ProdRelPag" + (ItemAtual + 1)).removeClass("no-selected");
    $("li#ProdRelPag" + (ItemAtual + 1)).addClass("selected");
	
}



//Controla a navegação através do marcador de páginas
function NavegarCatalogoPag(NumPag)
{
    //Recupera todos os itens do catalogo
    var Uls = $("div#ListProdRelacionado .lineProdRel");
    
    //Faz com que todos os li's fiquem não selecionados
    $("ul#ListProdPaginacao").children().removeClass("selected");
    $("ul#ListProdPaginacao").children().addClass("no-selected");
    
    //Seleciona item escolhido
    $("li#ProdRelPag" + NumPag).removeClass("no-selected");
    $("li#ProdRelPag" + NumPag).addClass("selected");
    
    //Desaparece com todos os itens (produtos  relacionados)
    $("div#ListProdRelacionado .lineProdRel").css({"display": "none"});
  
    //Mostra item correspondente a pagina selecionada  
    Uls[NumPag - 1].style.display = "inline";   
    
    
    //Atualiza marcador de item atual
    ItemAtual = NumPag - 1;
}


//Mostra video do youtube na div
function IniciarVideo() 
{
    var flashvars = {};
    var params = {};
    var attributes = {};
    var video = document.getElementById("hdnVideo");
    attributes.id = "divVideo";

    swfobject.embedSWF(video.value, "divVideo", "353", "300", "8.0.0", false, flashvars, params, attributes);
}