var speed = 30;
var height = 66;
var dem1;
var dem2;
var dem;
var MyMar1;
var MyMar2;
var step=1;
var leftHit = 0;
var rightHit = 0;
var run = false;
$(document).ready(function(){
	//中间的阅读块
	$(".index_readMenu li").find('a').click(function(){
		var type=$(this).attr('id');
		var about=type-1;
		document.location.href ="reading.php?about="+about;
	})
	$(".index_readMenu li").find('a').hover(function(){
		var type=$(this).attr('id');
		$(".index_readMenu li").find('a').removeClass('on');
		$("#"+type).addClass('on');
		$(".div").css("display","none");
		if(type>0){$("#div"+type).css("display","block");}
		else{
			$("#div1").css("display","block");
		}
	})
	
	//电子期刊的滚动效果
	dem1 = document.getElementById('dem1');
	dem2 = document.getElementById('dem2');
	 dem = document.getElementById('dem');
	toLeft();
	$("#dem").find('img').mouseover(function(){
		var offset = $(this).position();
		var l=(120-104)/2;
		var left = offset.left-l;
		var top = offset.top-l;
		
		$(this).css("left",left).css("margin-top",-top);
		$(this).css("width","120px");
		$(this).css("height","153px");
		
	})
	$("#dem").find('img').mouseout(function(){
		var offset = $(this).position();
		
		var left = offset.left;
		var top = offset.top;
		$(this).css("left",left).css("margin-top",top);
		$(this).css("width","104px");
		$(this).css("height","133px");
		
	})
	/*$("#dem img").mouseover(function(){
		var le=$("#dem").position().left;
		var offset = $(this).position();
		var l=(120-104)/2;
		var t=(153-133)/2;
		var left = offset.left-l;
		var top = offset.top-t;
		var href = $(this).parent().attr("href");
		var src = $(this).attr("src");
		alert(left);
		$("#picview").html("<a href='"+href+"'><img src='" + src + "'></a>");
		$("#picview").css("width",120).css("height",153);
		$("#picview img").css("width",120).css("height",153);
		$("#picview").css("left",left).css("top",top).show();
		
		$("#picview img").mouseout(function(){
		
			//$("#picview").animate({width:120,height:153,left:left,top:top},1000,function(){
				$("#picview").hide();	//toLeft();
				//$("#picview").css("display","none")
				//if(!MyMar1)
				//MyMar1=setInterval(MarqueeLeft,speed);
			});
			//$("#picview img").animate({width:120,height:153},1000);
	})*/
	
})

function toLeft(){
	//if(run) return;
	//run=true;
	clearLeft();
	clearRight();
	if(speed > 10){
		speed -= 10;
		step += 1;
		if (step >= 2) step = 2;
	}else{ 
		speed = 10;
	}
	if(leftHit != 0){
		if(MyMar1)
			MyMar1 = setInterval(MarqueeLeft,speed);
	}
	MarqueeLeft();
}
function toRight(){
	clearLeft();
	clearRight();
	if(speed > 10){
		speed -= 10;
		step += 1;
		if (step >= 2) step = 2;
	}else{ 
		speed = 10;
	}
	if(rightHit != 0){
		if(!MyMar2)
			MyMar2 = setInterval(MarqueeRight,speed);
	}
	MarqueeRight();
}
function MarqueeLeft(){
	if(dem2.offsetWidth-dem.scrollLeft <= 0){
		dem.scrollLeft -= dem1.offsetWidth;
	}else{
		dem.scrollLeft += step;
	}
	if(leftHit == 0){
		speed = 50;
		step = 1;
		if(!MyMar1)
			MyMar1 = setInterval(MarqueeLeft,speed);
		leftHit = 1;
		rightHit = 0;
	 }
	dem.onmouseover = function() {
		clearLeft();
		clearRight();
	}
	dem.onmouseout = function() {
		if(!MyMar1)
			MyMar1=setInterval(MarqueeLeft,speed);
	}
}
function MarqueeRight(){
	if(dem.scrollLeft <= 0){
		dem.scrollLeft = demo2.offsetWidth;
	}else{
		dem.scrollLeft -= step;
	}
	if(rightHit == 0){
		speed = 50;
		step = 1;
		if(!MyMar2)
			MyMar2=setInterval(MarqueeRight,speed);
		leftHit = 0;
		rightHit = 1;
	}
	dem.onmouseover = function() {
		clearLeft();
		clearRight();
	}
	dem.onmouseout = function() {
		if(!MyMar2)
			MyMar2 = setInterval(MarqueeRight,speed);
	}
}
function clearLeft(){
   clearInterval(MyMar1);
   MyMar1 = null;
  
}
function clearRight(){
   clearInterval(MyMar2);
   MyMar2 = null;
}