﻿Object.extend = function(destination, source,deep) {
		if(!deep)deep=0;
	  for (property in source) {
		  if(typeof(source[property])=="object"&&deep>0){
			  	if(!destination[property])destination[property]={};
				Object.extend(destination[property],source[property],deep-1)
		  }else{
				try{
					destination[property] = source[property];
				  }catch(e){}
		  }
	  }
	  return destination;
	};
Object.extend(Array.prototype, {
  each: function(iterator) {
    for (var i = 0; i < this.length; i++){iterator(this[i]);}
	}
});
//***********************************************************
//            util   工具函数                              //
//***********************************************************
var util={}
util.ObjectDragDrop=function(obj){ 
    var me = this; 
    this.foo = (typeof obj=="string")?document.getElementById(obj):obj; 
     
    this.foo.menuBar.onmousedown = function(e){ 
            if(Event.element(window.event||window.Event)==me.foo.closeButton)return;
          var foo = me.foo; 
          e = e||event; 
          
          //获取鼠标在对象内部的坐标
          if( e.layerX )
		  { 
		  	foo.oOffset = {x:e.layerX,  y:e.layerY};  
		} 
          else{ 
		  foo.oOffset = {x:e.offsetX, y:e.offsetY };   } 
          
          document.onmousemove = me.drag; 
          document.onmouseup   = me.drop; 
          document.onselectstart = function(){ return false; };          
    } 
     
    this.drag = function(e){ 
          var foo = me.foo; 
          e=e||event; 
          foo.style.top  = e.clientY +(document.documentElement.scrollTop || document.body.scrollTop)- foo.oOffset.y + "px"; 
          foo.style.left = e.clientX+(document.documentElement.scrollLeft || document.body.scrollLeft) - foo.oOffset.x + "px"; 
    } 
     
    this.drop = function(e){ 
          e=e||event; 
          document.onmousemove = document.onmouseup = document.onselectstart = null;     
    }     
}

util.setDivCanDrag=function(div){
    util.ObjectDragDrop(div)
}

util.getScrollTop=function(win)
{ 
      if(!win)win=self
      var scrollTop=0; 
      if(win.document.documentElement&& win.document.documentElement.scrollTop)
      { 
            scrollTop=win.document.documentElement.scrollTop; 
      } 
      else if(win.document.body)
      { 
            scrollTop=win.document.body.scrollTop; 
      } 
      return scrollTop; 
}
util.getScrollLeft=function(win)
{ 
      if(!win)win=self
      var scrollLeft=0; 
      if(win.document.documentElement&& win.document.documentElement.scrollLeft)
      { 
            scrollLeft=win.document.documentElement.scrollLeft; 
      } 
      else if(win.document.body)
      { 
            scrollLeft=win.document.body.scrollLeft; 
      } 
      return scrollLeft; 
}
//***********************************************************
//            DivClass  主命名空间                         //
//***********************************************************
var win=window.top?window.top:window;	
var me=this;
var DivClass={
	List:[],
	Clear:function(){DivClass.List.each(function(dom){if(dom.parentNode)dom.parentNode.removeChild(dom)})},
	Hide:function(){DivClass.List.each(function(dom){dom.style.diaplay="none"})},
	Add:function(div){DivClass.List.push(div)},
	Remove:function(div){DivClass.List.splice(div)}
}
DivClass.CreateDiv=function(){
	var Div=win.document.createElement("DIV");
	DivClass.Add(Div);
	return Div;
}
DivClass.CreateCoverBodyDiv=function(){
	var Div=DivClass.CreateDiv();
	win.document.body.appendChild(Div);
	Object.extend(Div,{style:{width:Math.max(win.document.body.offsetWidth,win.screen.availWidth)+"px",height:Math.max(win.document.body.offsetHeight,win.screen.availHeight) +"px",left:0,top:0,position:"absolute",zIndex:99,background:"#000000",opacity:0.5,filter:"alpha(opacity=50)",display:"block"}},1);
	return Div;
}

