//===============================================
// Imagens
// Neste bloco de código estão todas as funções que se referem as imagens
// Obs.: Não é neste bloco de código que estão definido as funções de imagens da seleção de variants

//Variaveis
var oListImages = null;
var oListAttr2Images = null;
var listDefaultIndex = 0;
var oImageIndex = {
    main: 0,
    p1: null,
    p2: null,
    p3: null,
    p4: null,
    p5: null,
    p6: null,
    p7: null,
    p8: null,
    p9: null
};
var iRootFolder = '';
var iTemplateFolder = '';
var iZoomPageURL = '';

//simula querystring 
qs = new Array();
variaveis = location.search.replace(/\x3F/, "").replace(/\x2B/g, " ").split("&");
if (variaveis != "") {
    for (i = 0; i < variaveis.length; i++) {
        nvar = variaveis[i].split("=");
        qs[nvar[0]] = unescape(nvar[1]);
    }
}

function QueryString(variavel){
    return qs[variavel];
}

//verifica se o browser é o ie
function isIE(){
    return /internet explorer/i.test(window.navigator.appName) && window.opera == null;
}

//Efetua um loop em todos os registros verificando qual é o default
function setDefaultIndex(){
    listDefaultIndex = 0;
	for (i = 0; i < oListImages.length; i++) {
    	if (oListImages[i].default_var) {
    		listDefaultIndex = i;
            break;
        }
    } 
}

//Resgata o ID (do array) com base no SKU
function getIDBySKU(sku){
    var retorno = 0;
    for (i = 0; i < oListImages.length; i++) {
		if (oListImages[i].sku == sku) {
            retorno = i;
            break;
        }
    }
    return retorno;
}

//Resgata o ID (do array) com base no atributo 1
function getIDByAttr(attr){
    var retorno = 0;
    for (i = 0; i < oListImages.length; i++) {
        if (oListImages[i].attr_value1 == attr) {
            retorno = i;
            break;
        }
    }
    return retorno;
}

//Define o objeto 'oImageIndex' com os dados da variant selecionada
function setImages(sku){
    var itemName = '';
    listDefaultIndex = getIDBySKU(sku);

    var imgItem = oListImages[listDefaultIndex];
    for (i = 0; i <= 9; i++) {
        if (i == 0) {
            itemName = 'main';
        }
        else {
            itemName = 'p' + i;
        };

        if (imgItem['image_file__' + i] != null) {
            oImageIndex[itemName] = i;
        }
        else {
            if (itemName == 'main') {
                oImageIndex[itemName] = 0;
            }
            else {
                oImageIndex[itemName] = null;
            };
                    };
            };
    montaImagesHTML();
};

function setAttr2ImageList(jsonList){
    oListAttr2Images = eval('(' + jsonList + ')');
    
    return null;
}

//Monta o html das variantes
function montaImagemAttr2(){
    var objPrincipal = document.getElementById('prod_descr_img');
	var attr = document.getElementById("cboAttrValue1").options[document.getElementById("cboAttrValue1").selectedIndex].value;
	var attr_num = document.getElementById("cboAttrValue1").selectedIndex - 1; 
    listDefaultIndex = getIDByAttr(attr);
	// a variável acima recebe menos um pois existe mais um item no combo(escolha a cor)
	// que não há no dicionário
	
	if (attr_num >= 0) {
        var loaded = (document.getElementById('prod_descr_img_main') ? true : false);
        
		var HTML = '' +
		'<center>' +
		'<div id="prod_descr_img_main">' +
        '<a style="position: relative; width: 400px; display: block; height: 400px;">' +
		'<img src="' +
		iRootFolder +
		'/Assets/product_images/grandes/' +
		oListAttr2Images[attr_num].variant_image +
		'" border="0" alt="' +
		attr +
		'" Imagem-zoomsrc="' +
		iRootFolder +
		'/Assets/product_images/superzoom/' +
		oListAttr2Images[attr_num].variant_image +
        '" border="0" complete="complete" alt="' +
		attr +
        '"></a>' +
		'</div>';
		
		HTML = HTML + '<div id="prod_descr_img_mini" align="left">'
		
		for (i = 1; i <= 9; i++) {
			if (oListAttr2Images[attr_num][i] != null) {
                HTML = HTML + '<a href="javascript:imgClick( \'' + i + '\')" title="' + oListAttr2Images[attr_num][i] + '" id="prod_descr_img_p' + i + '">' +
				'<img src="' +
				iRootFolder +
				'/Assets/product_images/mini/' +
				oListAttr2Images[attr_num][i] +
				'" alt="' +
				oListAttr2Images[attr_num][i] +
                '" border="0" hspace="2"></a>';
			}
		}
		
		HTML = HTML + '</div>' +
		'<br><br />' +
		'</center>'
		objPrincipal.innerHTML = HTML;
        
        //if (loaded) {
            CiaZoom.clearFuncTimeout();
            CiaZoom.init('alterna', iRootFolder +
            '/Assets/product_images/superzoom/' +
            oListAttr2Images[attr_num].variant_image);
        //}
	}
}

