$(document).ready(function(){
	var timer;
	$().mousemove(function(e){
		$('html').data('M_X',e.pageX);
		$('html').data('M_Y',e.pageY);
	})
	jQuery.fn.extend({	
		slider:function(btn_id, slider_inner, read_tag, close_btn){	
			$('#'+btn_id).css('cursor','pointer')
			$('#'+btn_id).hover(function(){
				var btn_off=$('#'+btn_id).offset();
				var btn_L=btn_off.left;
				var btn_T=btn_off.top;
				var btn_hei=$('#'+btn_id).height();
				var btn_wid=$('#'+btn_id).width();
				$('#btn-over').css({
					'position':'absolute',
					'top':btn_T,
					'left':btn_L,
					'z-index':100,
					'width':btn_wid,
					'height':btn_hei,
					'opacity':0.3,
					'cursor':'pointer'
				})		
				$('#btn-over').show();	 
				setTimeout(function(){
					var btn_off=$('#'+btn_id).offset();
					var btn_L=btn_off.left;
					var btn_T=btn_off.top;
					var btn_R=btn_L + $('#'+btn_id).width();
					var btn_D=btn_T + $('#'+btn_id).height();
					var M_X=$('html').data('M_X');
					var M_Y=$('html').data('M_Y');
					if (M_X>btn_L && M_X<btn_R && M_Y>btn_T && M_Y<btn_D){
						var btn_off=$('#'+btn_id).offset();
						var btn_R=btn_off.left;
						var btn_T=btn_off.top;
						$('#'+read_tag).css({
							'position':'absolute',
							'top':btn_T,
							'left':btn_R,
							'z-index':350
						})
						var Pos_T;
						var rd_off=$('#'+read_tag).offset();
						var rd_R=btn_R+$('#'+read_tag).width();
						var sc_T=$().scrollTop();
						if (sc_T+50>btn_T){
								Pos_T=btn_T-20;
						}else{
							Pos_T=sc_T+30;
							if (btn_D>(Pos_T+$('#'+slider_inner).height())){
								Pos_T=(btn_D-$('#'+slider_inner).height())+10;
							}
						}
						$('#'+slider_inner).css({
							'position':'absolute',
							'top':Pos_T,
							'left':rd_R,
							'z-index':300
						})
						$('#'+read_tag).animate({opacity:'show'},200);
						$('#'+slider_inner).animate({opacity:'show'},200);
					}
				}, 1000);
			}, function(){
				timer=setTimeout("$('#"+slider_inner+"').hide();$('#"+read_tag+"').hide();$('#btn-over').hide();",200);
			})
			$('#btn-over').hover(function(){
				clearTimeout(timer);
				$('#btn-over').show();
			}, function(){$('#btn-over').hide();})
			
			$('#'+read_tag).hover(function(){
				clearTimeout(timer);
			}, function(){
				timer=setTimeout("$('#"+slider_inner+"').hide();$('#"+read_tag+"').hide();$('#btn-over').hide();",1000);
			})
			$('#'+slider_inner).hover(function(){
				clearTimeout(timer);
			}, function(){
				timer=setTimeout("$('#"+slider_inner+"').hide();$('#"+read_tag+"').hide();$('#btn-over').hide();",1000);
			})
			$('#'+close_btn).click(function(){
				clearTimeout(timer);
				 $('#'+slider_inner).hide();
				 $('#'+read_tag).hide();
				 $('#btn-over').hide();
			})
		}
	})
	$('#read_btn1').slider('read_btn1',  'slider_div_1', 'read_tag1', 'slider_close');
	$('#read_btn_2').slider('read_btn_2', 'slider_div_2', 'read_tag2', 'slider_close2');
	$('#read_btn_2').slider('read_btn_3', 'slider_div_3', 'read_tag3', 'slider_close_3');

})