$(document).ready(function(){
	var i= 1;					   
	var prox = $('a.prox');
	var prev = $('a.prev');
	var qto = $(".g-gallery ul > li").size();
	var gallery = $('.g-gallery');
	var galleryul = $('.g-gallery ul');
	var desc = $('.descricoes ul');
	var descli = $(".descricoes ul li");
	var larg = $('.g-gallery ul li');
	var imagem = $('.g-gallery ul li a');
	var coni = 0;
	//tamanho da descricao	
	qto= parseInt(qto);
	gallery.css({'overflow': 'hidden', 'height' : 135});
	desc.css({'position':'relative', 'width':qto*(larg.width())});
	galleryul.css({'position':'relative', 'width':qto*(larg.width()+50)});
		
	$('.anterior').animate({'left' : -200, 'opacity' : 0},"easeOutSine", function(){$('.anterior').css({'display' : 'none'})});
	$('.anteriorf').animate({'margin-left' : -40, 'opacity' : 0},"easeOutSine", function(){$('.anteriorf').css({'display' : 'none'})});
	var pos = 0;
	var posX = 0;
	larg.fadeTo("fast",1);
	var con = 1;
	larg.each(function (){
		  $(this).addClass("class"+i);
		  $(this).find('a').attr({ 'tabindex': i});
		  $(this).find('a').attr({ 'rel': 'n'});
		  if(con == 6){
			  $(this).find('a').attr({ 'rel': 'troca'});
			  con = 1;
		  }
		  con++;
		  i++;
	});
	descli.each(function (){
		  $(this).addClass("desc"+i);
		  i++;
	});
	$(".class1").addClass("marcado");
	prox.click(function(e) {
		e.preventDefault();
		if(pos*6>-(qto-6)){
			if(pos==1){
			   pos=-1;
			}else{
				pos --;
		   }
			posX = pos*((larg.width()+12)*6);
			control(posX, pos);
		}
	});
	prev.click(function(e) {
		e.preventDefault();
		if(pos<qto-3 && pos<=-1){
			pos ++;
			posX = pos*(larg.width()*6);
			control(posX, pos);
		}
	});
	$('.anterior').animate({'margin-left' : -40, 'opacity' : 0},"easeOutSine");
	$('a.slid').click(function(e) {
		e.preventDefault();
		$('html').css({'background': '#000'});
		$('body').css({'background': '#000'});
		
	});
	function control(px, poS){
		desc.css({'left': px});
		poS= parseInt(poS);
		galleryul.animate({'left': px}, "easinInSine");
		poS= (poS*-1)+1;
		var marc=(poS*6)-4;
		if(poS<=1){
			$('.anterior').animate({'margin-left' : -40, 'opacity' : 0},"easeOutSine", function(){$('.anterior').css({'display' : 'none'})});
		}else{
			$('.anterior').css({'display' : 'block'});
			$('.anterior').animate({'margin-left' : -10, 'opacity' : 1},"easeOutSine");
		}
		if(marc>=qto-4){
			$('.proximo').animate({'margin-left' : 40, 'opacity' : 0},"easeOutSine", function(){$('.proximo').css({'display' : 'none'})});
		}else{
			$('.proximo').css({'display' : 'block'});
			$('.proximo').animate({'margin-left' : 0, 'opacity' : 1},"easeOutSine");
		}
	}
	larg.click(function(e) {
		e.preventDefault();
	});
	
	
	// Carrega a imagem
	$('.photo').css({'opacity': 0});
	carregar($('#imagem_ampliada').attr("src"));
	
	imagem.click(function(e) {
		e.preventDefault();
		
		var posA = $(this).attr('tabindex');
		
		if(posA<=2){
			$('.anteriorf').animate({'margin-left' : -40, 'opacity' : 0},"easeOutSine", function(){$('.anteriorf').css({'display' : 'none'})});
		}else{
			$('.anteriorf').css({'display' : 'block'});
			$('.anteriorf').animate({'margin-left' : -10, 'opacity' : 1},"easeOutSine");
		}
		if( posA == qto){
			$('.proximof').animate({'margin-left' : 40, 'opacity' : 0},"easeOutSine",  function(){$('.proximof').css({'display' : 'none'})});
		}else{
			$('.proximof').css({'display' : 'block'});
			$('.proximof').animate({'margin-left' : 0, 'opacity' : 1},"easeOutSine");
		}

		
		var proxImg  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('href');
		var prevImg  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('href');
		
		var proxTitle  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('title');
		var prevTitle  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('title');
		
		var proxRel  = $('.g-gallery ul li.class'+(parseInt(posA)) + ' a').attr('tabindex');
		var prevRel  = $('.g-gallery ul li.class'+(parseInt(posA)) + ' a').attr('tabindex');
		
		setagem(proxImg, prevImg, proxTitle, prevTitle, proxRel, prevRel);
		
		var URL=$(this).attr("href");
		$(".g-gallery ul > li").removeClass("marcado");
		$(this).parent('li').addClass("marcado");
		var offset=$(this).offset();
		
		$(".imagem_expandida h2").html($(this).attr("title"));
		
		$(this).parent().find("span.load").css({'display':'block'});
		$('.photo').animate({'opacity': 0}, "easinInSine", function(){carregar(URL)});
	});
	
	$(".imagem_expandida ul.setasf li.proximof a").click(function(e) {
		e.preventDefault();
		
		
		var posA = $(this).attr('tabindex');
		
		if($('.g-gallery ul li.class'+(parseInt(posA)) + ' a').attr('rel') == 'troca'){
			coni++;
			if(pos*6>-(qto-6)){
			if(pos==1){
			   pos=-1;
			}else{
				pos --;
		   }
				posX = -(coni * 900);
				control(posX, pos);
			}
		}
		
		if(posA<=2){
			$('.anteriorf').animate({'margin-left' : -40, 'opacity' : 0},"easeOutSine", function(){$('.anteriorf').css({'display' : 'none'})});
		}else{
			$('.anteriorf').css({'display' : 'block'});
			$('.anteriorf').animate({'margin-left' : -10, 'opacity' : 1},"easeOutSine");
		}
		if( posA == qto-1 || posA == qto){
			$('.proximof').animate({'margin-left' : 40, 'opacity' : 0},"easeOutSine",  function(){$('.proximof').css({'display' : 'none'})});
		}else{
			$('.proximof').css({'display' : 'block'});
			$('.proximof').animate({'margin-left' : 0, 'opacity' : 1},"easeOutSine");
		}
		
		var proxImg  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('href');
		var prevImg  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('href');
		
		var proxTitle  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('title');
		var prevTitle  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('title');
		
		var proxRel  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('tabindex');
		var prevRel  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('tabindex');
		
		setagem(proxImg, prevImg, proxTitle, prevTitle, proxRel, prevRel);
				
		var URL=$(this).attr("href");
		$(".g-gallery ul > li").removeClass("marcado");
		$('.g-gallery ul li.class' + (parseInt(posA) + 1)).addClass("marcado");
		var offset=$(this).offset();
		
		$(".imagem_expandida h2").html($(this).attr("title"));
		
		//$("span.load").css({'display':'block', 'left' : offset.left+55,'top' : offset.top+ 170 });
		$('.photo').animate({'opacity': 0}, "easinInSine", function(){carregar(URL)});
	});
	
	$(".imagem_expandida ul.setasf li.anteriorf a").click(function(e) {
		e.preventDefault();
		
		var posA = $(this).attr('tabindex');
		
		if($('.g-gallery ul li.class'+(parseInt(posA)) + ' a').attr('rel') == 'troca'){
			coni--;
			if(pos<qto-3 && pos<=-1){
				pos ++;
				posX = -(coni * 900);
				control(posX, pos);
			}
		}
		if(posA<=2){
			$('.anteriorf').animate({'margin-left' : -40, 'opacity' : 0},"easeOutSine", function(){$('.anteriorf').css({'display' : 'none'})});
		}else{
			$('.anteriorf').css({'display' : 'block'});
			$('.anteriorf').animate({'margin-left' : -10, 'opacity' : 1},"easeOutSine");
		}
		if( posA == qto-1 || posA == qto){
			$('.proximof').animate({'margin-left' : 40, 'opacity' : 0},"easeOutSine",  function(){$('.proximof').css({'display' : 'none'})});
		}else{
			$('.proximof').css({'display' : 'block'});
			$('.proximof').animate({'margin-left' : 0, 'opacity' : 1},"easeOutSine");
		}

		var proxImg  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('href');
		var prevImg  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('href');
		
		var proxTitle  = $('.g-gallery ul li.class'+(parseInt(posA) + 1) + ' a').attr('title');
		var prevTitle  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('title');
		
		var proxRel  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('tabindex');
		var prevRel  = $('.g-gallery ul li.class'+(parseInt(posA) - 1) + ' a').attr('tabindex');
		
		setagem(proxImg, prevImg, proxTitle, prevTitle, proxRel, prevRel);
		
		var URL=$(this).attr("href");
		$(".g-gallery ul > li").removeClass("marcado");
		$('.g-gallery ul li.class' + (parseInt(posA) - 1)).addClass("marcado");
		var offset=$(this).offset();
		
		$(".imagem_expandida h2").html($(this).attr("title"));
		
		//$("span.load").css({'display':'block', 'left' : offset.left+55,'top' : offset.top+ 170 });
		$('.photo').animate({'opacity': 0}, "easinInSine", function(){carregar(URL)});
	});
	
	
});

