/*
 * ON LOAD DA PAGINA
 */
$(document).ready(function()
{
	showImage();
	$('#navegador .link-back').click(animateMenu);
	$('#navegador .link-next').click(animateMenu);

	$('#evolucao-lukscolor .link-back').click(animateEvolucaoLukscolor);
	$('#evolucao-lukscolor .link-next').click(animateEvolucaoLukscolor);

	$('#vantagens-lukscolor .link-back').click(animateVantagensLukscolor);
	$('#vantagens-lukscolor .link-next').click(animateVantagensLukscolor);
	
	$('.map-box li').hover(tipsShow,tipsHide);
	$('.map-box li').click(tipsShow);
	
	$('#evolucao-lukscolor #allSteps p').hover(overEvolucao,outEvolucao);
	$('#evolucao-lukscolor #allSteps p').click(overEvolucao);

	$('.mask a').click(hideProduto);
});

$(window).scroll(function()
{
	
});

/*
 * Home
 */
function startTimer()
{
	setTimeout(hideImage, fadeDuration);
}

function hideImage()
{
	$('#carroselHome .tela'+fadePosition).fadeOut(fadeTime, showImage);
	fadePosition++;
}

function showImage()
{
	fadePosition = fadePosition > 3 ? 1 : fadePosition;
	$('#carroselHome .tela'+fadePosition).fadeIn(fadeTime, startTimer);
}

/*
 * Embalagens
 */
function animateMenu()
{
	orient = ( $(this).attr('class') == 'link-next' ) ? '-=145' : '+=145';
	
	if( $(this).attr('class') == 'link-next' && contNavigator >= 20) return false;
	if( $(this).attr('class') == 'link-back' && contNavigator == 1) return false;
	
	( $(this).attr('class') == 'link-next' ) ? contNavigator++ : contNavigator--;
	$('#navegador .menu').animate({left: orient}, 800);
}

function hideProduto()
{
	imgName = $(this).attr('class');
	arrIMG  = $('.img-gd img').attr('src').split('embalagen');
	img     = arrIMG[0] + "embalage" + imgName + "-gd.jpg";
	url     = $(this).attr('href').replace('/index/id/','/json/id/');
	
	$('#embalagens-det').fadeOut(fadeTime, showProduto);
	
	return false;
}

function showProduto()
{
	var picture = new Image();
	$(picture).load(function() 
	{
		$.getJSON(url, function(data)
		{
			$('.img-gd img').attr('src', img);
			$('p.titulo').html(data.titulo);
			$('p.body1').html(data.body1);
			$('p.body2').html(data.body2);
			$('p.body3').html(data.body3);
			$('p.body4 strong').html(data.body4);
			
			$('#embalagens-det').fadeIn(fadeTime);
		});
	}).attr('src', img );;
	
}

/*
 * Evolucao Lukscolor
 */
function animateEvolucaoLukscolor()
{
	orient = ( $(this).attr('class') == 'link-next' ) ? '-=900' : '+=900';
	
	if( $(this).attr('class') == 'link-next' && contNavigator >= 6) return false;
	if( $(this).attr('class') == 'link-back' && contNavigator == 1) return false;
	
	( $(this).attr('class') == 'link-next' ) ? contNavigator++ : contNavigator--;
	$('#evolucao-lukscolor #allSteps').animate({left: orient}, 800);
}

function overEvolucao()
{
	$(this).addClass('hover');
}

function outEvolucao()
{
	$(this).removeClass('hover');
}

/*
 * Vantagens Lukscolor
 */
function animateVantagensLukscolor()
{
	orient = ( $(this).attr('class') == 'link-next' ) ? '-=900' : '+=900';
	
	if( $(this).attr('class') == 'link-next' && contNavigator >= 3) return false;
	if( $(this).attr('class') == 'link-back' && contNavigator == 1) return false;
	
	( $(this).attr('class') == 'link-next' ) ? contNavigator++ : contNavigator--;
	$('#vantagens-lukscolor #allSteps').animate({left: orient}, 800);
}

/*
 * Evolucao da Embalagem
 */
function tipsShow()
{
	var name = $(this).attr('class');
	$('.tip-box .' + name).fadeIn('fast');
}

function tipsHide()
{
	var name = $(this).attr('class');
	$('.tip-box .' + name).hide();
}



/*
 * Public vars
 */
var contNavigator = 1;
var orient = 0;
var fadePosition = 1;
var fadeTime = 500;
var fadeDuration = 7000;

var arrID;
var arrIMG;
var img;
var url;