////滚动div

var tim=1;  //时间速度
var bpx=8;  //越大越慢 尺寸比
//页面载入
if (window.addEventListener) {
	window.addEventListener('load',getGGBut, false);
}else {
	window.attachEvent('onload', getGGBut);
}

//获取按钮
function getGGBut(){
	var ggbut =document.getElementById("ggbg");

	if(ggbut){
		if(ggchk=='y'){
			ggbut.style.background="url(/images/gg_bg_dyn.gif)";
		}else{
			ggbut.style.background="url(/images/gg_bg.gif)";
		}
		//按钮click事件
		ggbut.onclick=clicks;
	}

	function clicks(){
		ggbut.innerHTML=_getGGHtml();
			_divGGPlay(this);
			ggbut.onclick=function(){
				this.innerHTML='';
				var obj=document.getElementById("proclaim");
				obj.style.visibility="hidden";
				this.onclick=clicks;
			}
	}
}

//点击按钮时执行
function _divGGPlay(butObj){
	var color1=document.getElementById('color1');
	var color2=document.getElementById('color2');
	var color3=document.getElementById('color3');
	var color4=document.getElementById('color4');

	function resfun(){
	    actMoveDiv(color2,283,263,'left',playOver);
	}
	function resfun3(){
		/*var color3=document.getElementById('color3');
		actMoveDiv(color3,283,263,'left',playOver);*/
	}
	function playOver(){
		Nifty("DIV#color2",'smil');
		var obj=document.getElementById("proclaim");
		    obj.style.visibility="visible";
	}
	actMoveDiv(color1,8,72,'left',resfun);
}

//输出颜色框
function _getGGHtml(){
		html =""
		  +"<div id=color3 onclick='' style='MARGIN: 0px auto;padding:20px;display:none;position:absolute;height:72px;z-index:10px;top:4px;left:28px;background:#000;overflow:hidden;filter:alpha(opacity=10);-moz-opacity:0.1;opacity: 0.1; '>"
		  +"</div>"
		  +"<div id=color2  onclick='' style='padding:1px;filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8; background:#000000;position:absolute;MARGIN: 0px auto;top:0px;z-index:10px;left:24px;background:#000;display:none;height:72px;overflow:hidden;'>"
		  	+"<div  onclick='' style='width:27px;height:263px;'>"
			+"</div>"
		  +"</div>"
		  +"<div  id=color1 style='display:none;position:absolute;top:0px;font-size:1px;background:#ff6600;width:1px;height:72px;z-index:19px;left:24px;'>"	
		  +"</div>"
		  +"";
	return html;
}

//移动对象
function actMoveDiv(obj,wid,hei,type,fun){
	 bw=Number(wid/bpx);
	 bh=Number(hei/bpx);
	if(obj.style.display=="none"){
	obj.style.display="block";
	}

	if(type=="left"){
	  _actMoveWid();	
	}else{
	  _actMoveHei();
	}

	//先行向后垂直展开
		function _actMoveWid(){
			w =obj.offsetWidth;
			w+=bw;			
			if(w>=wid){
				obj.style.width=wid+"px";
				if(type=="left"){
					_actMoveHei();
				}else{
					if(fun){
						fun();
					}
				}
			}else{
				obj.style.width=w+"px";
				setTimeout(_actMoveWid,tim);
			}
		}
		function _actMoveHei(){
			h =obj.offsetHeight;
			h+=bh;
			if(h>=hei){
				obj.style.height=hei+"px";
				if(type=="right"){
					_actMoveWid();
				}else{
					if(fun){
						fun();
					}
				}
			}else{
				obj.style.height=h+"px";
				setTimeout(_actMoveHei,tim);
			}
		}
}