function $(){return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);}

var public_imagesUrl = GetWebHttpPath()+"/images/"; //与CSS同目录的图片地址
var public_ImgSrc ="";                                             //软件界面图等的地址
var counts,offerImgNo,cancelImgRoll,clickPicN;//counts图片张数、offerImgNo推荐图片序号、cancelImgRoll图片滚动交换（setTimeout）
var imgArray = new Array();//小图数组
var imgP = new Array();//小图图片对象
var imgArray1 = new Array();//大图数组
var imgP1 = new Array();//大图图片对象
var picN=1;//小图幻灯现实的图片索引编号
var clickFromClass3 = false;//判断图片预览是否是从/softClass3/点击进入
//小图滚动预览图片函数
function show_minPicture(folderName,fileName1,fileName2,DAT,frame,offerImg,cFrom){//文件夹名、文件名、扩展名、张数、推荐图序号、进入页
	var minPictureHtml = "<div style=\"height:100px; padding:0 0 4px 0; overflow:hidden;\"><a id=\"url\" href=\"\" onclick=\"OpenDiv(440,520,2);return false;\"><img id=\"pic\" alt=\"界面截图\" border=0><\/a><\/div><div style=\"float:left;width:168px;height:15px;padding:3px 2px 0 0; background:#F6F6F6;text-align:right;\" id=\"picNumber\"><\/div>";
	counts = frame;
	offerImgNo = offerImg;
	if(cFrom == 3){clickFromClass3 = true;}
	document.getElementById('softPic').innerHTML = minPictureHtml;
	for(var i=1;i<counts+1;i++){
		imgArray[i] = public_ImgSrc+folderName+"/"+fileName1+i+DAT;
		imgArray1[i] = public_ImgSrc+folderName+"/"+fileName2+i+DAT;
		document.getElementById('picNumber').innerHTML += "<a href=\"\" onclick=\"changeimg("+i+");return false;\" id=\"picNumNo"+i+"\" class=\"picNumNoA\" target=\"_self\">"+i+"<\/a>";
		imgP[i] = new Image();
		imgP[i].src = imgArray[i];
		imgP1[i] = new Image();
		imgP1[i].src = imgArray1[i];
	}
	document.getElementById('picNumber').innerHTML="<span style='float:left;width:auto;line-height:12px; padding:0 0 0 3px;color:#898989;'>(点图看大图)</span><span style='float:right;width:auto;'>"+document.getElementById('picNumber').innerHTML+"</span>";
	change_img();
}
//图片幻灯显示函数
function change_img(){
	clickPicN = picN;
	if (imgP[picN].complete) {document.getElementById("pic").src=imgP[picN].src;} 
	//else{imgP[picN].onload = function () {document.getElementById("pic").src=imgP[picN].src;}}
	document.getElementById("pic").src=imgArray[picN];
	for (var i=1;i<=counts;i++){document.getElementById("picNumNo"+i).className='picNumNoA';}
	document.getElementById("picNumNo"+picN).className='bxx';
	picN++;if(picN>counts){picN=1;}
	cancelImgRoll = setTimeout('change_img()',4000);
}
function changeimg(n){picN=n;window.clearInterval(cancelImgRoll);change_img();}
//软件截面图片展示效果JS
//var showPicSrc;
var OverH,OverW,ChangeH=20,ChangeW=20,leftLoading,topLoading,widthLoading,heightLoading;
function OpenDiv(_Dw,_Dh,folderName,fileName1,fileName2,DAT,frame,offerImg) {//div宽度、div高度、文件夹名、图片名称、扩展名、张数、推荐图序号
OverH=_Dw;OverW=_Dh;
if(frame){counts=frame;}
if(offerImg){clickPicN = offerImg;}
if(!clickFromClass3){//从非小图函数点击进来，加载图片
	for(var i=1;i<counts+1;i++){
		imgArray[i] = public_ImgSrc+folderName+"/"+fileName1+i+DAT;
		imgArray1[i] = public_ImgSrc+folderName+"/"+fileName2+i+DAT;
		imgP[i] = new Image();
		imgP[i].src = imgArray[i];
		imgP1[i] = new Image();
		imgP1[i].src = imgArray1[i];
	}
}
$("Loading").style.display='none';
$("Loading").innerHTML ='';
$("Loading").style.display='block';
if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/20))}else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/20))}//div改变比率
$("Loading").style.top=((document.documentElement.clientHeight+document.documentElement.scrollTop)-10)/2+"px";
$("Loading").style.left=((document.documentElement.clientWidth+document.documentElement.scrollLeft)-10)/2+"px";
OpenNow();
}
var Nw=10,Nh=10;//Loading初始宽度和高度
function OpenNow() {
	Nw=Nw+ChangeW;Nh=Nh+ChangeH;
	$("Loading").style.border="1px #A7CAD9 solid";
	if(OverW>Nw||OverH>Nh) {
		if(OverW>Nw){
			$("Loading").style.width=Nw+"px";
			$("Loading").style.left=((document.documentElement.offsetWidth-Nw)/2 + document.documentElement.scrollLeft + document.body.scrollLeft)+"px";
		}
		if(OverH>Nh) {
			$("Loading").style.height=Nh+"px";
			$("Loading").style.top=((document.documentElement.offsetHeight-Nh)/2 + document.documentElement.scrollTop + document.body.scrollTop) + 20 +"px"
		}
		window.setTimeout("OpenNow()",1)
	}else{
		Nw=10;Nh=10;ChangeH=20;ChangeW=20;//结束，在恢复初始值
		$("Loading").innerHTML="<br><br><br><br><br><br><br><br><br><br><img src=\'"+public_imagesUrl+"loading.gif\' style=\'margin-bottom:-8px;\'>&nbsp;&nbsp;<font style=\'font-size:14px;\'>界面预览图加载中...</font>";
		showPic();
	}
}
//图片浏览器
var browse = window.navigator.appName.toLowerCase();//返回浏览器的名称
var MyMar;
var speed = 1; //速度，越大越慢
var spec = 5; //每次滚动的间距, 越大滚动越快
var minOpa = 60; //滤镜最小值
var maxOpa = 100; //滤镜最大值
var spa = 4; //缩略图区域补充数值
spec = (browse.indexOf("microsoft") > -1) ? spec : ((browse.indexOf("opera") > -1) ? spec*10 : spec*1);
function goleft() {$('pictureCase').scrollLeft -= spec;}
function goright() {$('pictureCase').scrollLeft += spec;}
function setOpacity(e, n) {
    if (browse.indexOf("microsoft") > -1) e.style.filter = 'alpha(opacity=' + n + ')';
    else e.style.opacity = n/100;
}
function showPic(){
	var w = 60;
	$("Loading").style.border="0px #A7CAD9 solid";
	$("Loading").innerHTML = "<div class=\"openDiv-outCase\"><div class=\"opendiv-left01\"><img src=\""+public_imagesUrl+"opendiv-left01.gif\"></div><div class=\"midContentCase\"><div id=\"maxmianPic\" class=\"maxmianPic\"><img id=\"maxPicture\" src=\""+imgArray1[clickPicN]+"\"  onload=javascript:DrawImage(this); ></div><div id=showCloseDiv style=\"position:absolute; z-index:99999; width:105px; height:30px; display:none;background:url("+public_imagesUrl+"mini-pic-close.png) no-repeat;_background:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='"+public_imagesUrl+"mini-pic-close.png');\"></div><div class=\"minpicshow\"><div class=\"goleft\"><img src=\""+public_imagesUrl+"opendiv-goleft.gif\" id=\"goleft\"></div><div id=\"pictureCase\"><div id=\"minImg\"> </div></div><div class=\"goright\"><img src=\""+public_imagesUrl+"opendiv-goright.gif\" id=\"goright\"></div></div></div><div class=\"opendiv-right01\"><img src=\""+public_imagesUrl+"opendiv-right01.gif\"></div></div>";
	for(var i=1;i<counts+1;i++){
		if (imgP[i].complete) {$('minImg').innerHTML += "<img src=\""+imgArray[i]+"\" rel=\""+imgArray1[i]+"\">";}
		else{imgP[i].onload = function () {$('minImg').innerHTML += "<img src=\""+imgArray[i]+"\" rel=\""+imgArray1[i]+"\">";}}
	}
	//alert($('minImg').innerHTML);
	var p = $('minImg').getElementsByTagName('img');
    for (var i=0; i<p.length; i++) {
		w += parseInt(p[i].width) + spa;
		if(i==clickPicN-1){setOpacity(p[clickPicN-1], maxOpa);p[clickPicN-1].style.border='2px #0F8DC0 solid';}
		else{setOpacity(p[i], minOpa);p[i].style.border='2px #ccc solid';}
        p[i].onmouseover = function() {
		 for (var j=0; j<p.length; j++) {setOpacity(p[j], minOpa);p[j].style.border='2px #ccc solid';}
            setOpacity(this, maxOpa);
			this.style.border='2px #0F8DC0 solid';
            $('maxPicture').src = this.getAttribute('rel');
            setOpacity($('maxPicture'), maxOpa);
        }
	       p[i].onmouseout = function() {
            setOpacity($('maxPicture'), maxOpa);
        }
	}
	$('minImg').style.width = parseInt(w) + 'px';
	$('goleft').style.cursor = 'pointer';
	$('goright').style.cursor = 'pointer';
	$('goleft').onmouseover = function() {this.src = public_imagesUrl + 'opendiv-goleft02.gif'; MyMar=setInterval(goleft, speed);}
	$('goleft').onmouseout = function() {this.src = public_imagesUrl + 'opendiv-goleft.gif'; clearInterval(MyMar);}
	$('goright').onmouseover = function() {this.src = public_imagesUrl + 'opendiv-goright02.gif'; MyMar=setInterval(goright,speed);}
	$('goright').onmouseout = function() {this.src = public_imagesUrl + 'opendiv-goright.gif'; clearInterval(MyMar);}

	var tempobj=$("maxmianPic");
	widthLoading=tempobj.offsetWidth;
	heightLoading=tempobj.offsetHeight;
	var leftoffset = tempobj.offsetLeft;
	var topoffset = tempobj.offsetTop;
	while((tempobj = tempobj.offsetParent) != null) {
		leftoffset += tempobj.offsetLeft;
		topoffset += tempobj.offsetTop;
	}
	leftLoading=leftoffset;
	topLoading=topoffset;
	document.onmousemove=function(e){showClose(e);}
	$("maxmianPic").onmouseout = function(){$("showCloseDiv").style.display="none";};
	$("maxmianPic").onclick=function(){document.onmousemove=function(){};$("Loading").style.display='none';$("Loading").innerHTML ='';}
	$("showCloseDiv").onclick=function(){document.onmousemove=function(){};$("Loading").style.display='none';$("Loading").innerHTML ='';}
}

