// JavaScript Document

var mycarousel_itemList = [
    { url: "Aminactif_1.png", title: "Aminactif", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Aminactif - O antiqueda reactivador de saúde capilar por via nutricional " },
    { url: "Aminactif_2.png", title: "Aminactif Preenchimento", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Aminactif Preenchimento - Sérum Preenchimento Antiqueda" },
    { url: "produto_4.png", title: "AMINEXIL SP 94", thumbUrl: "dercos_cuidados_capilares.aspx", description: "AMINEXIL SP 94 Tratamento Antiqueda para mulher" },
//    { url: "produto_7.png", title: "Champô Densificador", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Champô Densificador Volumador Capilar Com SP94" },
    { url: "produto_2.png", title: "Dercos Aminexil Energy", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Dercos Aminexil Energy Tratamento Antiqueda Energizante Homem" },
    { url: "produto_3.png", title: "AMINEXIL SP 94", thumbUrl: "dercos_cuidados_capilares.aspx", description: "AMINEXIL SP 94 Tratamento Antiqueda para homem" },
    
     { url: "champo_densificador_activo.png", title: "Densificador Activo", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Champô Densificador Activo" },
    { url: "champo_aminactif_volume_antiquebra.png", title: "Aminactif Volume e Antiquebra", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Champô Aminactif Volume e Antiquebra" },
    
    { url: "produto_1.png", title: "Champô Estimulante com Aminexil", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Champô Estimulante com Aminexil e Vitaminas PP/B5/B6" },
    { url: "produto_6.png", title: "Champô Anticaspa", thumbUrl: "dercos_cuidados_capilares.aspx", description: "Champô Anticaspa Fortificante Cabelos em fase de queda" }
];

function mycarousel_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }

        if (i > mycarousel_itemList.length) {
            break;
        }

        carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[i-1]));
    }
};

/**
 * Item html creation helper.
 */

function mycarousel_getItemHTML(item)
{
    return '<a href="' + item.thumbUrl + '"><img src="images/' + item.url + '" alt="' + item.description + '" /></a>';
};

jQuery(document).ready(function() {
    var imgCount = 0;
	
	jQuery('#mycarousel').jcarousel({
        size: mycarousel_itemList.length,
		scroll : 1,
		visible : 1,
        itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
    });
	
	
	jQuery('.carouselText').html(mycarousel_itemList[imgCount].description);
	
	jQuery('.jcarousel-next').click(function(){
		imgCount++;
		if(imgCount >= mycarousel_itemList.length){imgCount = mycarousel_itemList.length - 1;}
		//alert(imgCount);
		jQuery('.carouselText').html(mycarousel_itemList[imgCount].description);
	});
	
	jQuery('.jcarousel-prev').click(function(){
		imgCount--;
		if(imgCount < 0){imgCount = 0;}
		//alert(imgCount);
		jQuery('.carouselText').html(mycarousel_itemList[imgCount].description);
		
	});

});

/*HIDE AND SHOW LAYER*/

function hideDiv(item) {

    if (document.getElementById) { 
        document.getElementById(item).style.display = 'none';
    }
}

function showDiv(item) {
    if (document.getElementById) { 
        document.getElementById(item).style.display = 'block';
    }
}