$(document).ready(function() {  
  
    //get all link with class panel  
    $('a.panel').click(function () {  
  
                //reset and highlight the clicked link  
        $('a.panel').removeClass('selected');  
        $(this).addClass('selected');  
          
        //grab the current item, to be used in resize function  
        current = $(this);  
          
                //scroll it to the destination  
        $('#wrapper').scrollTo($(this).attr('href'), 1000);        
          
                //cancel the link default behavior  
        return false;  
    });  
    
    function resizePanel() {  
  
    //get the browser width and height  
    width = $(window).width();  
    height = $(window).height();  
  
    //get the mask width: width * total of items  
    mask_width = width * $('.item').length;  
          
    //set the dimension   
    $('#wrapper, .item').css({width: width, height: height});  
    $('#mask').css({width: mask_width, height: height});  
      
    //if the item is displayed incorrectly, set it to the current pos  
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0);  
          
	}
  
    //resize all the items according to the new browser size  
    $(window).resize(function () {  
          
        //call the resizePanel function  
        resizePanel();  
    });
    $("#play1").click(function(){
      $("#disco10").hide("slow");
      $("#disco1").show("slow");
    });
    $("#play10").click(function(){
      $("#disco1").hide("slow");
      $("#disco10").show("slow");
    }); 
    $("#play2").click(function(){
      $("#disco20").hide("slow");
      $("#disco2").show("slow");
    });
    $("#play20").click(function(){
      $("#disco2").hide("slow");
      $("#disco20").show("slow");
    });
    $("#play3").click(function(){
      $("#disco30").hide("slow");
      $("#disco3").show("slow");
    });
    $("#play30").click(function(){
      $("#disco3").hide("slow");
      $("#disco30").show("slow");
    }); 
      
});  
    $(
	  function()
	  {
		  // set up rollover
		  $(".imgmenu").hover(
			  function ()
			  {
				  this.src = this.src.replace("_b","_r");
			  },
			  function ()
			  {
				  this.src = this.src.replace("_r","_b");
			  }
	  	  );
	  	  $(".imgmenug").hover(
			  function ()
			  {
				  this.src = this.src.replace("_b","_l");
			  },
			  function ()
			  {
				  this.src = this.src.replace("_l","_b");
			  }
	  	  );
	  	  
	  }
     )
     $(document).ready(function() {
     $('#s3slider').s3Slider({
      timeOut: 5000
       });
     });
    function playsound(url) {
  	for (i=1;i<=15;i++)
	{
		document.getElementById('s'+i).style.display='block';
	}
  		document.getElementById("sound").innerHTML="";
  		document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
	}
	function playsound2(url) {
  	for (i=1;i<=17;i++)
	{
		document.getElementById('g'+i).style.display='block';
	}
  		document.getElementById("sound").innerHTML="";
  		document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
	}
	function playsound3(url) {
  	for (i=1;i<=18;i++)
	{
		document.getElementById('f'+i).style.display='block';
	}
  		document.getElementById("sound").innerHTML="";
  		document.getElementById("sound").innerHTML="<embed src='"+url+"' hidden=true autostart=true loop=false>";
	}