document.animation = false;

$(document).ready(function(){
	$("#slides li").click(function(){
		var id = $("#slides li").index(this);
		//if(id == 4)location.href=$("#menu ul li a").eq(id).attr("href");
		//else
		 move_slides($("#slides li").eq(id),id);
	});
	
	$("#slides li").hover(function(){
		$("#slides li[ativo=true]").cycle('pause');
		$(this).cycle({'speed':'250','timeout':'100'});
	},function(){
		$("#slides li[ativo=true]").cycle('resume');
		$(this).cycle('destroy');	
	});
	
	
	$("#links ul li a").hover(function(){
		$(this).find("img").animate({"opacity":"0.5"});
	},function(){
		$(this).find("img").animate({"opacity":"1"});
	});
	

	$("#menu ul li a").click(function(e){
		var id = $("#menu ul li a").index(this);
		move_slides($("#slides li").eq(id),id);
		return false;
	});
	
	/*
	$("#menu ul li a").mouseover(function(){
		$(this).animate({'backgroundColor':'white','color':'usina'})
	});
	
	$("#menu ul li a").mouseout(function(){										 
		if($(this).attr('class')=="") $(this).animate({'backgroundColor':'usina','color':'white'});
	});
	*/

	setTimeout(function(){
		start_slides("#slides li",0);
	} ,1000);

	$("body").ajaxStart(function() { $("#loading").fadeIn(); });
    $("body").ajaxStop(function()  { $("#loading").fadeOut(); });
	$("#slides li").attr("ativo","false").cycle('start');

});

function move_slides(o,i){
	if(verifica_slide(o,i)){
		if(!document.animation){
			var new_position = 139*i;	
			document.animation = true;		
			$("#menu ul li a.ativo").animate({'backgroundColor':'usina','color':'white'},function(){		$(this).removeClass("ativo");	});
			$("#menu ul li a").eq(i).animate({'backgroundColor':'white','color':'usina'},function(){		$(this).addClass("ativo");	});
			
			if($("#janela[ativo=true]").get()!=""){
				$("#janela .conteudo").fadeOut(function(){
					$("#janela[ativo=true]").animate({"width":'0px'},'easeInOutQuad',function(){
						$(this).attr("ativo","false");
						$("#slides li").css("z-index","1000").animate({"left":'0px'},'easeInOutQuad', function(){ $(this).css("z-index","1"); });		
						$(o).css("z-index","999").animate({"left":'-'+new_position+'px'},'easeInOutQuad',function(){abre_pagina(i);});	
					});
				});
			}else{
				$("#slides li").css("z-index","1000").animate({"left":'0px'},'easeInOutQuad', function(){ $(this).css("z-index","1"); });		
				$(o).css("z-index","999").animate({"left":'-'+new_position+'px'},'easeInOutQuad',function(){abre_pagina(i);});	
			}
		}
	}
}


function abre_pagina(i){
	var pagina = $("#menu ul li a").eq(i).attr("href");	
	if(i!=0){
		document.pagativo = i;
		$("#slides li[ativo=true]").cycle('pause');
		$("#slides li").eq(i).cycle({'speed':'2000','timeout':'4000'})
		$("#janela").animate({"width":'694px'},'easeInOutQuad',function(){
			$(this).attr("ativo","true");
			$.ajax({
				url:pagina,
				type:"POST",
				cache:false,				
				success:function(data){
					$("#janela .conteudo").empty().append(data).fadeIn();
					if(pagina=="_colecao.asp")abrir_catalogo();
					document.animation = false;								
				},
				error:function(){
					document.animation = false;									
				}
			});
			
		})
	}else{
		$("#slides li").cycle('destroy');
		movimento_slides($("#slides li[ativo=true]"),0);
		document.animation = false;
	}	
}

function start_slides(slides,i){	
	if($(slides).eq(i).get()!=''){
		$("#menu ul li").eq(i).fadeIn();
		$(slides).eq(i).css({'cursor':'pointer'}).fadeIn(function(){
			start_slides(slides,i+1);
		});	
	}else{
		movimento_slides(slides,0);
	}
}

function movimento_slides(slides,i){
	
	if($(slides).eq(i).get()=='')i=0;
	if((i-1)<0)iv=$("#menu ul li").length-1; else iv = i - 1;
	$("#slides li").eq(iv).attr("ativo","false");	
	$("#slides li").eq(i).attr("ativo","true");
	$("#slides li").eq(i).cycle({
		fx:'fade',
		timeout:'1000',
		speed:'500',
		autostop:1,
		autostopCount:($("#slides li:eq("+i+") img").length + 1),
		end: function(o){			
			movimento_slides($("#slides li"),i+1);			
		}
	});
	
	
}

function verifica_slide(o,i){
	if($("#conteudo").css("display")=="block"){
		return true
	}else{		
		$("#conteudo_2").fadeOut(function(){
			$("#conteudo").fadeIn(function(){									  
				move_slides(o,i)						  
			})
			return false
		})
	}
	
}


function pagina(href){
	document.animation = true;
	$("#menu ul li a.ativo").animate({'backgroundColor':'usina','color':'white'},function(){		$(this).removeClass("ativo");	});
	if($("#conteudo").css("display")=="block"){
		$("#conteudo").fadeOut(function(){
			pagina(href);
		});
	}else{
		if($("#slides").css("display")=="block")$("#conteudo_2").fadeOut();

		$.ajax({
			url:href,
			type:"POST",
			cache:false,
			success:function(data){
				
				
				$("#conteudo_2").empty().append(data).fadeIn(function(){
					if(href=='_lojas.asp'){abrir_lojas();}
				});				
				document.animation = false;
			},
			error:function(){
				document.animation = false;
			}
		});								  
	}
}


// flash lojas
function abrir_lojas(){
	$("#sao_paulo").empty().flash({
		swf:"panoramica.swf",
		height: "140",
		width: "160",
		parans:{"wmode":"transparent"}
		
	});
	
	$(".loja_indaiatuba").empty().flash({
		swf:"swf/360_indaiatuba.swf",
		height: "160",
		width: "140",
		parans:{"wmode":"transparent"}
		
	});
	
	$(".loja_mogi").empty().flash({
		swf:"swf/360_mogi.swf",
		height: "160",
		width: "140",
		parans:{"wmode":"transparent"}
		
	});
	
	$(".loja_sumare").empty().flash({
		swf:"swf/360_sumare.swf",
		height: "160",
		width: "140",
		parans:{"wmode":"transparent"}
		
	});			
}

// flash catalogo
function abrir_catalogo(){
	$("#catalogo").empty().flash({
		swf:"swf/colecao_usina.swf",
		height: "352",
		width: "498",
		parans:{"wmode":"transparent"}
		
	});
}


//promoções e datas especiais
var especial = {
	
	close:"<div class='close'>X</div>",
	css_close:{"background":"#FFFFFF","color":"#000000","padding":"0 5px","position":"absolute"},
	css_especial:{"position":"absolute","z-index":"999","cursor":"pointer"},
	width:0,
	height:0,	
	start:function(img){
		$("body").prepend("<div class='especial'><img src='"+img+"' /></div>");
		$(".especial")
			.css(this.css_especial)
			.prepend(this.close);
			;
		$(".close").css(this.css_close);
		$(".especial").css({"left":"50%","margin-left":"-"+(this.width/2)+"px","top":"-"+this.height+"px"}).click(function(){ especial.end(); });
		$(".especial").animate({"top":((this.height/2)-100)+"px"});
	},
	end:function(){
		$(".especial").animate({"top":"-"+this.height+"px"});
	}
	
	
}