$(document).ready( function(){
	
	$('#s1').fadeIn('fast');
	
	$('#s_btn1').mouseover( function(){	
		if (!$(this).hasClass('on')){
			var t = setTimeout(function() {
				$('.slider').fadeOut('fast');
				$('#s1').fadeIn('fast');
				$('#s_btn1').addClass('on');
				$('#s_btn2').removeClass('on');
				$('#s_btn3').removeClass('on');
				$('#s_btn4').removeClass('on');
    	}, 100);
			$(this).data('timeout', t);
		}
	}).mouseout(function(){
		 clearTimeout($(this).data('timeout'));			
	});
	
	$('#s_btn2').mouseover( function(){	
		if (!$(this).hasClass('on')){
			var t = setTimeout(function() {
				$('.slider').fadeOut('fast');
				$('#s2').fadeIn('fast'); 
				$('#s_btn2').addClass('on');
				$('#s_btn1').removeClass('on');
				$('#s_btn3').removeClass('on');
				$('#s_btn4').removeClass('on');
    	}, 100);
			$(this).data('timeout', t);
		}
	}).mouseout(function(){
		 clearTimeout($(this).data('timeout'));			
	});
	

	
	$('#s_btn3').mouseover( function(){	
		if (!$(this).hasClass('on')){
			var t = setTimeout(function() {
				$('.slider').fadeOut('fast');
				$('#s3').fadeIn('fast');
				$('#s_btn3').addClass('on');
				$('#s_btn2').removeClass('on');
				$('#s_btn1').removeClass('on');
				$('#s_btn4').removeClass('on');
    	}, 100);
			$(this).data('timeout', t);
		}
	}).mouseout(function(){
		 clearTimeout($(this).data('timeout'));			
	});
	

	
	$('#s_btn4').mouseover( function(){	
		if (!$(this).hasClass('on')){
			var t = setTimeout(function() {
				$('.slider').fadeOut('fast');
				$('#s4').fadeIn('fast');
				$('#s_btn4').addClass('on');
				$('#s_btn2').removeClass('on');
				$('#s_btn3').removeClass('on');
				$('#s_btn1').removeClass('on');
    	}, 100);
			$(this).data('timeout', t);
		}
	}).mouseout(function(){
		 clearTimeout($(this).data('timeout'));			
	});
	
	
		
});