var  nItem=0;
var itemStep=480
var itemStepH=495
$(document).ready(function() {
   $("#mainMenu").find("li").click(function() {
       slide(this) 
          
   });

   $('#footerCredits').click(function (e) {
	   e.preventDefault();
	   $('#basicModalContent').modal();
	});
});


 function slide(obj){
   curPos=$(obj).attr("rel");
   curStep=parseInt(itemStep*curPos);
   
   $("#mask").animate({
       top: "-"+curStep+"px",
       left: "-0px"    
   }); 
 }
 
 function slideH(obj){
   curPos=curPos=$(obj).attr("rel");
   curStep=parseInt(itemStepH*curPos);
   $("#mask").animate({
       left: "-"+curStep+"px"
       
   }); 
 }