var windowsize= 600;
	
	$(document).ready(function()
	{
		toggleClass(0);
		
		$("#home").click(function() 
		{
			toggleClass(0);
			$.scrollTo( '177px', 2500 );
		});
		
		$("#nosotros").click(function() 
		{
			toggleClass(1);
			$.scrollTo( "750px", 2500 );
		});
		
		$("#servicios").click(function() 
		{
			toggleClass(2);
			$.scrollTo( '1420px', 2500 );
		});
		
		$("#portafolio").click(function() 
		{
			toggleClass(3);
			$.scrollTo( '2140px', 2500 );
		});
		
		$(".servicios_bg").click(function() 
		{
			toggleClass(3);
			$.scrollTo( '2140px', 2500 );
		});		
		
		$("#contacto").click(function() 
		{
			toggleClass(4);
			$.scrollTo( '#page5_main', 2500 );
		});
		
		function toggleClass(id)
		{
			$("#home").removeClass("active");
			$("#nosotros").removeClass("active");
			$("#servicios").removeClass("active");
			$("#portafolio").removeClass("active");
			$("#contacto").removeClass("active");

			if(id == 0)
			{
				$("#home").addClass("active");
			}
			
			else if(id == 1)
			{
				$("#nosotros").addClass("active");
			}
			
			else if(id == 2)
			{
				$("#servicios").addClass("active");
			}
			
			else if(id == 3)
			{
				$("#portafolio").addClass("active");
			}
			
			else if(id == 4)
			{
				$("#contacto").addClass("active");
			}
		}
		
		$(".biomana").hover(function() 
		{
    		$(".biomana_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".biomana_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".biomana").click(function() 
		{
			/*$("#main").animate({"top": "-2118px"}, { duration: "slow", queue: false, easing: easing });
			$("#page4_main").animate({"top": "709px"}, { duration: "slow", queue: false, easing: easing });
			$("#page5_main").animate({"top": "709px"}, { duration: "slow", queue: false, easing: easing });*/
		});
		
		/********************************************************/
		
		$(".flower").hover(function() 
		{
    		$(".flower_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".flower_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".flower").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".noche").hover(function() 
		{
    		$(".noche_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".noche_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".noche").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".bovino").hover(function() 
		{
    		$(".bovino_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".bovino_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".bovino").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".girls").hover(function() 
		{
    		$(".girls_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".girls_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".girls").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".kyocera").hover(function() 
		{
    		$(".kyocera_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".kyocera_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".kyocera").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio1").hover(function() 
		{
    		$(".folio1_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio1_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio1").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio2").hover(function() 
		{
    		$(".folio2_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio2_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio2").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio3").hover(function() 
		{
    		$(".folio3_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio3_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio3").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio4").hover(function() 
		{
    		$(".folio4_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio4_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio4").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio5").hover(function() 
		{
    		$(".folio5_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio5_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio5").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio6").hover(function() 
		{
    		$(".folio6_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio6_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio6").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio7").hover(function() 
		{
    		$(".folio7_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio7_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio7").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio8").hover(function() 
		{
    		$(".folio8_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio8_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio8").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio9").hover(function() 
		{
    		$(".folio9_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio9_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio9").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio10").hover(function() 
		{
    		$(".folio10_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio10_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio10").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio11").hover(function() 
		{
    		$(".folio11_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio11_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio11").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/
		
		$(".folio12").hover(function() 
		{
    		$(".folio12_hover").stop().animate({"opacity": 0.85}); 
		},
		function() 
		{ 
		    $(".folio12_hover").stop().animate({"opacity": 0}); 
		});
		
		$(".folio12").click(function() 
		{
			//alert("clicked");
		});
		
		/********************************************************/

	});
	
	/*********************          PAGE INDEXING CODE         ************************/
	
	var $jq = jQuery.noConflict(true);
	
	$jq(function() 
	{
		var $tabs = $jq('#tabs').tabs();
		
		$jq(".ui-tabs-panel").each(function(i)
		{
			var totalSize = $jq(".ui-tabs-panel").size() - 1;
			if (i != totalSize) 
			{
				next = i + 2;
				$jq(this).append("<a href='#' class='next-tab mover' rel='" + next + "'>Next Page &#187;</a>");
			}
			
			if (i != 0) 
			{
				prev = i;
				$jq(this).append("<a href='#' class='prev-tab mover' rel='" + prev + "'>&#171; Prev Page</a>");
			}
			
		});
			
		$jq('.next-tab, .prev-tab').click(function() 
		{ 
			$tabs.tabs('select', $jq(this).attr("rel"));
			return false;
		});
	}); 

	$(window).scroll(function () 
	{ 
		var totop= $(window).scrollTop();  // number of pixels that are hiden above the visible window
		
		//alert(totop);
		
		// Animating Logo
		
		var dist1 = 135 + (totop * 100 / windowsize / 8);
		var dist2 = 80 + (totop * 100 / windowsize * 2);
		
		var k1pos= '50% ' + dist1 + 'px';
		var k2pos= '50% ' + dist2 + 'px';
		
		$('.kayros1').css({'backgroundPosition':k1pos});
		$('.kayros2').css({'backgroundPosition':k2pos});
		
		// Animating Clocks
		
		var tt= $(window).scrollTop();  // number of pixels that are hiden above the visible window
		
		var c1 = 80 - (tt * 100 / windowsize * 2);
		var c2 = 680 - (tt * 100 / windowsize * 6);
		var c3 = 300 - (tt * 100 / windowsize * 3);
		var c4 = -300 + (tt * 100 / windowsize * 2);
		var c5 = 200 + (tt * 100 / windowsize * 2);
		//alert(c1);
		
		var c1pos= '50% ' + c1 + 'px';
		var c2pos= '50% ' + c2 + 'px';
		var c3pos= '50% ' + c3 + 'px';
		var c4pos= '50% ' + c4 + 'px';
		var c5pos= '50% ' + c5 + 'px';
		
		$('.clock1').css({'backgroundPosition':c1pos});
		$('.clock2').css({'backgroundPosition':c2pos});
		$('.clock3').css({'backgroundPosition':c3pos});
		$('.clock4').css({'backgroundPosition':c4pos});
		$('.clock5').css({'backgroundPosition':c5pos});
		
    });