function carregar(url_image){
	//$("span.load").css({'display':'block'});
	var desc=$(".desc");
	var img=  new Image();
	img.src=url_image;
//	img.onload = function() {
	var Imagem=$(".imagem_expandida img");
	Imagem.attr('src', url_image).load(function() {  
	//	Imagem.attr({ src: url_image});
		var larg=document.getElementById("imagem_ampliada").width;
		$("span.load").css({'display':'none'});
		$('.photo').animate({'opacity': 1}, "easinInSine");
		$('.imagem_expandida').css({'width' : larg});
		
	});
}

function setagem(proxImg, prevImg, proxTitle, prevTitle, proxRel, prevRel){
	
	$(".imagem_expandida ul.setasf li.proximof a").attr({ href: proxImg});
	$(".imagem_expandida ul.setasf li.anteriorf a").attr({ href: prevImg});
	
	$(".imagem_expandida ul.setasf li.proximof a").attr({ 'title': proxTitle});
	$(".imagem_expandida ul.setasf li.anteriorf a").attr({ 'title': prevTitle});
	
	$(".imagem_expandida ul.setasf li.proximof a").attr({ 'tabindex': proxRel});
	$(".imagem_expandida ul.setasf li.anteriorf a").attr({ 'tabindex': prevRel});
}