//Monta todo o HTML da area de imagens
function montaImagesHTML(){
    var objPrincipal = document.getElementById('prod_descr_img');
	var loaded = (document.getElementById('prod_descr_img_main') ? true : false);
    
    var HTML = '' +
    '<center>' +
    '<div id="prod_descr_img_main">' +
    '<a style="position: relative; width: 400px; display: block; height: 400px;">' +
    '<img src="' +
    iRootFolder +
    '/Assets/product_images/grandes/' +
    oListImages[listDefaultIndex]['image_file__' + oImageIndex.main] +
    '" border="0" complete="complete" alt="' +
    oListImages[listDefaultIndex]['name'] +
    '" Imagem-zoomsrc="' +
    iRootFolder +
    '/Assets/product_images/superzoom/' +
    oListImages[listDefaultIndex]['image_file__' + oImageIndex.main] +
    '" border="0" alt="' +
    oListImages[listDefaultIndex]['name'] +
    '"></a>' +
    '</div>';
    HTML = HTML + '<div id="prod_descr_img_mini" align="left">'
    
    for (i = 1; i <= 9; i++) {
        if ((oImageIndex['p' + i] != null) && (oListImages[listDefaultIndex]['image_file__' + oImageIndex['p' + i]] != null)) {
            HTML = HTML + '<a href="javascript:imgClick(\'' + i + '\')" title="' + oListImages[listDefaultIndex]['name'] + '" id="prod_descr_img_p' + i + '">' +
            '<img src="' +
            iRootFolder +
            '/Assets/product_images/mini/' +
            oListImages[listDefaultIndex]['image_file__' + oImageIndex['p' + i]] +
            '" alt="' +
            oListImages[listDefaultIndex]['name'] +
            '" border="0" hspace="2" ></a>';
        }
    }
    
    HTML = HTML + '</div>' +
    '<br><br />' +
    '</center>'
    objPrincipal.innerHTML = HTML;
	
	//getImgObject('prod_descr_img_main').__CiaZoomQueued  = false;
    
    if (loaded) {
        CiaZoom.clearFuncTimeout();
        CiaZoom.init('alterna', iRootFolder +
        '/Assets/product_images/superzoom/' +
        oListImages[listDefaultIndex]['image_file__' + oImageIndex.main]);
    }
    //
}

//Amplia a imagem (Zoom)
function ShowZoom(){
    var zoomPage = new String(iZoomPageURL)
    if (oListImages.length > 0) {
        zoomPage = zoomPage.replace(escape("$imagem"), oListImages[listDefaultIndex]['image_file__' + oImageIndex.main]);
        zoomPage = zoomPage.replace(escape("$sku"), oListImages[listDefaultIndex].sku);
        zoomPage = zoomPage.replace(escape("$pfid"), oListImages[listDefaultIndex].pf_id);
        
        window.open(zoomPage, "Zoom", "menubar=0, status=0, toolbar=0, width=512, height=540");
        
    }
}

