﻿// 首页对联 
$(function() {
		
	var imgWidth = 156;  //图片宽度
	var imgHeight = 329;//图片高度
	var webWidth = 800; //页面宽度
	var marginTop = 200; //图片距离页面顶部高度
	var srcLeft = "images/guanggaol.jpg";//左图地址
	var srcRight = "images/guanggaor.jpg";//右图地址
	var linkurl = "ProductList.aspx?PType=1";
	
	
	
	
	var Wi = screen.width;
	
	if( Wi >= 1024 ){
		
		This_Wi = ((Wi-webWidth)/2-imgWidth)/2;
		
		var coupletALeft = $("<a></a>").attr({id:"box1",href:linkurl,target:"_blank"}).appendTo(document.body);
		var coupletBoxLeft = $("<img/>").attr({src:srcLeft,border:0,width:imgWidth}).appendTo(coupletALeft);
		var closeLeft = $("<div>关闭&nbsp;&nbsp;</div>").attr("id","btn1").appendTo(document.body);
		coupletALeft.css("position","absolute").css("z-index","99").css("left",This_Wi);
		closeLeft.width(imgWidth);
		closeLeft.css("position","absolute").css("z-index","98").css("text-align","right").css("background","#F2F2F2").css("cursor","pointer").css("left",This_Wi);
		closeLeft.click( function() { $("#box1").hide();  $("#btn1").hide(); } ); 

		
		var coupletBRight = $("<a></a>").attr({id:"box2",href:linkurl,target:"_blank"}).appendTo(document.body);
		var coupletBoxRight = $("<img/>").attr({src:srcRight,border:0,width:imgWidth}).appendTo(coupletBRight);
		var closeRight = $("<div>关闭&nbsp;&nbsp;</div>").attr("id","btn2").appendTo(document.body);
		coupletBRight.css("position","absolute").css("z-index","100").css("right",This_Wi);
		closeRight.width(imgWidth);
		closeRight.css("position","absolute").css("z-index","97").css("text-align","right").css("background","#F2F2F2").css("cursor","pointer").css("right",This_Wi);
		closeRight.click( function() { $("#box2").hide();  $("#btn2").hide(); } ); 
		
		
		var getTop = window.setInterval(findTop , 10); 	   
			
	};
		   
	function findTop(){
			
			var He =document.documentElement.scrollTop+marginTop;
			var He1 = document.documentElement.scrollTop+imgHeight+marginTop;
				
				coupletALeft.css("top",He);
				coupletBRight.css("top",He);
				closeLeft.css("top",He1);
				closeRight.css("top",He1);
			
		}	      
 
 });