function showClose(ev){//现实关闭图片，进行关闭有关操作
	var ev= ev || window.event;
	var ly= $("showCloseDiv");
	var lytop=ev.clientY;// - document.body.clientTop+20;
	var lyleft=ev.clientX;// - document.body.clientLeft+10;
	var y_top = topLoading-document.documentElement.scrollTop-document.body.scrollTop;
	var x_Left = leftLoading-document.documentElement.scrollLeft-document.body.scrollLeft;
	if(lytop<y_top || lyleft<x_Left || lyleft>(x_Left+widthLoading) || lytop>(y_top+heightLoading)){
		ly.style.display="none";
	}else{
		ly.style.display="";
		ly.style.top=(lytop-y_top-20)+"px";
		ly.style.left=(lyleft-x_Left-50)+"px";
	}
}

//图片等比率缩小
//var  flag=false;  
function  DrawImage(ImgD){  
     var  image=new  Image();  
     image.src=ImgD.src;  
     if(image.width>0  &&  image.height>0){  
       //flag=true;  
       if(image.width/image.height>=  460/350){  
         if(image.width>460){      
         ImgD.width=460;  
         ImgD.height=(image.height*460)/image.width;  
         }else{  
         ImgD.width=image.width;      
         ImgD.height=image.height;  
         }  
         
         }  
       else{  
         if(image.height>350){      
         ImgD.height=350;  
         ImgD.width=(image.width*350)/image.height;            
         }else{  
         ImgD.width=image.width;      
         ImgD.height=image.height;  
         }  
         
         }  
       } 
}