var atual = 1;

if ($.address.parameter('foto')) {
	atual = parseInt(($.address.parameter('foto')));
} 

if(pic!=0) {
	atual = pic;	
}

var isiPad = navigator.userAgent.match(/iPad/i) != null;
// Função adaptImage()
// Parâmetros: targetimg (objeto jquery com elementos selecionados)
function adaptImage(targetimg) {
	winH = $(window).height();
	winW = $(window).width();
	
	var newH = (winH-460)-30;
	var	imgH = $('#fundo img').height();
	 
	 if(winH>600)	{
		 $('body').css({'overflow':'hidden'}); 
		 $('div.innercontent').css({'height':newH});
		 
		$('#fundo img').height(winH);
		imgH = $('#fundo img').height();
		
	 } else {
		  $('body').css({'overflow':'visible'});
	 }
	
	$('#footer').css({'top':(imgH-33)});
	$('#player').css({'top':(imgH-28)});
}

function enableNav() {
	var totalImagens = $('#menu li').length;
	
	$('a.right').click(function() {
		if(atual<totalImagens) {
			atual = atual+1;
			loadBig();
			return false;
		}
	});
	$('a.left').click(function() {
		if(atual>1) {
			atual = atual-1;
			loadBig();
			return false;
		}
	});

}

function loadBig()
{
	
	$('#fundo').empty();
	$('#loader').show('fast');
	$("#content").remove();
	$('#sidebar #overlay').css('display','block');
	
	var totalImagens = $('#menu li').length;
	if(atual==1) { $('a.left').hide(); } else {$('a.left').show();}
	if(atual==totalImagens) { $('a.right').hide(); } else {$('a.right').show();}
	
	var img = new Image();
	  $(img).load(function () {
		// hide first
		$(this).css('display','none'); // since .hide() failed in safari
		$('#fundo').removeClass('loading').append(this);
		$('#fundo').append($(this));
		$(this).fadeIn();
		$('#loader').hide('fast');
		$('#sidebar #overlay').css('display','none');
		$.address.parameter('foto', atual);
		addShareButtons();
		$(window).resize();
		adaptImage($('#fundo img'));
		
	}).error(function () {
		$(el).remove();
	}).attr('src','images/colecao/'+atual+'g.jpg');
	
}

function addShareButtons()
{
	var permalink = baseurl+'?pic='+atual;
	//var permalink = baseurl+'?share=true&pic='+atual+'#?foto='+atual;
	$('#share').empty();
	    html = '<a href="http://twitter.com/share" class="twitter-share-button" data-url="'+permalink+'" data-text="Confira esse e outros looks da Zezzo!" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>';
		html+= '<iframe src="http://www.facebook.com/plugins/like.php?app_id=137034506387709&amp;node_type=link&amp;href='+permalink+'&amp;send=true&amp;layout=box_count&amp;width=70&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=70px" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:70px; margin-top:0; height:70px;" allowTransparency="true"></iframe>';
	
	$('#share').append(html);
}
$(window).resize(function() {
	adaptImage($('#fundo img'));
});

function openContactForm()
{
	if($("#content").length==0) {
		$("body").append('<div id="content"></div>');
	}
	
	$.ajax({
	  url: "contato.php?getform",
	  cache: false,
	  success: function(html){
		 $("#content").empty();
		$("#content").append(html);
		enableForm();
	  }
	});
}

function enableForm()
{
	$('form #telefone').mask("(99) 9999-9999");
    $('form #cnpj').mask("99.999.999/9999-99");
	
	$('a.close').click(function() {
		 $("#content").empty();
	});

	$('form #enviar').click(function() {
		$(this).after('<p class="msg">Carregando, aguarde..</p>');
		var data = $('form').serialize();
		$.ajax({
		  type: 'POST',
		  url:'contato.php',
		  data: data,
		  success: function(sucess) {
			 $('form').replaceWith(sucess);
			 enableForm();
			 $('form select').trigger('change');
		  }
		})
		return false;
	});
}

function trocar(val) {
	$('form div.cnpj, div.ie').hide();
	switch(val) {
		case 'Representante':
			$('form .cnpj').show();
		break;	
		case 'Lojistas':
			$('form div.cnpj, div.ie').show();
		break;	
	}
}

function controlBars() {
	
	$up = $('a.up');
	$down = $('a.down');
	$scroll = $('div#scrollcontent');
	var stepH = 264;
	var step = 4;
	var iniPos = 0;
	var total = parseInt($('#menu li').length);
	var steps = total / step;
	var atualStep = 0;
	var offset = $scroll.offset;
	
	$up.click(function() {
		if(atualStep==(0)) {
			return false;	
		}
		atualStep--;
		$scroll.animate({'top':(atualStep*stepH)*-1});
		
	});
	$down.click(function() {
		if(atualStep==(steps-1)) {
			return false;	
		}
		atualStep++;
		$scroll.animate({'top':(atualStep*stepH)*-1});
	});
		
}


$(document).ready(function () {
	
	$('a#stop').click(function() {
		audioElement.pause();
	});
	
	$('a#contato').click(function() {
		openContactForm();
		return false;
	});
		
	$('#quem_sou').change(function() {
		
	});
	
	$('div.overbox').delay(200).fadeIn(300).delay(1300).fadeOut(400);

		
	$('.box a').hover(function() {
		//$(this).animate({'opacity':0.5},200);
	},function() {
		//$(this).stop().animate({'opacity':1},200)
	});
	
	jQuery.easing.def = 'easeOutQuad';
	
	$('.boximages li').hover(function() {
		//$(this).find('.shadow').animate({'opacity':0.1}, 300);
		$(this).find('.over').animate({'left':0}, {duration: 300});
	},function() {
		//$(this).find('.shadow').animate({'opacity':1}, 300);
		$(this).find('.over').stop().animate({'left':-71}, 400);
	});
	
	$('.boximages li').click(function() {
		atual = parseInt($(this).attr('id'));
		loadBig();
		return false;
	});
	
	
	if(!isiPad) {
		$('.boximages ul').height(594);
		var wrapper = $('.boximages');
		var scrollable = $('.boximages ul');
		
		function enable(){
		  // height of area at the top at bottom, that don't respond to mousemove
		  var wrapperWidth = wrapper.width();
		  var wrapperHeight = wrapper.height();
		  // Using outer height to include padding too
		  var scrollableHeight = 2242;
      
		  wrapper.mousemove(function(e){
			  
			var wrapperOffset = wrapper.offset();
			// Scroll menu
			var top = ((e.pageY -  wrapperOffset.top) * (scrollableHeight - wrapperHeight) / wrapperHeight);
		
			if (top < 0){
			  top = 0;
			}
			//wrapper.animate({scrollTop: top},100);
			wrapper.scrollTop(top);
			
		  });       
		}
		
		enable();
	
	} else {
		controlBars();
	}
	
	
	
	loadBig();
	enableNav();

});