var fivePic = document.getElementById("fivePic");
var thepic = document.getElementById("thepic");
var pic_j = document.getElementById("pic_j");
var pic_j1 = document.getElementById("pic_j1");
var numPic = document.getElementById("numPic");
var numPic1 = document.getElementById("numPic1");
var divInfo = document.getElementById("divInfo");
var selSpeed = document.getElementById("selSpeed");
var stopPic = document.getElementById("stopPic");

var code=1,flag_pause=0,cc;
var imgCount = imgcount.length;
var maxPage = Math.floor(imgCount/4);
if((imgCount%4)!=0)
{
	cc = imgCount%4;
	maxPage = maxPage+1;
}
else
{
	cc=4;
}

var timeObj,step,imgtd,gopage=null;

function getCookieVal (offset)
{
    var endstr = document.cookie.indexOf (";", offset);
    if (endstr == -1)
      endstr = document.cookie.length;
    return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie (name)   {
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;
    while (i < clen) {
      var j = i + alen;
      if (document.cookie.substring(i, j) == arg)
        return getCookieVal (j);
      i = document.cookie.indexOf(" ", i) + 1;
      if (i == 0) break;
    }
    return null;
}

function SetCookie (name, value)
{
    var argv = SetCookie.arguments;
    var argc = SetCookie.arguments.length;
    var expires = (argc > 2) ? argv[2] : null;
    var path = (argc > 3) ? argv[3] : "/";
    var domain = (argc > 4) ? argv[4] : "it168.com";
    var secure = (argc > 5) ? argv[5] : false;
    document.cookie = name + "=" + escape (value) +
      ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
      ((path == null) ? "" : ("; path=" + path)) +
      ((domain == null) ? "" : ("; domain=" + domain)) +
      ((secure == true) ? "; secure" : "");
}
//开始暂停按钮
function dispause()
{
	if(flag_pause==0)
	{
		flag_pause=1;
		//stopPic.src = "/images/kaishi.gif";
		//stopPic.alt = "开始";
		stopPic.innerHTML="[开始]";
		window.clearTimeout(timeObj);
	}
	else
	{
		flag_pause=0;
		//stopPic.src = "/images/c2n_05.jpg";
		//stopPic.alt = "暂停";
		stopPic.innerHTML="[暂停]";
		if(code>=imgCount)
			code = 1;
		pagedown_ctrl(selSpeed.value);
	}
}
//图片间隔时间
function pagedown_ctrl(autopd)
{
	window.clearTimeout(timeObj);
	SetCookie('sv_autopd',autopd);
	selSpeed.value=autopd;
	if(autopd>1800)
	{
		if(flag_pause==1) dispause();		
		step = autopd;
		timeObj = setTimeout("autoShow()",step);
	}
}
function prevPic()
{
	if((code-1)>0)
	{code = code-1;}
	else
	{code=imgCount;}
	showBigPic(code,"prev");
	//if((code-2)%5==0)
	//{goPrev5(Math.round(code/6));}
	goPrev5(Math.round((code+2)/4));
}
function nextPic()
{
	if(gopage!=null)
		code = code+1;
	if(code>imgCount)
	{code=1;}
	showBigPic(code,"next");
	//if((code-1)%6==0)
	//{goNext5(Math.round((code+2)/6));}
	goNext5(Math.round((code+2)/4));
}

function showBigPic(num,type)
{	
	var tdnum = "";
	var cnt = "";
	gopage = type;
	if(gopage=="prev")
	{
		cnt = num;
		tdnum = (cnt-1)%4;
		thepic.src = imgcount[num-1];
	}
	else if(gopage=="next")
	{		
		cnt = num;
		tdnum = cnt%4;
		thepic.src = imgcount[num-1];
	}
	else
	{
		code = num+1;
		cnt = num+1;
		if(cnt>imgCount)
		{
			cnt = imgCount;
			code = 1;
		}
		tdnum = num%4;
		thepic.src = imgcount[num];
	}
	var tt;
	//alert(code);
	if(code>=1)
	{
		//alert(code);
		if((code>(maxPage-1)*4)||(gopage=="prev"&&code>=(maxPage-1)*4)||(gopage=="next"&&code==1))
			tt = cc;
		else
			tt = 4;
			
		for(var k=0;k<tt;k++)
		{
			if(k==tdnum)
			{document.getElementById("imgtd"+k).className = "td1";}
			else
			{document.getElementById("imgtd"+k).className = "td";}
		}
	}
	//pic_j.href = "/detail/html/pic/"+cTypeCode+"/"+cSpaceCode+"/"+cnt+".shtml";
	//pic_j1.href = "/detail/html/pic/"+cTypeCode+"/"+cSpaceCode+"/"+cnt+".shtml";
	numPic.innerHTML = cnt;
	numPic1.innerHTML = cnt;
	//document.domain ="it168.com";

	//count1.location.reload();
	//document.getElementById("count1").src=url;
	
}
function autoShow()
{
	var num = code;
	gopage = "";
	if(code<=imgCount)
	{
		thepic.src = imgcount[code-1];
		//pic_j.href = "/detail/html/pic/"+cTypeCode+"/"+cSpaceCode+"/"+code+".shtml";
		//pic_j1.href = "/detail/html/pic/"+cTypeCode+"/"+cSpaceCode+"/"+code+".shtml";
		numPic.innerHTML = num;
		numPic1.innerHTML = num;
		
		if(num==1)
		{
			
			var strHtml = "<table cellspacing=\"4\">";
			strHtml+="<tr>";
			strHtml+="<td><img src=\"/images/c2_07.jpg\" width=\"29\" height=\"15\" alt=\"上一组\" style=\"cursor:hand\" onclick=\"goPrev5(1)\" /></td>";
			strHtml+="</tr>";
			for(var i=4;i>0;i--)
			{
				if((num*4-i)<imgCount)
				{
					var n = code*4-i;
					var imgn = n%4;
					strHtml+="<tr><td id=\"imgtd"+imgn+"\" class=\"td\" valign=\"middle\" width=\"62\" height=\"45\">";
					strHtml+="<img src='"+smallimg[num*4-i]+"' border='0' style=\"cursor:hand\" onclick='showBigPic("+n+",\"\");' width=\"120\" height=\"60\" />";
					strHtml+="</td></tr>";
				}					
			}
			strHtml+="<tr><td><img src=\"/images/c2_10.jpg\" width=\"29\" height=\"15\" alt=\"下一组\" style=\"cursor:hand\" onclick=\"goNext5(2)\" /></td></tr>";
			strHtml+="</table>";
			fivePic.innerHTML = strHtml;
		}
		
		var tdnum = (code-1)%4;
		var tt = 4;
		if(code>(maxPage-1)*4)
			tt = cc;
		else
			tt = 4;

		for(var k=0;k<tt;k++)
		{
			if(k==tdnum)
			{
			document.getElementById("imgtd"+k).className = "td1";
			}
			else
			{document.getElementById("imgtd"+k).className = "td";}
		}	
		code++;
		if((code-2)%4==0&&code>4)
		{goNext5(Math.round((code+1)/4));}
		if(flag_pause==0)
		{
			timeObj = setTimeout("autoShow()",step);
		}
		if(num>1)
		{
//document.getElementById("count1").src=url;
//count1.location.reload();
		}			
	}
	else
	{
		code--;
		flag_pause=1;
		//stopPic.src = "/images/kaishi.gif";
		//stopPic.alt = "开始";
		stopPic.innerHTML="[开始]";
	}
}

function goPrev5(num)
{
	//dispause();
	var cnt;
	if(num<=0)
		num = maxPage;
	if(num>0)
	{
		cnt = num-1;
		var strHtml = "<table cellspacing=\"4\">";
		strHtml+="<tr>";
		strHtml+="<td><img src=\"/images/c2_07.jpg\" width=\"29\" height=\"15\" alt=\"上一组\" style=\"cursor:hand\" onclick=\"goPrev5("+cnt+")\" /></td>";
		strHtml+="</tr>";

		for(var i=4;i>0;i--)
		{
			if((num*4-i)<imgCount)
			{
				var n = num*4-i;
				var imgn = n%4;
				var classN = "";
				if((code-1)%4==imgn)
				{classN="td1";}
				else
				{classN = "td";}	
				strHtml+="<tr><td id=\"imgtd"+imgn+"\" class=\""+classN+"\" valign=\"middle\" width=\"62\" height=\"45\">";
				strHtml+="<img src='"+smallimg[n]+"' border='0' onclick='showBigPic("+n+",\"\")' style=\"cursor:hand\" width=\"120\" height=\"60\" />";
				strHtml+="</td></tr>";
			}
				
		}
		strHtml+="<tr><td><img src=\"/images/c2_10.jpg\" width=\"29\" height=\"15\" alt=\"下一组\" style=\"cursor:hand\" onclick=\"goNext5("+(num+1)+")\" /></td></tr>";
		strHtml+="</table>";
		fivePic.innerHTML = strHtml;
		//count1.location.reload();
		//document.getElementById("count1").src=url;
		
	}
}
function goNext5(num)
{
    //dispause();
	if(num>maxPage||num<1)
		num = 1;
	if(num<=maxPage)
	{
		var cnt= num+1;
		var strHtml = "<table cellspacing=\"4\">";
		strHtml+="<tr>";
		strHtml+="<td><img src=\"/images/c2_07.jpg\" width=\"29\" height=\"15\" alt=\"上一组\" style=\"cursor:hand\" onclick=\"goPrev5("+(num-1)+")\" /></td>";
		strHtml+="</tr>";
		for(var i=4;i>0;i--)
		{
			if((num*4-i)<imgCount)
			{
				var n = num*4-i;
				var imgn = n%4;
				var classN = "";
				var cc;
				if(gopage=="next")
					cc = code-1;
				else
					cc = code-2;
				if(cc%4==imgn)
				{classN="td1";}
				else
				{classN = "td";}
				strHtml+="<tr><td id=\"imgtd"+imgn+"\" class=\""+classN+"\" valign=\"middle\" width=\"62\" height=\"45\">";
				strHtml+="<img src='"+smallimg[n]+"' border='0' onclick='showBigPic("+n+",\"\")' style=\"cursor:hand\" width=\"120\" height=\"60\" />";
				strHtml+="</td></tr>";
			}			
		}
		strHtml+="<tr><td><img src=\"/images/c2_10.jpg\" width=\"29\" height=\"15\" alt=\"下一组\" style=\"cursor:hand\" onclick=\"goNext5("+cnt+")\" /></td></tr>";
		strHtml+="</table>";
		fivePic.innerHTML = strHtml;
		//count1.location.reload();
		//document.getElementById("count1").src=url;
	}
}