//Amplia a imagem (Zoom)
//modificada para a segunda variante
//usa parâmetros
function ShowZoomVariant(pf_id, sku, imagem){
    var zoomPage = new String(iZoomPageURL)
    
    if (oListImages.length > 0) {
        zoomPage = zoomPage.replace(escape("$imagem"), imagem);
        zoomPage = zoomPage.replace(escape("$sku"), sku);
        zoomPage = zoomPage.replace(escape("$pfid"), pf_id);
        
        window.open(zoomPage, "Zoom", "menubar=0, status=0, toolbar=0, width=512, height=540");
        
    }
}

//Função que terá como parametro o texto no padrão JSON, e define o objeto oListImages com este texto.
function setImageList(jsonList, rootFolder, templateFolder, zoomPage, nameImg){
    iRootFolder = rootFolder;
    iZoomPageURL = zoomPage;
    iTemplateFolder = templateFolder;
    nameImagem = nameImg;
    try {
        oListImages = jsonList
        if (oListImages.length > 0) {
            setDefaultIndex()
            setImages(oListImages[listDefaultIndex].sku)
        }
    } 
    catch (e) {
    }
}

//Resgata a primeira tag IMG dentro de uma div
function getImgObject(id){
    return document.getElementById(id).getElementsByTagName('img')[0];
}

//Quando clicado na imagem dispara esta função
function imgClick(imgIndex){
    if ((oImageIndex['p' + imgIndex] != null) && (oListImages[listDefaultIndex]['image_file__' + oImageIndex['p' + imgIndex]] != null)) {
        var oldIndex = oImageIndex.main;
        var newIndex = oImageIndex['p' + imgIndex];
        oImageIndex.main = newIndex;
        oImageIndex['p' + imgIndex] = oldIndex;
        //try {
            getImgObject('prod_descr_img_main').src = iRootFolder + '/Assets/product_images/grandes/' + oListImages[listDefaultIndex]['image_file__' + oImageIndex.main];
			getImgObject('prod_descr_img_main').setAttribute("imagem-zoomsrc", iRootFolder +'/Assets/product_images/superzoom/' + oListImages[listDefaultIndex]['image_file__' + oImageIndex.main]);
        
        var imagem = iRootFolder + '/Assets/product_images/superzoom/' + oListImages[listDefaultIndex]['image_file__' + oImageIndex.main];
        CiaZoom.clearFuncTimeout();
        //var zoomSrc = getImgObject('prod_descr_img_main').getAttribute("Imagem-zoomsrc");
        //var titleZoom = getImgObject('prod_descr_img_main').getAttribute("title_zoom");
        //document.getElementById("CiaZoom_img").src = iRootFolder + '/Assets/product_images/superzoom/' + oListImages[listDefaultIndex]['image_file__' + oImageIndex.main];
        //CiaZoom.MakeZoomNable(getImgObject('prod_descr_img_main'), zoomSrc, document.getElementById("prod_descr_img_main_zoom"), null, null, false,'alterna',imagem);
        
        CiaZoom.init('alterna', imagem);
        /*} 
        catch (e) {
         }*/
        try {
            getImgObject('prod_descr_img_p' + imgIndex).src = iRootFolder + '/Assets/product_images/mini/' + oListImages[listDefaultIndex]['image_file__' + oImageIndex['p' + imgIndex]]
        } 
        catch (e) {
        }
    }
}


//Quando clicado na imagem dispara esta função
//especial para casos de segunda variante
//passa o nome da imagem
function imgClickVariant(imgIndex){
    var oldImage = ""; //guarda a imagem que estava antes na imagem principal
    var newImage = ""; //guarda a imagem que será a imagem principal
	oldImage = getImgObject('prod_descr_img_main').src;
	newImage = getImgObject('prod_descr_img_p' + imgIndex).src;
	
	getImgObject('prod_descr_img_main').src = newImage.replace("/mini", "/grandes");

	getImgObject('prod_descr_img_p' + imgIndex).src = oldImage.replace("/grandes", "/mini");
}



// Fim Imagens
//===============================================





//===============================================
//Inicio frete grátis

