// slider effekt alireza.balouch @ siteman as 2008
    var currentId = 1;
    var autostart = 0;
    var menuId = 1;
    var slideTid = 1000;
    var timerTid = 5000;
    

$(document).ready(function(){

    
    $("#n1").click(function () {
        slideMenu(1);
        autostart = 1;
    });

    $("#n2").click(function () {
        slideMenu(2);
        autostart = 1;
    });    
    
    $("#n3").click(function () {
        slideMenu(3);
        autostart = 1;
    });
        
    $("#n4").click(function () {
        slideMenu(4);
        autostart = 1;
    });    
    
    $("#n5").click(function () {
      slideMenu(5);
      autostart = 1;
    });    

    setTimeout( "autoStarter()" , timerTid);

  });
  
 function autoStarter(){
    if (autostart == 0){
        menuId = ( menuId + 1 ) ;
        if ( menuId  == 6){
            menuId = 1 ;
        }
         slideMenu(menuId);
      setTimeout( "autoStarter()"  , timerTid);
    }    
   }
   
  function slideMenu(menuId){
      if (currentId != menuId){
          resetSize();
          $("#n" + menuId ).animate({width: "362px"},slideTid);
          slideImage(( menuId - 1) );
            currentId = menuId ;
      }
  }  
  
  function resetSize(){
        $("#n1").css({width: "24px"} );
        $("#n2").css({width: "24px"} );
        $("#n3").css({width: "24px"} );
        $("#n4").css({width: "24px"} );
        $("#n5").css({width: "24px"} );      
  }
    
  function slideImage(imgId){
      var bredde = "-" + (486 * imgId) + "px" ;
      $("#npics" ).animate({left: bredde },slideTid );
  }