/* �����������ͷ�� www.datouwang.com */
function getstyle(obj, attr){
	return obj.currentstyle?obj.currentstyle[attr]:getcomputedstyle(obj, false)[attr];
}

window.onload = function(){
	var obox = document.getelementbyid('honor-block');
	var obg = document.getelementbyid('bg');
	var obot = document.getelementbyid('bottom');
	var abli = obot.getelementsbytagname('li');
	var oframe = document.getelementbyid('frame');
	var ali = obox.getelementsbytagname('li');
	var aimg = obox.getelementsbytagname('img');
	var i = inow =  0;
	for(i=0;i<ali.length;i++){
		ali[i].index = i;
		ali[i].onclick = function(){
			let imgsrc=$(this).children("img").attr("src")
			with(oframe.style){display = 'block',top = this.offsettop +'px',left = this.offsetleft +'px',width = this.offsetwidth +'px',height = this.offsetheight +'px';}
			oframe.innerhtml = '<img src="'+imgsrc+'" />';
			var oimg = oframe.getelementsbytagname('img')[0];
			var iwidth = oimg.width;
			var iheight = oimg.height;
			var ileft = parseint((document.body.clientwidth / 2) - (iwidth /2));
			var itop = parseint((document.body.clientheight / 2) - (iheight /2) - 50);
			with(oimg.style){height = width = '100%';}
			startmove(oframe, {opacity:100, left:ileft, top:itop, width:iwidth, height:iheight});
			obg.style.display = 'block';
			obot.style.display = 'block';
			inow = this.index + 1;
		};
	}
	document.onmousedown = function(){
		return false
	};
	abli[0].onclick = function(){
		inow--;
		if(inow == 0)inow = ali.length;
		oframe.innerhtml = '<img src="/img/honor/'+inow+'.jpg" width="100%" height="100%" />';
	};
	abli[1].onclick = function(){
		oframe.style.cursor = 'move';
		oframe.onmousedown = function(e){
			var oevent = e || event;
			var x = oevent.clientx - oframe.offsetleft;
			var y = oevent.clienty - oframe.offsettop;
			document.onmousemove = function(e){
				var oevent = e || event;
				var l = oevent.clientx - x;
				var t = oevent.clienty - y;
				if(l < 0){
					l = 0;
				}else if(l > document.body.clientwidth - oframe.offsetwidth){
					l = document.body.clientwidth - oframe.offsetwidth
				}
				if(t < 0){
					t = 0;
				}else if(t > document.body.clientheight - oframe.offsetheight){
					t = document.body.clientheight - oframe.offsetheight;
				}
				oframe.style.left = l + 'px';
				oframe.style.top = t + 'px';
				oframe.style.margin = 0;
				return false;
			}
			document.onmouseup = function(){
				document.onmouseup = null;
				document.onmousemove = null;
			};
			return false;
		};
	};
	abli[2].onclick = function(){
		inow++;
		if(inow > ali.length)inow = 1;
		oframe.innerhtml = '<img src="/img/honor/'+inow+'.jpg" width="100%" height="100%" />';
	};
	abli[3].onclick = function(){
		startmove(oframe, {opacity:0, left:aimg[inow-1].offsetleft, top:aimg[inow-1].offsettop, width:150, height:100}, function(){
			oframe.style.display = 'none';
			obg.style.display = 'none';
			obot.style.display = 'none';
			oframe.onmousedown = null;
			oframe.style.cursor = 'auto';
		});
	};
	
};
function startmove(obj, json, onend){
	clearinterval(obj.timer);
	obj.timer=setinterval(function (){
		domove(obj, json, onend);
	}, 30);
}
function domove(obj, json, onend){
	var attr='';
	var bstop=true;
	for(attr in json){
		var icur=0;
		if(attr=='opacity'){
			icur=parseint(parsefloat(getstyle(obj, attr))*100);
		}else{
			icur=parseint(getstyle(obj, attr));
		}
		var ispeed=(json[attr]-icur)/5;
		ispeed=ispeed>0?math.ceil(ispeed):math.floor(ispeed);
		
		if(json[attr]!=icur){
			bstop=false;
		}
		if(attr=='opacity'){
			obj.style.filter='alpha(opacity:'+(icur+ispeed)+')';
			obj.style.opacity=(icur+ispeed)/100;
		}else{
			obj.style[attr]=icur+ispeed+'px';
		}
	}
	if(bstop){
		clearinterval(obj.timer);		
		if(onend){
			onend();
		}
	}
	$(".close").click(function(){

		$("#bottom").css("display","none");
		$("#bg").css("display","none");
		$("#frame").css("display","none");
	})
}