function showFrete(){
    var frete = document.getElementById('frete_gratis')
    //var cboAttrValue1 = document.getElementById('cboAttrValue1')	
    //var cboAttrValue2 = document.getElementById('cboAttrValue2')
    try {
        if (frete.style.visibility == 'visible') {
            frete.style.visibility = 'hidden';
            //cboAttrValue1.style.visibility = 'visible';
            //try{ cboAttrValue2.style.visibility = 'visible'; }catch(e){};
        }
        else {
            frete.style.visibility = 'visible';
            //cboAttrValue1.style.visibility = 'hidden';
            //try{ cboAttrValue2.style.visibility = 'hidden'; }catch(e){};
        }
        frete.style.top = iMouse.y + 'px';
        frete.style.left = (iMouse.x - 430) + 'px';
    } 
    catch (e) {
    }
    
}

//fim frete-gratis
//==============================================

//===============================================
// Mouse
// Utiliza o evento do mouse p/ recuperar sua posição, esta posição será utilizada para mostrar a div de parcelamento.
var iMouse = {
    x: 0,
    y: 0
};
var IE = document.all ? true : false;
if (!IE) 
    document.captureEvents(Event.MOUSEMOVE)
document.onmousedown = getMouseXY;


function getMouseXY(e){
    if (IE) { // grab the x-y pos.s if browser is IE
        iMouse.x = event.clientX + document.body.scrollLeft;
        iMouse.y = event.clientY + document.body.scrollTop;
    }
    else { // grab the x-y pos.s if browser is NS
        iMouse.x = e.pageX;
        iMouse.y = e.pageY;
    }
    // catch possible negative values in NS4
    if (iMouse.x < 0) {
        iMouse.x = 0
    }
    if (iMouse.y < 0) {
        iMouse.y = 0
    }
    return true;
}

// Fim Mouse
//===============================================




function IndispInfo(){
    window.location = "shopper_alert.asp?dept_id=" + oListVariants[listVariantIndex].dept_id + "&sku=" + oListVariants[listVariantIndex].sku + "&template_id=" + QueryString("template_id");
}

function changeTab(Id, pfId){

    if (Id == 9999) {
        document.getElementById('descricao').style.visibility = 'hidden';
        document.getElementById('descricao').style.position = 'absolute';
        document.getElementById('borda_conteudo').style.visibility = 'hidden';
        document.getElementById('borda_conteudo').style.position = 'absolute';
        /*document.getElementById('relacionados').style.visibility = 'visible';
         document.getElementById('relacionados').style.position = 'static';*/
    }
    else 
        if (Id == 0) {
            document.getElementById('descricao').style.visibility = 'visible';
            document.getElementById('descricao').style.position = 'static';
            document.getElementById('borda_conteudo').style.visibility = 'hidden';
            document.getElementById('borda_conteudo').style.position = 'absolute';
        /*document.getElementById('relacionados').style.visibility = 'hidden';
         document.getElementById('relacionados').style.position = 'absolute';*/
        }
        else {
            document.getElementById('descricao').style.visibility = 'hidden';
            document.getElementById('descricao').style.position = 'absolute';
            document.getElementById('borda_conteudo').style.visibility = 'visible';
            document.getElementById('borda_conteudo').style.position = 'static';
            /*document.getElementById('relacionados').style.visibility = 'hidden';
         document.getElementById('relacionados').style.position = 'absolute';*/
            cAjax.onStateChange = function(classState, httpState, retornoHTML, retornoXML){
                if (httpState == 200) {
                    document.getElementById('borda_conteudo').innerHTML = retornoHTML;
                }
                else {
                    alert('Erro ' + httpState + '\n\nFavor entrar em contato com o administrador do sistema.');
                }
                
            }
            cAjax.load('../borda_conteudo.asp', 'id=' + Id + '&pf_id=' + pfId, 'POST'); // Chama a função AJAX
        }
}

function addLista(sku){
    window.location.href = '../shopper_lookup2.asp?target=wishlist_view.asp&sku=' + sku;
}