﻿// JavaScript Document
var pic=
{
	Container:null,content_left_t:null,content_left_b:null,content_right:null,$:null,$Create:null,content_left:null,picArray:null,titleArray:null,contentArray:null,myInterval:null,flag:null,testInterval:null,testtimeout:null,ad:null,linkArray:null,showTitleCtrl:false,showMenuCtrl:false,typeName:null,wordcontainer:null,
	Initial:function(picStr,titleStr,contentStr,containerid,adurl,linkStr,isShowTitle,isShowMenu,tName,typeLink,adlink,wordcontent,tbbd,zt)
	{
			content_left_t=this.$Create("div");
			content_left_b=this.$Create("div");
			content_right=this.$Create("div");
			content_left=this.$Create("div");
			Container=this.$Create("div");
			ad=this.$Create("img"); 
			wordcontainer=this.$Create("div");
			wordcontainer.innerHTML=wordcontent;
			wordcontainer.style.fontSize="12px";
			this.showTitleCtrl=isShowTitle;
			this.showMenuCtrl=isShowMenu;
			this.typeName=this.$Create("div");
			
			if(picStr.indexOf("|")>0)
			{
				picArray=picStr.split("|");
				titleArray=titleStr.split("|");
				contentArray=contentStr.split("|");
				linkArray=linkStr.split("|");
				tNameArray=tName.split("|");
				typeLinkArray=typeLink.split("|");
				adurlArray=adurl.split("|");
				adlinkArray=adlink.split("|");
				pic.testInterval=setInterval(pic.changePic,6000);
				content_left_t.innerHTML="<div class='index_pic_02' style='cursor:pointer;' onclick=javascript:window.open('"+linkArray[0]+"'); align='left'>"+titleArray[0]+"</div><div align='left' class='content'>"+contentArray[0]+"</div>";
				this.typeName.innerHTML="<div class='index_02' align='left' style='cursor:pointer;' onclick=javascript:window.open('"+typeLinkArray[0]+"')><img src='"+tNameArray[0]+"' style='cursor:pointer;'></div>";
				ad.setAttribute("src",adurlArray[0]);
				ad.style.cursor="pointer";
				ad.onclick=function(){window.open(adlinkArray[0])};
				var tempdiv=this.$Create("div");
				//for(var i=0;i<picArray.length;i++)
				//{
					//if(i==0)
					//{
						ddd="<a href='/lists.aspx?cid=87&idid=1' class='linkres_b'>封面故事</a>&nbsp;|&nbsp;";
						tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',1) id='bt_1' class='button_blur'>"+ddd+"</div>";	
					//}
					//else if(i==1)
					//{
						if(tbbd==1)
						{
							ddd="<a href='/lists.aspx?cid=88&idid=1' class='linkres_b'>特别报道</a>&nbsp;|&nbsp;";
							tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',2) id='bt_2' class='button_blur'>"+ddd+"</div>";	
						}
						else
						{}
					//}
					//else if(i==2)
					//{
						if(tbbd==1)
						{
							ddd="<a href='/lists.aspx?cid=68&idid=1' class='linkres_b'>职场</a>&nbsp;|&nbsp;";
							tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',3) id='bt_3' class='button_blur'>"+ddd+"</div>";	
						}
						else
						{
							ddd="<a href='/lists.aspx?cid=68&idid=1' class='linkres_b'>职场</a>&nbsp;|&nbsp;";
							tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',2) id='bt_2' class='button_blur'>"+ddd+"</div>";
						}
					//}
					//else
					//{
						if(tbbd==1)
						{
							if(zt==1)
							{
								ddd="<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>生活方式</a>";
							}
							else
							{
								ddd="<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>生活方式</a>";
							}
							tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',4) id='bt_4' class='button_blur'>"+ddd+"</div>";	
						}
						else
						{
							if(zt==1)
							{
								ddd="<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>生活方式</a>";
							}
							else
							{
								ddd="<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>生活方式</a>";
							}
							ddd="<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>生活方式</a>";
							tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',3) id='bt_3' class='button_blur'>"+ddd+"</div>";
						}
						
						if(zt==1)
						{
							if(tbbd==1)
							{
								ddd="&nbsp;|&nbsp;<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>专题</a>";
								tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',5) id='bt_5' class='button_blur'>"+ddd+"</div>";	
							}
							else
							{
								ddd="&nbsp;|&nbsp;<a href='/lists.aspx?cid=89&idid=1' class='linkres_b'>专题</a>";
								tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',4) id='bt_4' class='button_blur'>"+ddd+"</div>";	
							}
						}
						else
						{
						}
					//}
						//tempdiv.innerHTML+="<div onmouseover=javascript:pic.changeOpacity1('Hide',"+(i+1)+") id='bt_"+(i+1)+"' class='button_blur'>"+ddd+"</div>";	
					
				//}
				content_left_b.appendChild(ad);
				if(isShowMenu)
				{
					content_left_b.appendChild(tempdiv);
				}
				flag=0;
				content_right.innerHTML="<img src='"+picArray[0]+"' width='635' height='405' style='cursor:pointer;text-align:right' onmouseover='javascript:pic.StopRun();' onmouseout='javascript:pic.ContinueRun();' onclick=javascript:window.open('"+linkArray[0]+"');/>";
				content_right.style.filter="alpha(Opacity=100)";
				content_right.style.opacity="1";
			}
			else
			{
				content_left_t.innerHTML="<div class='index_pic_02' style='cursor:pointer;' onclick=javascript:window.open('"+linkStr+"'); align='left'>"+titleStr+"</div><div align='left' class='content'>"+contentStr+"</div>";
				var tempdiv=this.$Create("div");
				tempdiv.innerHTML="1";
				if(isShowMenu)
				{
					content_left_b.appendChild(ad);
				}
				//content_left_b.appendChild(tempdiv);
				content_right.innerHTML="<img src='"+picStr+"' width='635' height='405'  style='cursor:pointer;' onclick=javascript:window.open('"+linkStr+"');>";
			}
			if(wordcontent!="")
			{
				content_left_b.appendChild(wordcontainer);
				content_left_b.style.marginTop="45px";
			}
			content_left_t.className="content_left_t";
			content_left_t.setAttribute("align","left");
			content_left_b.className="content_left_b";
			content_left_b.setAttribute("align","left");
			content_right.className="content_right";
			if(document.all)
			{
				if(picStr.indexOf("|")>0)
				{
					content_right.style.width="625px";	
				}
				else
				{
					content_right.style.width="225px";	
				}
			}
			else
			{
				content_right.style.width="325px";	
			}
			content_left.className="content_left";
			
			content_right.setAttribute("align","right");
			if(this.showTitleCtrl)
			{
				content_left.appendChild(this.typeName);
			}
			content_left.appendChild(content_left_t);
			content_left.appendChild(content_left_b);
			Container.appendChild(content_left);
			Container.appendChild(content_right);
			Container.setAttribute("align","right");
			Container.className="Container";
			this.$(containerid).appendChild(Container);
	},
	changePic:function()
	{
		if(document.all)
		{
			if(parseInt(content_right.filters.alpha.opacity)==100)
			{
				window.clearInterval(pic.testInterval);
				pic.myInterval=setInterval(function(){pic.changeOpacity("Hide","")},1);
			}
			else
			{
				window.clearInterval(pic.testInterval);
				pic.myInterval=setInterval(function(){pic.changeOpacity("Show","")},1);
			}
		}
		else
		{
			if(content_right.style.opacity==1)
			{
				window.clearInterval(pic.testInterval);
				pic.myInterval=setInterval(function(){pic.changeOpacity("Hide","")},1);
			}
			else
			{
				window.clearInterval(pic.testInterval);
				pic.myInterval=setInterval(function(){pic.changeOpacity("Show","")},1);
			}
		}
	},
	$:function(obj_id){return document.getElementById(obj_id)},
	$Create:function(tagName){return document.createElement(tagName)},
	changeOpacity:function(flag,picurl)
	{
					window.clearInterval(pic.testInterval);
		if(document.all)
		{
			if(flag=="Show")
			{
				if(parseInt(content_right.filters.alpha.opacity)<100)
				{
					content_right.filters["alpha"].opacity+=10;
				}
				else
				{
					clearInterval(pic.myInterval);
					pic.testInterval=setInterval(pic.changePic,6000);
				}
			}
			else if(flag=="Hide")
			{
				if(parseInt(content_right.filters.alpha.opacity)>0)
				{
					content_right.filters["alpha"].opacity-=10;
				}
				else
				{
					pic.changePicUrl(picurl);
					window.clearInterval(pic.myInterval);
					pic.myInterval=setInterval(function(){pic.changeOpacity("Show","")},1);
				}
			}
		}
		else
		{
			if(flag=="Show")
			{
				if(content_right.style.opacity<1)
				{
					content_right.style.opacity=((content_right.style.opacity*100)+100)/100;
				}
				else
				{
					clearInterval(pic.myInterval);
					pic.testInterval=setInterval(pic.changePic,6000);
				}
			}
			else if(flag=="Hide")
			{
				if(content_right.style.opacity>0)
				{
					content_right.style.opacity-=0.1;
				}
				else
				{
					pic.changePicUrl(picurl);
					window.clearInterval(pic.myInterval);
					pic.myInterval=setInterval(function(){pic.changeOpacity("Show","")},1);
				}
			}
		}
	},
	changeOpacity1:function(flag,picurl)
	{
					window.clearInterval(pic.testInterval);
		var f=true;
		if(document.all)
		{
			if(content_right.filters.alpha.opacity<100)
			{
				f=false;
			}
		}
		else
		{
			if(content_right.style.opacity<1)
			{
				f=false;
			}
		}
		if(f!=false)
		{
			this.$("bt_"+picurl).className="button_active";
			window.clearInterval(pic.testInterval);
			window.clearInterval(pic.myInterval);
			pic.myInterval=setInterval(function(){pic.changeOpacity("Hide",picurl)},1);
		}
	},
	changePicUrl:function(picurl)
	{
					window.clearInterval(pic.testInterval);
			if(picurl=="")
			{
				var tempflag=flag%picArray.length+1;
				if(tempflag==picArray.length)
				{
					tempflag=0;
				}
				content_left_t.innerHTML="<div class='index_pic_02' style='cursor:pointer;' onclick=javascript:window.open('"+linkArray[tempflag]+"');>"+titleArray[tempflag]+"</div><div align='left' class='content'>"+contentArray[tempflag]+"</div>";
				this.typeName.innerHTML="<div class='index_02' align='left' style='cursor:pointer;' onclick=javascript:window.open('"+typeLinkArray[tempflag]+"')><img src='"+tNameArray[tempflag]+"' style='cursor:pointer;'></div>";
				ad.setAttribute("src",adurlArray[tempflag]);
				ad.style.cursor="pointer";
				ad.onclick=function(){window.open(adlinkArray[tempflag])};
				content_right.innerHTML="<img src='"+picArray[tempflag]+"' width='635' height='405' style='cursor:pointer;' onmouseover='javascript:pic.StopRun();' onmouseout='javascript:pic.ContinueRun();' onclick=javascript:window.open('"+linkArray[tempflag]+"');>";
				flag++;
			}
			else
			{
				content_left_t.innerHTML="<div class='index_pic_02' style='cursor:pointer;' onclick=javascript:window.open('"+linkArray[picurl-1]+"');>"+titleArray[picurl-1]+"</div><div align='left' class='content'>"+contentArray[picurl-1]+"</div>";
				this.typeName.innerHTML="<div class='index_02' align='left' style='cursor:pointer;' onclick=javascript:window.open('"+typeLinkArray[picurl-1]+"')><img src='"+tNameArray[picurl-1]+"' style='cursor:pointer;'></div>";
				ad.setAttribute("src",adurlArray[picurl-1]);
				ad.style.cursor="pointer";
				ad.onclick=function(){window.open(adlinkArray[picurl-1])};
				content_right.innerHTML="<img src='"+picArray[picurl-1]+"' width='635' height='405' onmouseover='javascript:pic.StopRun();' onmouseout='javascript:pic.ContinueRun();' style='cursor:pointer;' onclick=javascript:window.open('"+linkArray[picurl-1]+"');>";
				flag=picurl-1;
			}
			pic.changeBtCss(flag+1);
	},
	changeBtCss:function(flag)
	{
					window.clearInterval(pic.testInterval);
		if(this.showMenuCtrl)
		{
			for(var i=0;i<picArray.length;i++)
			{
				this.$("bt_"+(i+1)).className="button_blur";	
			}
			if(flag%picArray.length==0)
			{
				flag=picArray.length;
			}
			else
			{
				flag=flag%picArray.length;
			}
			this.$("bt_"+flag).className="button_blur";
		}
	},
	StopRun:function()
	{
		window.clearInterval(pic.testInterval);
		var f=true;
		if(document.all)
		{
			if(content_right.filters.alpha.opacity<100)
			{
				f=false;
			}
		}
		else
		{
			if(content_right.style.opacity<1)
			{
				f=false;
			}
		}
		if(f!=false)
		{
			window.clearInterval(pic.testInterval);
		}
	},
	ContinueRun:function()
	{		
				window.clearInterval(pic.testInterval);
			pic.testInterval=setInterval(pic.changePic,6000);
	}
}