
/* 	Appear.js
	@author Janne Seppälä 
============================================================================== */


jQuery.noConflict();  
jQuery(document).ready(function(){

	 
/*	Setup stuff
============================================================================== */
	
	jQuery(document).pngFix(); 

	jQuery("#perille1-over").hide();
	jQuery("#perille2-over").hide();
	jQuery("#perille3-over").hide();
	jQuery("#perille4-over").hide();
	jQuery("#perille5-over").hide();
	jQuery("#perille6-over").hide();
	jQuery("#perille7-over").hide();
	jQuery("#perille8-over").hide();
	jQuery("#perille9-over").hide();
	jQuery("#perille10-over").hide();
	jQuery("#perille11-over").hide();
	jQuery("#perille12-over").hide();
	jQuery("#perille13-over").hide();
	jQuery("#perille14-over").hide();
	
	jQuery("#hinta-over1").hide();
	jQuery("#hinta-over2").hide();
	jQuery("#hinta-over3").hide();
	
	jQuery("#matkapojat-over").hide();
	jQuery("#matkavekka-over").hide();
	jQuery("#smt-over").hide();
	jQuery("#tott-over").hide();
	
	jQuery("#language-hover").hide();
	
	var speed = 250;

/* Hover Functions
============================================================================== */
	
	jQuery(document).pngFix(); 
	
	
	// hover2 
	jQuery("#perille-1").mouseover (function () {	 
		
		jQuery("#perille1-over").fadeIn(speed);
		
		
	});
	jQuery("#perille1-over").mouseover (function () {	
			
			jQuery("#perille1-over").show();
		
	});	
	
	jQuery("#perille1-over").mouseout (function () {	 
		
	
		jQuery("#perille1-over").hide();
		
	});
	jQuery("#perille-1").mouseout (function () {	 
		
		
		jQuery("#perille1-over").hide();
		
		
	});
	
	// hover2
	jQuery("#perille-2").mouseover (function () {	 
		
		jQuery("#perille2-over").fadeIn(speed);
		
		
	});
	jQuery("#perille2-over").mouseover (function () {	
			
			jQuery("#perille2-over").show();
		
	});	
	
	jQuery("#perille2-over").mouseout (function () {	 
		
	
		jQuery("#perille2-over").hide();
		
	});
	jQuery("#perille-2").mouseout (function () {	 
		
		
		jQuery("#perille2-over").hide();
		
		
	});
	
	// hover3
	jQuery("#perille-3").mouseover (function () {	 
		
		jQuery("#perille3-over").fadeIn(speed);
		
		
	});
	jQuery("#perille3-over").mouseover (function () {	
			
			jQuery("#perille3-over").show();
		
	});	
	
	jQuery("#perille3-over").mouseout (function () {	 
		
	
		jQuery("#perille3-over").hide();
		
	});
	jQuery("#perille-3").mouseout (function () {	 
		
		
		jQuery("#perille3-over").hide();
		
		
	});
	
	// hover4
	jQuery("#perille-5").mouseover (function () {	 
		
		jQuery("#perille4-over").fadeIn(speed);
		
		
	});
	jQuery("#perille4-over").mouseover (function () {	
			
			jQuery("#perille4-over").show();
		
	});	
	
	jQuery("#perille4-over").mouseout (function () {	 
		
	
		jQuery("#perille4-over").hide();
		
	});
	jQuery("#perille-5").mouseout (function () {	 
		
		
		jQuery("#perille4-over").hide();
		
		
	});
	
	// hover5
	jQuery("#perille-6").mouseover (function () {	 
		
		jQuery("#perille5-over").fadeIn(speed);
		
		
	});
	jQuery("#perille5-over").mouseover (function () {	
			
			jQuery("#perille5-over").show();
		
	});	
	
	jQuery("#perille5-over").mouseout (function () {	 
		
	
		jQuery("#perille5-over").hide();
		
	});
	jQuery("#perille-6").mouseout (function () {	 
		
		
		jQuery("#perille5-over").hide();
		
		
	});
	
	// hover6
	jQuery("#perille-7").mouseover (function () {	 
		
		jQuery("#perille6-over").fadeIn(speed);
		
		
	});
	jQuery("#perille6-over").mouseover (function () {	
			
			jQuery("#perille6-over").show();
		
	});	
	
	jQuery("#perille6-over").mouseout (function () {	 
		
	
		jQuery("#perille6-over").hide();
		
	});
	jQuery("#perille-7").mouseout (function () {	 
		
		
		jQuery("#perille6-over").hide();
		
		
	});
	
	// hover7
	jQuery("#perille-9").mouseover (function () {	 
		
		jQuery("#perille7-over").fadeIn(speed);
		
		
	});
	jQuery("#perille7-over").mouseover (function () {	
			
			jQuery("#perille7-over").show();
		
	});	
	
	jQuery("#perille7-over").mouseout (function () {	 
		
	
		jQuery("#perille7-over").hide();
		
	});
	jQuery("#perille-9").mouseout (function () {	 
		
		
		jQuery("#perille7-over").hide();
		
		
	});
	
	// hover8
	jQuery("#perille-10").mouseover (function () {	 
		
		jQuery("#perille8-over").fadeIn(speed);
		
		
	});
	jQuery("#perille8-over").mouseover (function () {	
			
			jQuery("#perille8-over").show();
		
	});	
	
	jQuery("#perille8-over").mouseout (function () {	 
		
	
		jQuery("#perille8-over").hide();
		
	});
	jQuery("#perille-10").mouseout (function () {	 
		
		
		jQuery("#perille8-over").hide();
		
		
	});
	
	// hover9
	jQuery("#perille-11").mouseover (function () {	 
		
		jQuery("#perille9-over").fadeIn(speed);
		
		
	});
	jQuery("#perille9-over").mouseover (function () {	
			
			jQuery("#perille9-over").show();
		
	});	
	
	jQuery("#perille9-over").mouseout (function () {	 
		
	
		jQuery("#perille9-over").hide();
		
	});
	jQuery("#perille-11").mouseout (function () {	 
		
		
		jQuery("#perille9-over").hide();
		
		
	});
	
	
	// hover10
	jQuery("#perille-13").mouseover (function () {	 
		
		jQuery("#perille10-over").fadeIn(speed);
		
		
	});
	jQuery("#perille10-over").mouseover (function () {	
			
			jQuery("#perille10-over").show();
		
	});	
	
	jQuery("#perille10-over").mouseout (function () {	 
		
	
		jQuery("#perille10-over").hide();
		
	});
	jQuery("#perille-13").mouseout (function () {	 
		
		
		jQuery("#perille10-over").hide();
		
		
	});
	
	
	// hover11
	jQuery("#perille-14").mouseover (function () {	 
		
		jQuery("#perille11-over").fadeIn(speed);
		
		
	});
	jQuery("#perille11-over").mouseover (function () {	
			
			jQuery("#perille11-over").show();
		
	});	
	
	jQuery("#perille11-over").mouseout (function () {	 
		
	
		jQuery("#perille11-over").hide();
		
	});
	jQuery("#perille-14").mouseout (function () {	 
		
		
		jQuery("#perille11-over").hide();
		
		
	});
	
	// hover12
	jQuery("#perille-15").mouseover (function () {	 
		
		jQuery("#perille12-over").fadeIn(speed);
		
		
	});
	jQuery("#perille12-over").mouseover (function () {	
			
			jQuery("#perille12-over").show();
		
	});	
	
	jQuery("#perille12-over").mouseout (function () {	 
		
	
		jQuery("#perille12-over").hide();
		
	});
	jQuery("#perille-15").mouseout (function () {	 
		
		
		jQuery("#perille12-over").hide();
		
		
	});
	
	
	// hover13
	jQuery("#perille-16").mouseover (function () {	 
		
		jQuery("#perille13-over").fadeIn(speed);
		
		
	});
	jQuery("#perille13-over").mouseover (function () {	
			
			jQuery("#perille13-over").show();
		
	});	
	
	jQuery("#perille13-over").mouseout (function () {	 
		
	
		jQuery("#perille13-over").hide();
		
	});
	jQuery("#perille-16").mouseout (function () {	 
		
		
		jQuery("#perille13-over").hide();
		
		
	});
	
	
	// hover14
	jQuery("#perille-17").mouseover (function () {	 
		
		jQuery("#perille14-over").fadeIn(speed);
	
		
		
	});
	jQuery("#perille14-over").mouseover (function () {	
			
			jQuery("#perille14-over").show();
		
	});	
	
	jQuery("#perille14-over").mouseout (function () {	 
		
	
		jQuery("#perille14-over").hide();
		
	});
	jQuery("#perille-17").mouseout (function () {	 
		
		
		jQuery("#perille14-over").hide();
		
		
	});
	
	
	jQuery("#perille-18").mouseover (function () {	 
		
		jQuery("#tott-over").fadeIn(speed);
	
		
		
	});
	jQuery("#tott-over").mouseover (function () {	
			
			jQuery("#tott-over").show();
		
	});	
	
	jQuery("#tott-over").mouseout (function () {	 
		
	
		jQuery("#tott-over").hide();
		
	});
	jQuery("#perille-18").mouseout (function () {	 
		
		
		jQuery("#tott-over").hide();
		
		
	});
	
	
	
	
	
	
	// hintanostot
	
	jQuery("#hintanosto1").mouseover (function () {	 
		
		jQuery("#hinta-over1").fadeIn(speed);
	
		
		
	});
	jQuery("#hinta-over1").mouseover (function () {	
			
			
			jQuery("#hinta-over1").show();
			
			
		
	});	
	
	jQuery("#hinta-over1").mouseout (function () {	 
		
	
		jQuery("#hinta-over1").hide();
		
	});
	jQuery("#hinta-over1").mouseout (function () {	 
		
	
		jQuery("#hinta-over1").hide();
		
		
	});
	
	jQuery("#hintanosto2").mouseover (function () {	 
		
		jQuery("#hinta-over2").fadeIn(speed);
	
		
		
	});
	jQuery("#hinta-over2").mouseover (function () {	
			
			jQuery("#hinta-over2").show();
		
	});	
	
	jQuery("#hinta-over2").mouseout (function () {	 
		
	
		jQuery("#hinta-over2").hide();
		
	});
	jQuery("#hinta-over2").mouseout (function () {	 
		
		
		jQuery("#hinta-over2").hide();
		
		
	});
	
	
	jQuery("#hintanosto3").mouseover (function () {	 
		
		jQuery("#hinta-over3").fadeIn(speed);
	
		
		
	});
	jQuery("#hinta-over3").mouseover (function () {	
			
			jQuery("#hinta-over3").show();
		
	});	
	
	jQuery("#hinta-over3").mouseout (function () {	 
		
	
		jQuery("#hinta-over3").hide();
		
	});
	jQuery("#hinta-over3").mouseout (function () {	 
		
		
		jQuery("#hinta-over3").hide();
		
		
	});
	
	
	
	jQuery("#perille-4").mouseover (function () {	 
		
		jQuery("#matkapojat-over").fadeIn(speed);
	
		
		
	});
	jQuery("#matkapojat-over").mouseover (function () {	
			
			jQuery("#matkapojat-over").show();
		
	});	
	
	jQuery("#matkapojat-over").mouseout (function () {	 
		
	
		jQuery("#matkapojat-over").hide();
		
	});
	jQuery("#matkapojat-over").mouseout (function () {	 
		
		
		jQuery("#matkapojat-over").hide();
		
		
	});
	
	
	jQuery("#perille-8").mouseover (function () {	 
		
		jQuery("#matkavekka-over").fadeIn(speed);
	
		
		
	});
	jQuery("#matkavekka-over").mouseover (function () {	
			
			jQuery("#matkavekka-over").show();
		
	});	
	
	jQuery("#matkavekka-over").mouseout (function () {	 
		
	
		jQuery("#matkavekka-over").hide();
		
	});
	jQuery("#matkavekka-over").mouseout (function () {	 
		
		
		jQuery("#matkavekka-over").hide();
		
		
	});
	
	jQuery("#perille-12").mouseover (function () {	 
		
		jQuery("#smt-over").fadeIn(speed);
	
		
		
	});
	jQuery("#smt-over").mouseover (function () {	
			
			jQuery("#smt-over").show();
		
	});	
	
	jQuery("#smt-over").mouseout (function () {	 
		
	
		jQuery("#smt-over").hide();
		
	});
	jQuery("#smt-over").mouseout (function () {	 
		
		
		jQuery("#smt-over").hide();
		
		
	});
	
	
	
	jQuery("#language").mouseover (function () {	 
		
		jQuery("#language-hover").fadeIn(speed);
	
		
		
	});
	
	
	
	jQuery("#language").mouseout (function () {	 
		
		
		jQuery("#language-hover").hide();
		
		
	});
	
	
	

	
	
	
});