var isIe=(document.all)?true:false; 

$(function(){
	
	$("#iphone").hover(function(){
		$(this).attr("src","/images/download_app2.jpg");
	},function(){
		$(this).attr("src","/images/download_app.jpg");
	});
	$("#android").hover (function(){
		$("#android").attr("src","/images/index_android2.jpg");
	},function(){
		$("#android").attr("src","/images/index_android.jpg");
	});
	$("#download1").hover (function(){
		$("#download1").attr("src","/images/study2.jpg");
	},function(){
		$("#download1").attr("src","/images/study.jpg");
	});
	$("#download1").click(function(){
		show();
	});
});
function show(){
	createDiv();
	var html = "";
	showhiddenBox();
	var  bh=200;
	var  bw=300;
	y=(document.documentElement.clientHeight-bh)/2+document.documentElement.scrollTop+document.body.scrollTop;
	x=(document.documentElement.clientWidth-bw)/2+document.documentElement.scrollLeft+document.body.scrollLeft;
	$("#prishow").css("position","absolute");
	$("#prishow").css("top",y+"px");
	$("#prishow").css("left",x+"px");	
	$("#prishow").css("height",bh+"px");
	$("#prishow").css("width",bw+"px");
	$("#prishow").css("z-index",1);
	$("#prishow").show("fast");
	html+="<div style='width: 300px;height: 250px;background-color: #1F1F1F'>";
	html+="<div style='font-weight: bold;padding: 5px;color: white;'>";
	html+="<span style='float: left;'>手机客户端下载安装教程</span>";
	html+="<img src='images/close1.jpg' class='closeDiv' style='float: right;'/>";
	html+="<div style='clear: both'></div>";
	html+="</div>";
	html+="<div style='height:213px; background-color: white;margin: 0 5px 5px 5px;'>";
	html+="<div style='color: #0b70a4;width: 100px;float: left;font-weight: bold;margin-top: 50px;text-align: center'>iphone</div>";
	html+="<div style='width: 186px;float: left;font-size: 13px;margin-top:10px;'>";
	html+="<span style='width: 186px;margin-top: 8px;float: left;'><a href='appstorebycomp' style='color: #5a5a5a;' class='help'>查看App Store下载帮助</a></span>";
	html+="<span style='width: 186px;margin-top: 8px;float: left;'><a href='iphone91' style='color: #5a5a5a;' class='help'> 查看下载IPA安装帮助</a></span>";
	html+="<span style='width: 186px;margin-top: 8px;float: left;'><a href='appstorebyphone' style='color: #5a5a5a;' class='help'>查看IPhone手机直接安装帮助</a></span>";
	html+="<div style='clear: both'></div>";
	html+="</div>";
	html+="<div style='clear: both'></div>";
	html+="<div style='color: #0b70a4;width: 100px;float: left;font-weight: bold;margin-top: 44px;text-align: center'>Android</div>";
	html+="<div style='width: 186px;float: left;font-size: 13px;margin-top: 20px;'>";
	html+="<span style='width: 186px;margin-top: 8px;float: left;'><a href='androidbd' style='color: #5a5a5a;' class='help'> 查看下载APK安装帮助</a></span>";
	html+="<span style='width: 186px;margin-top: 8px;float: left;'><a href='androidzs' style='color: #5a5a5a;' class='help'>查看Android手机直接安装帮助</a></span>";
	html+="<div style='clear: both'></div>";
	html+="</div>";
	html+="<div style='clear: both'></div>";
	html+="</div>";
	html+="</div>";
	$("#prishow").html(html);
	$(".closeDiv").click(function(){
		closehiddenBox(); 
	});
	$(".help").click(function(){
		closehiddenBox(); 
	});

//	背景遮罩
	function showhiddenBox() 
	{ 
		var bWidth=parseInt(document.documentElement.scrollWidth); 
		var bHeight=parseInt(document.documentElement.scrollHeight); 
		var back=document.createElement("div"); 
		back.id="back"; 
		var styleStr="top:0px;left:0px;position:absolute;background:#000;width:"+bWidth+"px;height:"+bHeight+"px;"; 
		styleStr+=(isIe)?"filter:alpha(opacity=0);":"opacity:0;"; 
		back.style.cssText=styleStr; 
		document.body.appendChild(back); 
		showBackground(back,60); 
	}

//	创建显示层
	function createDiv(){
		var sels = document.getElementsByTagName("select");
		for(var i=0; i<sels.length; i++){
			sels[i].style.visibility = "hidden";
		}
		var oDiv=document.createElement("div");
		oDiv.setAttribute("id","prishow"); 
		document.body.appendChild(oDiv);
	}

//	关闭遮罩
	function closehiddenBox() 
	{ 
		$("#prishow").fadeOut("slow");	 
		if(document.getElementById('back')!=null) 
		{ 
			document.getElementById('back').parentNode.removeChild(document.getElementById('back')); 
		} 
		var sels = document.getElementsByTagName("select");
		for(var i=0; i<sels.length; i++){
			sels[i].style.visibility = "visible";
		}
	} 

//	让背景渐渐变暗 
	function showBackground(obj,endInt) 
	{ 
		if(isIe) 
		{ 
			obj.filters.alpha.opacity=60; 
//			if(obj.filters.alpha.opacity<endInt) 
//			{ 
//			setTimeout(function(){showBackground(obj,endInt)},0.01); 
//			} 
		}else{ 
			var al=parseFloat(obj.style.opacity);al+=0.01; 
			obj.style.opacity=al; 
			if(al<(endInt/100)) 
			{setTimeout(function(){showBackground(obj,endInt)},0.3);} 
		} 
	} 
}