// JavaScript Document
$(document).ready(function (){
		var capa = $('.tabs');		
		var segundo = $('#segundo');
		var tercero = $('#tercero');
		var cuarto = $('#cuarto');
		var quinto = $('#quinto');
		var sexto = $('#sexto');
		var septimo = $('#septimo');
		capa.hide();
		segundo.hide();	
		tercero.hide();
		cuarto.hide();
		quinto.hide();	
		sexto.hide();
		septimo.hide();	
		$('a').click(function(){
		  capa.filter(this.hash).toggle("normal");
		  segundo.filter(this.hash).toggle("normal");
		  tercero.filter(this.hash).toggle("normal"); 
		  cuarto.filter(this.hash).toggle("normal");
		  quinto.filter(this.hash).toggle("normal");
		  sexto.filter(this.hash).toggle("normal");	
		  septimo.filter(this.hash).toggle("normal");	
		});		


	//rotation speed and timer
	var speed = 5000;
	var run = setInterval('rotate()', speed);	
	
	//grab the width and calculate left value
	var item_width = $('#slides li').outerWidth(); 
	var left_value = item_width * (-1); 
        
    //move the last item before first item, just in case user click prev button
	$('#slides li:first').before($('#slides li:last'));
	
	//set the default item to the correct position 
	$('#slides ul').css({'left' : left_value});

 
    //if user clicked on next button
	$('#next').click(function() {
		


		//get the right position
		var left_indent = parseInt($('#slides ul').css('left')) - item_width;
		
		//slide the item
		$('#slides ul:not(:animated)').animate({'left' : left_indent}, 200, function () {
            
            //move the first item and put it as last item
			$('#slides li:last').after($('#slides li:first'));                 	
			
			//set the default item to correct position
			$('#slides ul').css({'left' : left_value});
		
		});
		         
		//cancel the link behavior
		return false;
		
	});        
	
        
});