$(document).ready(function(){
	$('#paginator').css('display', 'none');
	
	var totalPackages = $('div.package').length;
	var pageIndex = 1;
	var pageTotal = 4;
	
	// only show 3 package at a time
	var numVisible = 3;
	
	// create an array to hold all the packages
	var packageArray = new Array;
	
	for(var i = 0; i < totalPackages ; i ++){
		packageArray[i] = $('div.package:eq('+i+')');
	}
	
	var tempPackageArray = new Array;
	/*
	tempPackageArray = ['a', 'b', 'c', 'd', 'e'];
	
	testArray = new Array;
	
	testArray = tempPackageArray.splice(0, 3)
	tempPackageArray.push(testArray) ;
	alert(tempPackageArray);
	
	// hide all the packages except for the first numVisible 
	for(var j = totalPackages -1; j > numVisible -1; j --){
		var thisPackage = packageArray[j];
		thisPackage.css('display', 'none');
	}*/	
	
	
	$('#pageNext a').click(function(){
		pageIndex ++;
		
		checkPage();
	});
	
	$('#pagePrevious').click(function(){
		pageIndex --;
		
		checkPage();
	});
		
	function checkPage(){
		//alert(pageIndex);
		if(pageIndex == 1){
			previousVisibility(false);
		}else{
			previousVisibility(true);	
		}
		
		if(pageIndex == 4){
			nextVisibility(false);
		}else{
			nextVisibility(true);	
		}
		
		rotatePage();
	};
	
	function rotatePage(){
		
		tempPackageArray = packageArray.splice(0,3);
		for(var j = 0; j < tempPackageArray.length; j ++){
			var thisPackage = tempPackageArray[j];
			thisPackage.css('display', 'none');
		}
		refactorArray();
	};
	
	function refactorArray(){	
		for(var j = 0; j < packageArray.length; j ++){
			var thisPackage = packageArray[j];
			thisPackage.css('display', 'inline');
		}
		for(var k = 0; k < tempPackageArray.length; k ++){
			packageArray.push(tempPackageArray[k]);		
		}
	};
	
	function previousVisibility(toggle){
		if(toggle){
			$('#pagePrevious').css('display', 'inline');
		}else{
			$('#pagePrevious').css('display', 'none');
		};
	};

	function nextVisibility(toggle){
		if(toggle){
			$('#pageNext').css('display', 'inline');
		}else{
			$('#pageNext').css('display', 'none');
		};
	};	
	 
	// hide the Previous button
	previousVisibility(false);

});