$(document).ready(function(){

//alert("Thanks for visiting!");

$("#headerimg").fadeTo("slow", 0.6); 
// This sets the opacity of the thumbs to fade down to 60% when the page loads	
$("#headerimg").hover(function(){		
$(this).fadeTo("slow", 1.0); 
// This should set the opacity to 100% on hover	
},function(){   		
$(this).fadeTo("slow", 0.6); 
// This should set the opacity back to 60% on mouseout	
});

$("li.prod").hover(
      function () {
        //$(this).append($("<span> ***</span>"));
        $(this).addClass('prodhover');
      }, 
      function () {
        //$(this).find("span:last").remove();
        $(this).removeClass('prodhover');
      }
    );


/*
$("#etusivu").click(function() {
	//alert("Etusivu");
	
});
*/
/*
$("#referenssit").click(function() {
	alert("referenssit");
});
$("#yhteystiedot").click(function() {
	alert("yhteystiedot");
});
*/

$("#etusivu").hover(
  function () {
  		document.getElementById("etusivu").style.backgroundImage = "url(images/menu_etusivu_hover.png)"; 
  		document.body.style.cursor = 'pointer';
  },
  function () {
  		document.getElementById("etusivu").style.backgroundImage = "url(images/menu_etusivu.png)";
  		document.body.style.cursor = 'default';
  }
);

$("#referenssit").hover(
  function () {
  		document.getElementById("referenssit").style.backgroundImage = "url(images/menu_referenssit_hover.png)";
  		document.body.style.cursor = 'pointer'; 
  },
  function () {
  		document.getElementById("referenssit").style.backgroundImage = "url(images/menu_referenssit.png)"; 
  		document.body.style.cursor = 'default';
  }
);

$("#yhteystiedot").hover(
  function () {
  		document.getElementById("yhteystiedot").style.backgroundImage = "url(images/menu_yhteystiedot_hover.png)";
  		document.body.style.cursor = 'pointer'; 
  },
  function () {
  		document.getElementById("yhteystiedot").style.backgroundImage = "url(images/menu_yhteystiedot.png)"; 
  		document.body.style.cursor = 'default';
  }
);

 });

 
 function showData(id){
	//$('#item' + id).toggle('slow');
	$('#item' + id).toggle('slow');
}