$(document).ready(function() {

	// links no menu - deslizar para cada secao
	$('.nav li a').live('click',function(event) {
		event.preventDefault();

		var viewportSize = $(window).width();
		var viewportCenter = (viewportSize - 1000) / 2;
		var contentId = $(this).attr('href');
		var offset = $(contentId).offset();
		var left = offset.left - viewportCenter + 40;
		var menuClicado = $(this).parent().attr('class');

		$('div.nav').animate({
			marginTop: '-400px'}, 300, function() {
				$('div.nav li a ').removeClass('current');
				
				$(this).appendTo('#' + menuClicado).delay('500').animate({
					marginTop: '-140px'}, 400, function() {
						$('div.nav li.' + menuClicado + ' a').addClass('current');
				})
				 
		})

		$('div.footer').fadeOut('fast', function(){ $(this).appendTo('#' + menuClicado).show(); });

		$("html,body").animate({scrollLeft: left}, 1000);
		
	});
	
	
	$('div.nav').animate({marginTop: '-140px'}, 400);


	$('#Newsletter').validate({
		rules: {
			'Newsletter[nome]': {
				maxlength: 255,
				minlength: 3,
				required: true
			},
			'Newsletter[email]': {
				email: true,
				required: true
			},
			'Newsletter[mensagem]': {
				required: false
			}
		},
		submitHandler: function(form){
			$form = $(form);

			// dispara form por ajax
			$.post(
				$form.attr('action'),
				$form.serialize(),
				function(){

					$('#Newsletter').hide();
					$('div.sucesso').show();

					form.reset();

				}
			);
		}
	});

	$('#Newsletter').fadeIn();
	
	//
	$('input,textarea').placeholder();

	$('ul.marcas li').click(function() {
		var clienteDescricao = $(this).find('div.descricao').html();
		var clienteNome = $(this).find('img').attr('alt');
		
		$that = $(this)
		$('ul.marcas li.current').animate({width: 90, height: 90, marginTop: 0, marginLeft: 0}, 50, function() {
			$(this).removeClass('current');
			$that.animate({width: 140, height: 140, marginTop: -20, marginLeft: -20}, 200, function() {
				$that.addClass('current');
			})
		})
		$(this).addClass('current');

		$('div.texto').hide().html(clienteDescricao).fadeIn('slow');
		$('h3#titulo-cliente').hide().html(clienteNome).fadeIn('slow');
		
	});

	$('ul.marcas img').each(function() {
		var clienteMarca = $(this).attr('src');
		$(this).hide();
		$(this).parent().css('background-image','url(' + clienteMarca + ')');
	});

	
	
});