// JavaScript Document
document.write ('<script language="javascript" type="text/javascript" src="js/explorerType.js"></script>');
document.write ('<script language="javascript" type="text/javascript" src="js/blurFilter.js"></script>');
document.write ('<script language="javascript" type="text/javascript" src="js/Tween.js"></script>');
var curPage = 1;
var curPic = 0;
var picCount = 0;
var page;
var imgInfoList = [];
var picUl;
var picList;
var curPicObj;
var picShow;
var first = true;
var blurFlt;
//var xmlAddress='\imgInfo.do';

window.onload = function ()
{
	blurFlt=new blurFilter();
	//页面初始化
	pageInit ();
	document.onkeydown = keyDownFun;
	if (getExplorer () != "IE")
	{
		document.captureEvents (Event.KEYDOWN)
	}
}
function setPicPage ()
{
	page = Math.ceil (picCount / 8);
	//图片列表动作
	picUl = $ ('proPicList');
	picList = picUl.getElementsByTagName ('img');
	//获取当前图片
	var url = window.location + "";
	if (url.indexOf ("P=", 1) > 0)
	{
		curPicID = url.substring (url.indexOf ("P=", 1) + 2, url.length);
		curPic = getIndex (picList, $ (curPicID));
	}
	if ( ! (curPic > - 1 && curPic < picCount)) curPic = 0;
	curPicObj = picList [curPic];
	picShow = $ ('picShow');
	//页面元素初始化
	picUl.style.left = 0;
	if (getExplorer () == 'IE')
	$ ('footImgBg').src = 'images/alpha.gif';
	picShow.onload = function ()
	{
		//设置图片样式（居中）
		picCheck (picShow, 930, 600);
		picShow.style.visibility = 'visible';
		$ ('loadPic').style.visibility = 'hidden';
		blurFlt.blurIn('picShowDiv');
	}
	//图片动作初始化
	for (i = 0; i < picList.length; i ++)
	{
		picCheck (picList [i] , 101, 75);
		picList [i].onclick = function ()
		{
			curPic = getIndex (picList, this);
			setPicIco ();
		};
	}
	//图片列表翻页
	$ ('picPreBtn').onclick = function ()
	{
		if (curPage > 1)
		{
			curPage --;
		}
		picUl.style.left = - 912 * (curPage - 1) + 'px';
		//设置上一页,下一页按钮显示
		if (curPage == page)
		{
			$ ('picNextBtn').style.visibility = 'hidden';
		} else
		{
			$ ('picNextBtn').style.visibility = 'visible'
		}
		if (curPage == 1)
		{
			$ ('picPreBtn').style.visibility = 'hidden';
		} else
		{
			$ ('picPreBtn').style.visibility = 'visible'
		}
	}
	$ ('picNextBtn').onclick = function ()
	{
		if (curPage < page)
		{
			curPage ++;
		}
		picUl.style.left = - 912 * (curPage - 1) + 'px';
		//设置上一页,下一页按钮显示
		if (curPage == page)
		{
			$ ('picNextBtn').style.visibility = 'hidden';
		} else
		{
			$ ('picNextBtn').style.visibility = 'visible'
		}
		if (curPage == 1)
		{
			$ ('picPreBtn').style.visibility = 'hidden';
		} else
		{
			$ ('picPreBtn').style.visibility = 'visible'
		}
	}
	//图片前一个,后一个
	$ ('prePicBtn').onclick = function ()
	{
		if (curPic > 0)
		{
			curPic --;
			picList [curPic].onclick ();
		}
		setPicIco ();
	}
	$ ('nextPicBtn').onclick = function ()
	{
		if (curPic < picCount)
		{
			curPic ++;
			picList [curPic].onclick ();
		}
		setPicIco ();
	}
	this.setPage = function ()
	{
		curPage = Math.ceil ((curPic + 1) / 8);
		picUl.style.left = - 912 * (curPage - 1) + 'px';
	}
	this.setPicIco ();
}
//页面初始化
function pageInit ()
{
	readXmlData ();
}
//加载xml信息
function readXmlData ()
{
	this.xmlLoaded = function ()
	{
		var str = "";
		var imgInfoLi = xmlDoc.getElementsByTagName ('img')
		picCount = imgInfoLi.length;

		imgContainer = $ ('proPicList');
		for (i = 0; i < picCount; i ++)
		{
			var picObj = {
			};
			picObj.id = imgInfoLi [i].getAttribute ('id');
			picObj.smallPic = imgInfoLi [i].getAttribute ('smallPic');
			picObj.bigPic = imgInfoLi [i].getAttribute ('bigPic');
			picObj.title = imgInfoLi [i].getAttribute ('title');
			picObj.No = imgInfoLi [i].getAttribute ('num');
			str += '<li><img id="' + picObj.id + '" src="' + picObj.smallPic + '" alt="' + picObj.title + '" title="' + picObj.title + '" /></li>';
			imgInfoList.push (picObj);}
		$ ('proPicList').innerHTML = str;
		this.imgLoaded();
	}
	this.imgLoadedCount=0;
	this.imgLoaded=function()
	{
		for (i = 0; i < imgInfoList.length; i ++)
		{
			$(imgInfoList[i].id).onload=function()
			{
				imgLoadedCount++;
				if(imgLoadedCount==imgInfoList.length)
				{
					setPicPage ();						
				}
			}
		}
	}
	if (typeof (document.implementation.createDocument) != "undefined") //firefox xmldocument对象
	{
		var xmlDoc = document.implementation.createDocument ("", "", null);
		xmlDoc.load (xmlAddress);
		xmlDoc.onload = xmlLoaded;
	} else
	{
		var xmlDoc = new ActiveXObject ("Microsoft.XMLDOM");
		//IE xmlDocument对象
		xmlDoc.setProperty('ServerHTTPRequest',true);//
		xmlDoc.async = false;
		xmlDoc.load (xmlAddress);
		this.xmlLoaded ();
	}
}
//图片选中更新
setPicIco = function ()
{
	picShow.style.visibility = 'hidden';
	$ ('loadPic').style.visibility = 'visible';
	//获取当前图片对象
	curPicObj = picList [curPic];
	//设置当前图片显示
	picShow.src = imgInfoList [curPic].bigPic;
	//设置图片信息显示
	$ ('picName').innerHTML = imgInfoList [curPic].title;
	$ ('picNum').innerHTML = imgInfoList [curPic].No;
	//选中图片边框变换
	liCheck (curPicObj);
	//设置上一张,下一张按钮显示
	if (curPic == 0)
	{
		$ ('prePicBtn').style.visibility = 'hidden';
	} 
	else
	{
		$ ('prePicBtn').style.visibility = 'visible';
	}
	if (curPic + 1 == picCount)
	{
		$ ('nextPicBtn').style.visibility = 'hidden';
	} 
	else
	{
		$ ('nextPicBtn').style.visibility = 'visible';
	}
	//设置页数
	this.setPage ();
	//设置上一页,下一页按钮显示
	if (curPage == page)
	{
		$ ('picNextBtn').style.visibility = 'hidden';
	} else
	{
		$ ('picNextBtn').style.visibility = 'visible'
	}
	if (curPage == 1)
	{
		$ ('picPreBtn').style.visibility = 'hidden';
	} else
	{
		$ ('picPreBtn').style.visibility = 'visible'
	}
	//设置图片位置
	$ ('picPageNum').innerHTML = '<span class="picNum">' + (curPic + 1) + '</span><span class="allCount">/' + picCount + '</span>';
}
function liCheck (obj)
{
	var ul = $ ('proPicList');
	for (i = 0; i < ul.getElementsByTagName ('li').length; i ++)
	{
		ul.getElementsByTagName ('li')[i].style.border = "solid 1px #ccc";
	}
	obj.parentNode.style.border = "solid 1px #6F0";
}
function getIndex (par, elem)
{
	for (i = 0; i < par.length; i ++)
	{
		if (par [i] == elem) return i;
	}
	return 0;
}
//与flash同步
function sameWithFlash ()
{
	return (curPic);
}
//接收flash数据
function getFromFlash (num)
{
	curPic = num;
	setPicIco ();
}
function getXmlAddress()
{
	return xmlAddress;	
}
//键盘事件
function keyDownFun (e)
{
	var keycode;
	if (getExplorer () == "IE")
	{
		keycode = event.keyCode;
	} 
	else
	{
		keycode = e.which;
	}
	if (keycode == 37 && curPic > 0)
	{
		curPic --;
		setPicIco ();
	}
	if (keycode == 39 && curPic < picCount - 1)
	{
		curPic ++;
		setPicIco ();
	}
}
//对象收展(proPic-foot)
function move (obj, minHeight, maxHeight)
{
	var t = 0;
	var theHeight = obj.clientHeight;
	function slideOut()
	{
		obj.style.height = Math.ceil(Tween.Quint.easeOut(t,minHeight,maxHeight-minHeight,10)) + 'px';
		if (obj.clientHeight == maxHeight || obj.clientHeight > maxHeight)
		{
			obj.style.height = maxHeight + 'px';
			var title = $ ('theTitle');
			title.innerHTML = '<span class="yc">&nbsp;</span>&nbsp; 隐  藏';
			clearTimeout (this.slideOutTimer);
		} 
		else
		{
			t++;
			this.slideOutTimer = setTimeout (slideOut, 10);
		}
	}
	function slideIn()
	{
		obj.style.height = Math.ceil(Tween.Quint.easeOut(t,maxHeight,minHeight-maxHeight,15)) + 'px';
		if (obj.clientHeight == minHeight || obj.clientHeight < minHeight+2)
		{
			obj.style.height = minHeight + 'px';
			var title = $ ('theTitle');
			title.innerHTML = '<span class="xs">&nbsp;</span>&nbsp; 显  示';
			clearTimeout (this.slideInTimer);
		} 
		else
		{
			t++;
			this.slideInTimer = setTimeout (slideIn, 60);
		}
	}
	if (theHeight == minHeight)
	{
		this.slideInTimer = setTimeout (slideOut , 50);
	}
	if (theHeight == maxHeight)
	{
		this.slideOutTimer = setTimeout (slideIn, 50);
	}
}