var userAgent = navigator.userAgent.toLowerCase();
var is_opera = userAgent.indexOf('opera') != -1 && opera.version();
var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('firefox') + 8, 3);
var is_ie = (userAgent.indexOf('msie') != -1 && !is_opera) && userAgent.substr(userAgent.indexOf('msie') + 5, 3);
var orgwidth;
var orgheight;
var mymapwidth;
var mymapheight;
var index=0;
function viewallmap()
{
	sImageURL=list[0];
	var eImg=document.createElement("IMG");
	$i=0;
	eImg.src=sImageURL;
	
	var eDiv=document.createElement("DIV");
	eDiv.id="bg";
	eDiv.style.position="absolute";
	eDiv.style.left = eDiv.style.top = '0px';
	eDiv.style.width = '100%';
	eDiv.style.height = document.body.scrollHeight + 'px';
	eDiv.style.backgroundColor = '#e69ebd';
	eDiv.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=80,finishOpacity=100,style=0)';
	eDiv.style.opacity = 0.2;
	//eDiv.appendChild(eImg);
	document.body.appendChild(eDiv);
	orgwidth=eImg.width;
	orgheight=eImg.height;
	
	mymapwidth=eImg.width;
	mymapheight=eImg.height;
	bl=mymapwidth/mymapheight;
	if(mymapheight>=document.body.clientHeight)
	{
		mymapheight=document.body.clientHeight;
		mymapwidth=mymapheight*bl;
	}
	var eDiv=document.createElement("DIV");
	if(eImg.width==0)
	{
		mymapleft=document.body.scrollLeft+document.body.clientWidth/2-100;
		mymaptop=document.body.scrollTop+25;
		eDiv.id="mymap";
		eDiv.style.position="absolute";
		eDiv.style.left = mymapleft;
		eDiv.style.width = mymapwidth;
		eDiv.style.height = mymapheight +25+ 'px';
		eDiv.style.top=mymaptop;
		eDiv.style.filter='progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=gray)';
		eDiv.style.backgroundColor = '#EDF2CA';
		//eDiv.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=40,finishOpacity=100,style=0)';
		eDiv.style.zIndex = 999;
		eDiv.innerHTML="<table bgcolor=white width"+eImg.width+"><tr><td align=center class=table>本页图片浏览：</td></tr><tr><td align=center class=table><div id=menu1><a href='javascript:deldiv();'>关闭</a> <a href='javascript:orginscale();'>原始大小</a> <a href='javascript:index++;viewwhatpage(index);'>下一页</a></div></td></tr><tr><td class=table>读取图片错误！</td></tr></table>";
		//eDiv.appendChild(eImg);
		document.body.appendChild(eDiv);
	}
	else
	{
		mymapleft=document.body.scrollLeft+(document.body.clientWidth-mymapwidth)/2;
		mymaptop=document.body.scrollTop+(document.body.clientHeight-mymapheight)/2;
		eDiv.id="mymap";
		eDiv.style.position="absolute";
		eDiv.style.left = mymapleft;
		eDiv.style.width = mymapwidth;
		eDiv.style.height = mymapheight +25+ 'px';
		eDiv.style.top=mymaptop;
		eDiv.style.filter='progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=gray)';
		eDiv.style.backgroundColor = '#EDF2CA';
		//eDiv.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=40,finishOpacity=100,style=0)';
		eDiv.style.zIndex = 999;
		eDiv.innerHTML="<table bgcolor=white width"+eImg.width+"><tr><td align=center class=table>本页图片浏览：</td></tr><tr><td align=center class=table><div id=menu1><a href='javascript:deldiv();'>关闭</a> <a href='javascript:orginscale();'>原始大小</a> <a href='javascript:index++;viewwhatpage(index);'>下一页</a></div></td></tr><tr><td><img id=bigmap onclick='javascript:index++;viewwhatpage();'  style='CURSOR:url(images/wait.gif);' src='"+sImageURL+"'  width="+mymapwidth+" height="+mymapheight+"></td></tr></table>";
		//eDiv.appendChild(eImg);
		document.body.appendChild(eDiv);
	}	
}

function viewwhatpage()
{
	if(index>=list.length)
	{index=0;
	}
	sImageURL=list[index];
	var eImg=document.createElement("IMG");
	$i=0;
	eImg.src=list[index];
	
	orgwidth=eImg.width;
	orgheight=eImg.height;
	mymapwidth=eImg.width;
	mymapheight=eImg.height;
	bl=mymapwidth/mymapheight;
	if(mymapheight>=document.body.clientHeight)
	{
		mymapheight=document.body.clientHeight;
		mymapwidth=mymapheight*bl;
	}
	if(eImg.width==0)
	{
		mymapleft=document.body.scrollLeft+document.body.clientWidth/2-100;
		mymaptop=document.body.scrollTop+25;
		eDiv=$("mymap");
		eDiv.style.left = mymapleft;
		eDiv.style.width = mymapwidth;
		eDiv.style.height = mymapheight +25+ 'px';
		eDiv.style.top=mymaptop;
		eDiv.innerHTML="<table bgcolor=white width"+eImg.width+"><tr><td align=center class=table>本页图片浏览：</td></tr><tr><td align=center class=table><div id=menu1><a href='javascript:deldiv();'>关闭</a> <a href='javascript:orginscale();'>原始大小</a> <a href='javascript:index++;viewwhatpage(index);'>下一页</a></div></td></tr><tr><td class=table>读取图片错误！</td></tr></table>";
	}
	else
	{
		mymapleft=document.body.scrollLeft+(document.body.clientWidth-mymapwidth)/2;
		mymaptop=document.body.scrollTop+(document.body.clientHeight-mymapheight)/2;
		eDiv=$("mymap");
		eDiv.style.left = mymapleft;
		eDiv.style.width = mymapwidth;
		eDiv.style.height = mymapheight +25+ 'px';
		eDiv.style.top=mymaptop;
		eDiv.innerHTML="<table bgcolor=white width"+eImg.width+"><tr><td align=center class=table>本页图片浏览：</td></tr><tr><td align=center class=table><div id=menu1><a href='javascript:deldiv();'>关闭</a> <a href='javascript:orginscale();'>原始大小</a> <a href='javascript:index++;viewwhatpage(index);'>下一页</a></div></td></tr><tr><td><img id=bigmap onclick='javascript:index++;viewwhatpage();' style='CURSOR:url(images/wait.gif);' src='"+sImageURL+"'  width="+mymapwidth+" height="+mymapheight+"></td></tr></table>";
	}	
}