DivClass.CreateCenterPopDiv=function(width,height,title,HTML){
	if(!title)title="";
	if(!HTML)HTML="";
	var left=Math.floor(width>win.document.body.clientWidth?util.getScrollLeft(win):((win.document.body.clientWidth-width)/2+util.getScrollLeft(win)))+"px";//(win.document.body.clientWidth-width)/2
	//alert(win.document.body.clientHeight);
	var top=Math.floor(height>win.document.body.clientHeight?util.getScrollTop(win):(0+util.getScrollTop(win)))+"px";//(win.document.body.clientHeight-height)/2
	var Div=DivClass.CreateDiv();
	win.document.body.appendChild(Div);
	Object.extend(Div,{style:{border:"1px solid #4978FE",padding:0,margin:0,left:left,top:top,position:"absolute",zIndex:999,background:"#FFF",display:"block"}},1);
	var str="<div style=\"background:#4978FE;padding:0;margin:0;width:2px\">";
	str+=		"<div style=\"padding:5px;height:25px;width:auto\">";
	str+=			"<div style=\"float:left;color:#83B73C;padding:4px;font-weight:bold;font-size:14px;width:auto\">"+title+"</div>";
str+=			"<div style=\"float:right;width:auto;color:#AAAAAA;padding:2px;border:1px solid #AAAAAA;font-weight:bold;cursor:pointer\" onmouseover=\"this.style.borderColor=this.style.color='#990099'\" onmouseout=\"this.style.borderColor=this.style.color='#AAAAAA'\">╳</div>";
	str+=		"</div>";
	str+=	"<div style=\"top:30px;width:auto\">"+HTML+"</div>";
	str+="</div>";
	//var str="<div><div><div></div><div></div></div><div>"+HTML+"</div></div>";
	Div.innerHTML=str;
	Div.childNodes[0].childNodes[0].childNodes[1].onclick=function(){me.DivClass.Clear()};
	Div.appendHTML=function(htmlText){
		Div.childNodes[0].childNodes[1].innerHTML=htmlText;	
	}
	Div.onresize=function(){Div.childNodes[0].childNodes[0].style.width=Element.getDimensions(Div).width-10}
	Div.workDom=Div.childNodes[0].childNodes[1];
	Div.menuBar=Div.childNodes[0].childNodes[0];
	Div.closeButton=Div.childNodes[0].childNodes[0].childNodes[1];
	util.setDivCanDrag(Div);
	return Div;
}
var time = 100; 
var h = 0; 
DivClass.CreateFollowPopDiv1=function(title,HTML1,HTML2,HTML3,HTML4,HTML5,HTML6,ss){

	var HTML="";
	if(ss==1)
	{
	 HTML=HTML1;
	}
	if(ss==2)
	{
	 HTML=HTML2;
	}
	if(ss==3)
	{
	 HTML=HTML3;
	}
	if(ss==4)
	{
	 HTML=HTML4;
	}
	if(ss==5)
	{
	 HTML=HTML5;
	}
	if(ss==6)
	{
	 HTML=HTML6;
	}
	HTML="<img src="+HTML+" id=menupic style=FILTER: progid:DXImageTransform.Microsoft.Fade(duration=1.0,overlap=1.0)  />";
	
me.DivClass.Clear();
	DivClass.CreateCoverBodyDiv();
	h=0;
	time = 100;
    var Div=DivClass.CreateDiv();
	win.document.body.appendChild(Div);
	var left=Math.floor(500>win.document.body.clientWidth?util.getScrollLeft(win):((win.document.body.clientWidth-500)/2+util.getScrollLeft(win)))+"px";//(win.document.body.clientWidth-width)/2
	//alert(win.document.body.clientHeight);
	var top=Math.floor(500>win.document.body.clientHeight?util.getScrollTop(win):(0+util.getScrollTop(win)))+"px";//(win.document.body.clientHeight-height)/2
	
	Object.extend(Div,{style:{width:"10PX",border:"0px solid #cccccc",padding:0,margin:0,left:left,top:top,position:"absolute",zIndex:999,background:"#FFF",display:"block"}},1);
	//var str="<div style=\"background:#dddddd;padding:0;margin:0;width:100%;\">";
	//str+=		"<div style=\"padding:2px;height:15px;width:100%; border-bottom:1px solid #FF8B00\">";
	//str+=			"<div style=\"float:left;color:#FF8B00;padding:2px;font-weight:bold;font-size:12px;width:auto\">"+title+"</div>";
	//str+=			"<div style=\"float:right;width:auto;color:#AAAAAA;padding:2px;border:1px solid #AAAAAA;font-weight:bold;cursor:pointer\" onmouseover=\"this.style.borderColor=this.style.color='#990099'\" onmouseout=\"this.style.borderColor=this.style.color='#AAAAAA'\">╳</div>";
	//str+=		"</div>";
	//str+=		"<div style=\"top:20px;width:100%; text-align:center;background:#252119;color:#cccccc\">"+HTML+"</div>";
	//str+=	"</div>";
	var str="<table  style=\"background:#FFFFFF;padding:0;margin:0;width:100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	str+="<tr>";
    str+="<td bgcolor='#FFFFFF'  style=\"padding-TOP:25PX;padding-LEFT:20PX;padding-bottom:20PX;padding-RIGHT:20PX\">"+HTML+"</td>";
	str+="</tr>";
	str+="<tr>";
	str+="<td><table  style=\"width:100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	str+="<tr>";
	str+=" <td width=100%>";
	str+="<div id=\"ads\" style=\"width:100%;height:80px;background:#ffffff;margin:0 auto; overflow:hidden;\">";
	str+="<table height=\"80\" align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
	str+="<tr>";
	str+="<td align=\"center\" height=30 colspan=2>";
	if(ss!=1)
	{
		if(ss==2)
		{
			if (HTML1!="")
			{
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss-1)+");\">上一张</a>";	
			}
		}
		if(ss==3)
		{
			if (HTML2!="")
			{
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss-1)+");\">上一张</a>";	
			}
		}
		if(ss==4)
		{
			if (HTML3!="")
			{
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss-1)+");\">上一张</a>";	
			}
		}
		if(ss==5)
		{
			if (HTML4!="")
			{
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss-1)+");\">上一张</a>";	
			}
		}
		if(ss==6)
		{
			if (HTML5!="")
			{
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss-1)+");\">上一张</a>";	
			}
		}
	
	}
	
	
	if(ss!=6)
	{
		if(ss==1)
		{
			 if (HTML2!="")
			{ 
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss+1)+");\">下一张</a></td>";
			}
		}
		if(ss==2)
		{
			 if (HTML3!="")
			{ 
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss+1)+");\">下一张</a></td>";
			}
		}
		if(ss==3)
		{
			 if (HTML4!="")
			{ 
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss+1)+");\">下一张</a></td>";
			}
		}
		if(ss==4)
		{
			 if (HTML5!="")
			{ 
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss+1)+");\">下一张</a></td>";
			}
		}
		if(ss==5)
		{
			 if (HTML6!="")
			{ 
			str+="<a href='#' onclick=\"DivClass.CreateFollowPopDiv1('"+title+"','"+HTML1+"','"+HTML2+"','"+HTML3+"','"+HTML4+"','"+HTML5+"','"+HTML6+"',"+(ss+1)+");\">下一张</a></td>";
			}
		}
	}
	
	
	str+="</tr>";
	str+="<tr>";
	str+=" <td style=\"float:left;color:#FF8B00;padding-left:28px;font-weight:bold;font-size:12px;width:auto\">"+title+"</td>";
	str+="<td style=\"float:right;width:15px;color:#AAAAAA;padding:2px 30px 0 2px;font-weight:bold;cursor:pointer\" onmouseover=\"this.style.borderColor=this.style.color='#990099'\" onmouseout=\"this.style.borderColor=this.style.color='#AAAAAA'\" onclick='me.DivClass.Clear()'><img src='/images/closelabel.gif'></td>";
	str+="</tr>";
	str+="</table>";
	str+="</div>";
	str+="</td>";
	str+="</tr>";
	
	str+="</table></td>";
	str+="</tr>";
    str+="</table>";
	
	Div.innerHTML=str;
		Div.onpropertychange=function(){
			var width=Div.style.width;
			var height=Div.style.height;
			var left=Math.floor(width>win.document.body.clientWidth?util.getScrollLeft(win):((win.document.body.clientWidth-width)/2+util.getScrollLeft(win)))+"px";//(win.document.body.clientWidth-width)/2
	//alert(win.document.body.clientHeight);
			var top=Math.floor(height>win.document.body.clientHeight?util.getScrollTop(win):(0+util.getScrollTop(win)))+"px";
		}
	addCount();
	//alert(Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerHTML)
	//Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[1].onclick=function(){me.DivClass.Clear()};
	Div.appendHTML=function(htmlText){
		Div.childNodes[0].childNodes[0].childNodes[1].childNodes[0].innerHTML=htmlText;	
	}
	//Div.onresize=function(){Div.childNodes[0].childNodes[0].style.width=Element.getDimensions(Div).width-10}
	//Div.workDom=Div.childNodes[0].childNodes[0].childNodes[1].childNodes[0];
	//Div.menuBar=Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0];
	//Div.closeButton=Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[1];
	//util.setDivCanDrag(Div);
	return Div;
}





