var counter = 0;
    var counter2 = 0;
    var t;
    var t2;
    
$(document).ready(function(){

    max = $('.slideinbox').size();
    max2 = $('.slidebox2').size();

    autoslide('slideinbox');
    autoslide2('slidebox2');
 /*
     $(".show").mouseover(function () {


      //alert($(this).attr("ref"));
      $("#"+$(this).attr("ref")).slideDown("slow");
          
    }).change();   
     
    
       */ 
    $(".slideinbox").mouseout(function () {
      autoslide('slideinbox');
    }).change();
    $(".slidebox2").mouseout(function () {
      autoslide2('slidebox2');
    }).change();
    
    
    $(".slideinbox").mouseover(function () {
      clearTimeout(t);
    }).change();
    $(".slidebox2").mouseover(function () {
      clearTimeout(t2);
    }).change();
       
    $(".larr").click(function () {

      
      slide('bb');
      return false;
    }).change();  
    
    
    $(".rarr").click(function () {
      
      slide('ff');
      return false;
    }).change();  
        

  });


function autoslide(){
  if(max > 1){
    t = setTimeout("slide('ff');autoslide()",6000);
  }
}
function autoslide2(){
  if(max2 > 1){
    t2 = setTimeout("slide2('ff');autoslide2()",4000);
  }
}

function slide(auto){

 // alert(" test set time out "+ selector);
  
  
  if(auto == "ff"){
    if(counter < max-1){
      counter++;
    }else{
      counter = 0;
    }
  }
  
  else{
     if(counter > 0){
        counter--;
      }
      else{
        counter = max - 1; 
      }
  }
  
  $(".slideinbox").fadeOut("slow");
  $(".slideinbox").eq(counter).fadeIn("slow");
  
  
}

function slide2(auto){

 // alert(" test set time out "+ selector);
  
  
  if(auto == "ff"){
    if(counter2 < max2-1){
    
      counter2++;
    }else{
      counter2 = 0;
    }
  }
  
  else{
     if(counter2 > 0){
        counter2--;
      }
      else{
        counter2 = max2 - 1; 
      }
  }
  
  $(".slidebox2").fadeOut("slow");
  $(".slidebox2").eq(counter2).fadeIn("slow");
  
  
}