function addimagediv(sImageURL)
{
	var eImg=document.createElement("IMG");
	$i=0;
	while(eImg.width==0&&$i<1000)
	{eImg.src=sImageURL;
	$i++;
	}
	
	
	var eDiv=document.createElement("DIV");
	eDiv.id="bg";
	eDiv.style.position="absolute";
	eDiv.style.left = eDiv.style.top = '0px';
	eDiv.style.width = '100%';
	eDiv.style.height = document.body.scrollHeight + 'px';
	eDiv.style.backgroundColor = '#e69ebd';
	eDiv.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=80,finishOpacity=100,style=0)';
	eDiv.style.opacity = 0.2;
	//eDiv.appendChild(eImg);
	document.body.appendChild(eDiv);
	orgwidth=eImg.width;
	orgheight=eImg.height;

	mymapwidth=eImg.width;
	mymapheight=eImg.height;
	bl=mymapwidth/mymapheight;
	if(mymapheight>=document.body.clientHeight)
	{
		mymapheight=document.body.clientHeight;
		mymapwidth=mymapheight*bl;
	}
	mymapleft=document.body.scrollLeft+(document.body.clientWidth-mymapwidth)/2;
	mymaptop=document.body.scrollTop+(document.body.clientHeight-mymapheight)/2;
	
	var eDiv=document.createElement("DIV");
	eDiv.id="mymap";
	eDiv.style.position="absolute";
	eDiv.style.left = mymapleft;
	eDiv.style.width = mymapwidth;
	eDiv.style.height = mymapheight +25+ 'px';
	eDiv.style.top=mymaptop;
	eDiv.style.filter='progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, color=gray)';
	eDiv.style.backgroundColor = '#EDF2CA';
	//eDiv.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(opacity=40,finishOpacity=100,style=0)';
	eDiv.style.zIndex = 999;
	eDiv.innerHTML="<table bgcolor=white width"+eImg.width+"><tr><td align=center class=table><div id=menu1><a href='javascript:deldiv();'>关闭</a> <a href='javascript:orginscale();'>原始大小</a></div></td></tr><tr><td><img id=bigmap  src='"+sImageURL+"'  width="+mymapwidth+" height="+mymapheight+"></td></tr></table>";
	//eDiv.appendChild(eImg);
	document.body.appendChild(eDiv);
}

function orginscale()
{
	$("mymap").style.width=orgwidth;
	$("mymap").style.height=orgheight +25+ 'px';
	$("bigmap").width=orgwidth;
	$("bigmap").height=orgheight;
	mymapleft=(document.body.clientWidth-orgwidth)/2;
	mymaptop=(document.body.clientHeight-orgheight)/2;
	if(mymapleft<0){$("mymap").style.left=document.body.scrollLeft;}else{$("mymap").style.left=document.body.scrollLeft+mymapleft;}
	if(mymaptop<0){$("mymap").style.top=document.body.scrollTop;}else{$("mymap").style.top=document.body.scrollTop+mymaptop;}
	$("menu1").innerHTML="<a href='javascript:deldiv();'>关闭</a> <a href='javascript:gotoback();'>恢复大小</a>";
}

function gotoback()
{
	$("mymap").style.width=mymapwidth;
	$("mymap").style.height=mymapheight +25+ 'px';
	$("bigmap").width=mymapwidth;
	$("bigmap").height=mymapheight;
	mymapleft=(document.body.clientWidth-mymapwidth)/2;
	mymaptop=(document.body.clientHeight-mymapheight)/2;
	if(mymapleft<0){$("mymap").style.left=document.body.scrollLeft;}else{$("mymap").style.left=document.body.scrollLeft+mymapleft;}
	if(mymaptop<0){$("mymap").style.top=document.body.scrollTop;}else{$("mymap").style.top=document.body.scrollTop+mymaptop;}
	$("menu1").innerHTML="<a href='javascript:deldiv();'>关闭</a> <a href='javascript:orginscale();'>原始大小</a>";
}

function deldiv()
{
	var div = $("mymap"); 
	var parent = div.parentElement; 
	parent.removeChild(div); 
	var div = $("bg"); 
	var parent = div.parentElement; 
	parent.removeChild(div);
}