var SlideBanner = {
	slideLeftY : 0,
	slideRightY : 0,
	windowWidth : 1024 ,
	slideStep : 2 ,
	mainContent : null ,
	leftContent : null ,
	rightContent : null ,
	rectContent : [0,0,0,0] ,
	Init : function(contentid , leftid , rightid , windowwidth)
	{
		if(windowwidth) windowWidth = SlideBanner.windowwidth;
		if(document.all)
        {
            window.attachEvent("onload", function(){ SlideBanner.OnLoad(contentid,leftid,rightid); });
            window.attachEvent("onresize", function(){ SlideBanner.OnResize(); });
        }
        else
        {
            window.addEventListener("load", function(){ SlideBanner.OnLoad(contentid,leftid,rightid); } , false);
            window.addEventListener("resize", function(){ SlideBanner.OnResize(); } , false);
        }
	} ,
	OnLoad : function(contentid,leftid,rightid)
	{
		if(window.screen.width <= SlideBanner.windowWidth) {
		    document.getElementById(leftid).style.display = 'none';
		    document.getElementById(rightid).style.display = 'none';
			return;
		}
		
		document.getElementById(leftid).style.display = 'block';
		document.getElementById(rightid).style.display = 'block';
		    
		SlideBanner.mainContent = document.getElementById(contentid);
		
		if(leftid != null && leftid != '')
			SlideBanner.leftContent = document.getElementById(leftid);
		if(rightid != null && rightid != '')
			SlideBanner.rightContent = document.getElementById(rightid);
		
		SlideBanner.OnResize();
		
		SlideBanner.OnSlide();
	} ,
	OnResize:function()
	{
		var r = SlideBanner.GetWindowRect (SlideBanner.mainContent);
		SlideBanner.rectContent = r;
		
		if(SlideBanner.leftContent)
		{
			SlideBanner.leftContent.style.position = 'absolute';
			var rLeft = SlideBanner.GetWindowRect (SlideBanner.leftContent);
			var leftX = r.x - rLeft.width - 1;
			if(leftX < 0) leftX = 0;
			SlideBanner.rightContent.style.zIndex = 5;
			SlideBanner.leftContent.style.top = r.y + "px";
			SlideBanner.leftContent.style.left = leftX + "px";
			SlideBanner.slideLeftY = r.y;
		}
		
		if(SlideBanner.rightContent)
		{
			SlideBanner.rightContent.style.zIndex = 5;
			SlideBanner.rightContent.style.position = 'absolute';
			SlideBanner.rightContent.style.top = r.y + "px";
			SlideBanner.rightContent.style.left = (r.x + r.width + 1) + "px";
			SlideBanner.slideRightY = r.y;
		}
	} ,
	OnSlide:function()
	{
		var r = SlideBanner.GetWindowRect (SlideBanner.mainContent);
		var scrollPos = SlideBanner.GetScrollPos();
		
		if(SlideBanner.leftContent)
		{
			//var y = parseInt(SlideBanner.leftContent.style.top);
			SlideBanner.slideLeftY = SlideBanner.GetNewPost(SlideBanner.slideLeftY , scrollPos[1] , 10);
			//if(y < SlideBanner.rectContent.y) y = SlideBanner.rectContent.y;
			SlideBanner.leftContent.style.top = r.y + SlideBanner.slideLeftY + "px";
		}
		
		if(SlideBanner.rightContent)
		{
			//var y = parseInt(SlideBanner.rightContent.style.top);
			SlideBanner.slideRightY = SlideBanner.GetNewPost(SlideBanner.slideRightY , scrollPos[1] , 10);
			//if(y < SlideBanner.rectContent.y) y = SlideBanner.rectContent.y;
			SlideBanner.rightContent.style.top = r.y + SlideBanner.slideRightY + "px";
		}
		
		setTimeout("SlideBanner.OnSlide()" , 20);
	} ,
	GetNewPost:function(startpos , endpos , factor)
	{
		var newpos = startpos + (endpos - startpos)/factor;
		return newpos;
	},
	GetWindowRect : function(element) {
		var result = new Object();
		result.x = 0;
		result.y = 0;
		result.width = 0;
		result.height = 0;
		if (element.offsetParent) {
			result.x = element.offsetLeft;
			result.y = element.offsetTop;
			var parent = element.offsetParent;
			while (parent) {
				result.x += parent.offsetLeft;
				result.y += parent.offsetTop;
				var parentTagName = parent.tagName.toLowerCase();
				if (parentTagName != "table" &&
					parentTagName != "body" && 
					parentTagName != "html" && 
					parentTagName != "div" && 
					parent.clientTop && 
					parent.clientLeft) {
					result.x += parent.clientLeft;
					result.y += parent.clientTop;
				}
				parent = parent.offsetParent;
			}
		}
		else if (element.left && element.top) {
			result.x = element.left;
			result.y = element.top;
		}
		else {
			if (element.x) {
				result.x = element.x;
			}
			if (element.y) {
				result.y = element.y;
			}
		}
		if (element.offsetWidth && element.offsetHeight) {
			result.width = element.offsetWidth;
			result.height = element.offsetHeight;
		}
		else if (element.style && element.style.pixelWidth && element.style.pixelHeight) {
			result.width = element.style.pixelWidth;
			result.height = element.style.pixelHeight;
		}
		return result;
	} ,

	GetScrollPos : function() {
		var scrOfX = 0, scrOfY = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			//Netscape compliant
			scrOfY = window.pageYOffset;
			scrOX = window.pageXOffset;
		} 
		else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			//DOM compliant
			scrOfY = document.body.scrollTop;
			scrOfX = document.body.scrollLeft;
		}
		else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			//IE6 standards compliant mode
			scrOfY = document.documentElement.scrollTop;
			scrOfX = document.documentElement.scrollLeft;
		}
		return [ scrOfX, scrOfY ];
	}
}