DivClass.CreateFollowPopDiv=function(title,HTML){

me.DivClass.Clear();
	DivClass.CreateCoverBodyDiv();
	h=0;
	time = 100;
    var Div=DivClass.CreateDiv();
	Div.ID="divhtml";
	win.document.body.appendChild(Div);
	var left=Math.floor(500>win.document.body.clientWidth?util.getScrollLeft(win):((win.document.body.clientWidth-500)/2+util.getScrollLeft(win)))+"px";//(win.document.body.clientWidth-width)/2
	//alert(win.document.body.clientHeight);
	var top=Math.floor(500>win.document.body.clientHeight?util.getScrollTop(win):(100+util.getScrollTop(win)))+"px";//(win.document.body.clientHeight-height)/2
	
	Object.extend(Div,{style:{width:"10PX",border:"0px solid #cccccc",padding:0,margin:0,left:left,top:top,position:"absolute",zIndex:999,background:"#FFF",display:"block"}},1);

	//var str="<div style=\"background:#dddddd;padding:0;margin:0;width:100%;\">";
	//str+=		"<div style=\"padding:2px;height:15px;width:100%; border-bottom:1px solid #FF8B00\">";
	//str+=			"<div style=\"float:left;color:#FF8B00;padding:2px;font-weight:bold;font-size:12px;width:auto\">"+title+"</div>";
	//str+=			"<div style=\"float:right;width:auto;color:#AAAAAA;padding:2px;border:1px solid #AAAAAA;font-weight:bold;cursor:pointer\" onmouseover=\"this.style.borderColor=this.style.color='#990099'\" onmouseout=\"this.style.borderColor=this.style.color='#AAAAAA'\">╳</div>";
	//str+=		"</div>";
	//str+=		"<div style=\"top:20px;width:100%; text-align:center;background:#252119;color:#cccccc\">"+HTML+"</div>";
	//str+=	"</div>";
	var str="<table  style=\"background:#FFFFFF;padding:0;margin:0;width:100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	str+="<tr>";
    str+="<td bgcolor='#FFFFFF'  style=\"padding-TOP:25PX;padding-LEFT:20PX;padding-bottom:20PX;padding-RIGHT:20PX\">"+HTML+"</td>";
	str+="</tr>";
	str+="<tr>";
	str+="<td><table  style=\"width:100%;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";
	str+="<tr>";
	str+=" <td width=100%>";
	str+="<div id=\"ads\" style=\"width:100%;height:80px;background:#ffffff;margin:0 auto; overflow:hidden;\">";
	str+="<table height=\"80\" align=\"center\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" width=\"100%\">";
	str+="<tr>";
	str+=" <td style=\"float:left;color:#FF8B00;padding-left:28px;font-weight:bold;font-size:12px;width:auto\">"+title+"</td>";
	str+="<td style=\"float:right;width:15px;color:#AAAAAA;padding:2px 30px 0 2px;font-weight:bold;cursor:pointer\" onmouseover=\"this.style.borderColor=this.style.color='#990099'\" onmouseout=\"this.style.borderColor=this.style.color='#AAAAAA'\" onclick='me.DivClass.Clear()'><img src='/images/closelabel.gif'></td>";
	str+="</tr>";
	str+="</table>";
	str+="</div>";
	str+="</td>";
	str+="</tr>";
	
	str+="</table></td>";
	str+="</tr>";
    str+="</table>";
	
	Div.innerHTML=str;
	addCount();
	
    Div.style.left=Math.floor((win.document.body.clientWidth)/2-(img123.clientWidth+40)/2)+"px";
	//alert(Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].innerHTML)
	//Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[1].onclick=function(){me.DivClass.Clear()};
	Div.appendHTML=function(htmlText){
		Div.childNodes[0].childNodes[0].childNodes[1].childNodes[0].innerHTML=htmlText;	
	}
		
	/*Div.onresize=function(){Div.childNodes[0].childNodes[0].style.width=Element.getDimensions(Div).width-10}
	Div.workDom=Div.childNodes[0].childNodes[0].childNodes[1].childNodes[0];
	Div.menuBar=Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0];
	Div.closeButton=Div.childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[0].childNodes[1];
	util.setDivCanDrag(Div);*/
	return Div;
}


DivClass.CreateMovePopDiv=function(GUID,HTML){   
    if(!$(GUID)){
    var Div=DivClass.CreateDiv();
    Object.extend(Div,{id:GUID,style:{width:"10px",border:"1px solid #cccccc",padding:0,margin:0,position:"absolute",zIndex:999,background:"#252119",display:"block"}},1);	
	win.document.body.appendChild(Div);	
	Div.innerHTML=HTML;	
	}else{
	    var Div=$(GUID);
	}
	    Object.extend(Div,{style:{left:(Event.pointerX(window.event||window.Event)+5)+"px",top:(Event.pointerY(window.event||window.Event)+5)+"px"}},1);
	
	return Div;
}
function addCount() 
{ 
    if(time>0) 
    { 
        time--; 
        h = h+2; 
    } 
    else 
    { 
        return; 
    } 
    if(h>100)  //高度 
    { 
        return; 
    } 
    document.getElementById("ads").style.display = ""; 
    document.getElementById("ads").style.height = h+"px"; 
    setTimeout("addCount()",30); 
} 
function ccCount() 
{ 
    document.getElementById("ads").style.height = "5px"; 
}