/********************************
 *       Viewport Functions     *
 ********************************/

var viewport = {

   /**
	* Groups functions loaded on each page
	* @access public	
	*/
	_construct: function(){
		currentPosition = 0;
	},
	
   /**
	* Home page specific functions
	* @access public	
	*/
	home_page: function(){

		$('#mnu-home').addClass('active');

		
		var duration = 360;
		
		slides = $('#slider ul li').length;
		var lengthOfSlider = slides * slideWidth;
		
		$('#slider ul').css('width', lengthOfSlider+'px');
		
		$('#slider ul').css('display','block');
		$('#slider ul').css('left','0px');
		
	},
	
   /**
	* Contact page specific functions
	* @access public	
	*/
	contact_page: function(){

		$('#mnu-contact').addClass('active');

	},
	
   /**
	* Product page specific functions
	* @access public	
	*/
	product_page: function(){

		$('#mnu-products').addClass('active');

	},
	
   /**
	* Service page specific functions
	* @access public	
	*/
	service_page: function(){

		$('#mnu-services').addClass('active');

	},
	
   /**
	* 404 Page
	* @access public	
	*/
	fourohfour_page: function(){},
	
	blog_page: function(){
		
		// Add blog icon to header
		//$('#logo').html('<span class="blog-icon"></span>');
		//$('#logo').attr('href', 'http://wixel.net/blog/');
		//$('#pagination a').addClass('round_corners_5');
		//$('#blog-link').fadeOut();
	}
	
};

function goToN(n,duration){
	
	var left = (-n*slideWidth) ;
	$('#slider ul').animate({
			marginLeft: left
		}, duration);
	currentPosition = n;
	turnOnActualCuadro();
	$('#slider > h1').html($('#slider ul li:eq('+currentPosition+') img').attr('alt'));	
	
	
	valHTML = '<span style="font-size:'+plecas[0][currentPosition][2]+'px;">' + $('#slider ul li:eq('+currentPosition+') img').attr('alt') + '</span>';
	$('#slider > table tr td h1').html(valHTML);	
}


function next(duration){
	if(currentPosition == (slides - 1) ){
		goToN(0,0);
	}else{
		currentPosition++;
		goToN(currentPosition,duration);
	}

}

function previous(duration){

if(currentPosition == 0){
	goToN(slides - 1,0);
	
}else{
	currentPosition--;
	goToN(currentPosition,duration);
}

}

// Let's go!
viewport._construct();


var currentPosition = 0;
var contador = 0;
var slides = 0;
var slideWidth = 948;