$(document).ready(function(){

	$("a[href='#']").attr('href','javascript:void()');

	var ClientesColorido = 	  ["cases_marcia_cl.jpg","cases_honda_cl.jpg","cases_marisa_cl.jpg","cases_hopihari_cl.jpg","cases_3m_cl.jpg","cases_educadora_cl.jpg","cases_integral_cl.jpg","cases_topz_cl.jpg","cases_ype_cl.jpg","cases_sapore_cl.jpg","cases_iris_cl.jpg","cases_rac_cl.jpg","cases_singer_cl.jpg","cases_100video_cl.jpg","cases_tecnol_cl.jpg","cases_educar_cl.jpg"];
	var ClientesPretoBranco = ["cases_marcia_pb.jpg","cases_honda_pb.jpg","cases_marisa_pb.jpg","cases_hopihari_pb.jpg","cases_3m_pb.jpg","cases_educadora_pb.jpg","cases_integral_pb.jpg","cases_topz_pb.jpg","cases_ype_pb.jpg","cases_sapore_pb.jpg","cases_iris_pb.jpg","cases_rac_pb.jpg","cases_singer_pb.jpg","cases_100video_pb.jpg","cases_tecnol_pb.jpg","cases_educar_pb.jpg"];
	
	$("ul.clientes li a").hover(function(){
		var index = $("ul.clientes li a").index(this);
		$("ul.clientes li a img").eq(index).attr("src","./images/"+ClientesColorido[index]);
	},function(){
		var index = $("ul.clientes li a").index(this);	
		$("ul.clientes li a img").eq(index).attr("src","./images/"+ClientesPretoBranco[index]);
	});					   

	//***********************
	$("#clientes-zoom ul li").hide();
	var indexGlobal = 0;
	
	//abre cases
	$("ul.clientes li a").click(function(){
		var index = $("ul.clientes li a").index(this);
		indexGlobal = index;
		$("#case_box").show();
		$("#clientes-zoom ul li").eq(index).fadeIn(1000);
		return false;
	});
	
	//fecha cases
	$(".voltar-menu").click(function(){
		$("#clientes-zoom ul li").hide();
		$("#case_box").fadeOut(1000);
		return false;
	});
	
	//ant-prox cases
	var numCases = $("#clientes-zoom ul li").length;
		
	$("a.proximo").click(function(){
		indexGlobal++;
		if (indexGlobal <= (numCases-1)){
			$("#clientes-zoom ul li").hide();
			$("#clientes-zoom ul li").eq(indexGlobal).fadeIn(1000);
		}else {
			indexGlobal=0;
			$("#clientes-zoom ul li").hide();
			$("#clientes-zoom ul li").eq(indexGlobal).fadeIn(1000);
		}
		return false;
	});
	$("a.anterior").click(function(){
		indexGlobal--;
		if (indexGlobal >= 0){
			$("#clientes-zoom ul li").hide();
			$("#clientes-zoom ul li").eq(indexGlobal).fadeIn(1000);
		}else {
			indexGlobal = (numCases-1);
			$("#clientes-zoom ul li").hide();
			$("#clientes-zoom ul li").eq(indexGlobal).fadeIn(1000);
		}
		return false;
	});
	
	//validação form contato
	
	$("#btnEnviar").click(function(){
			
				var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
			
				if ($("#nome").val() == "" || $("#email").val() == "" || $("#mensagem").val() == "") {
					$(".erro").html('* preencha todos os campos');	
				} else if (!emailReg.test($("#email").val())) {
					$(".erro").html('* email inv&aacute;lido');
					$("#email").focus();
				} else {
				
				$("#form-contato").hide();
				$("#form-msg").show();
				   
				var nome = $("#nome").val();		
				var email = $("#email").val();
				var mensagem = $("#mensagem").val();
				
				 $.ajax ({
                        type: "POST",
                        url: "sendmail.php",
                        data: "nome="+nome+"&email="+email+"&mensagem="+mensagem,
                        success: function(msg)
                        {
                            $("#form-msg").ajaxComplete(function(event, request, settings)
                            {
                                $("#form-msg").html(msg);
                            });
                        }
                    }); 
				
				
				}
	
			});
	
	
	//scrollTo
	
	$(".agenciaBtn").click(function(){
		$('html, body').animate({scrollTop: $('#wethinkweb').offset().top}, 2000);	
	})
	
	$(".casesBtn").click(function(){
		$('html, body').animate({scrollTop: ($('#cases').offset().top-20)}, 2000);							 
	})

	$(".contatoBtn").click(function(){
		$('html, body').animate({scrollTop: $('#rodape').offset().top}, 2000);							 
	})
	
	
	
	// flickr
    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?id=25316242@N03&tags=2011&lang=pt-br&format=json&jsoncallback=?", displayImages);
	

	function displayImages(data) {
		// Randomly choose where to start. A random number between 0 and the number of photos we grabbed (20) minus 9 (we are displaying 9 photos).
		var iStart = Math.floor(Math.random() * (13));

		// Reset our counter to 0
		var iCount = 0;

		// Start putting together the HTML string
		var htmlString = "<ul>";

		// Now start cycling through our array of Flickr photo details
		$.each(data.items, function(i, item) {

			// Let's only display 9 photos (a 3x3 grid), starting from a random point in the feed					
			if (iCount > iStart && iCount < (iStart + 7)) {

				// I only want the ickle square thumbnails
				var sourceSquare = (item.media.m).replace("_m.jpg", "_s.jpg");

				// Here's where we piece together the HTML
				htmlString += '<li><a href="' + item.link + '" target="_blank">';
				htmlString += '<img src="' + sourceSquare + '" alt="' + item.title + '" title="' + item.title + '"/>';
				htmlString += '</a></li>';
			}
			// Increase our counter by 1
			iCount++;
		});

		// Pop our HTML in the #images DIV	
		$('#images').html(htmlString + "</ul>");

		// Close down the JSON function call
	}

});

	//facebook

	function LikeFacebook(){
		document.write('<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWebcompany%2F133464173375491&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21" style="border:none; overflow:hidden; width:90px; height:22px;" scrolling="no" frameborder="0" allowTransparency="true"></iframe>');
	}