var MP_NODE = Class.create();
MP_NODE.prototype={
	initialize: function() {
		
		this.node = null;
		this.offsetHeight = 0;
		this.height = 0;
	}
}

var upInterval;
var downInterval;
function loadWowi () {

	var imgUp = new Array(2);
	var imgDown = new Array(2);
	var contentList = new Array(2);
	imgUp[0] = document.getElementById('titleImgUp');
	imgUp[1] = document.getElementById('pageImgUp');
	imgDown[0] = document.getElementById('titleImgDown');
	imgDown[1] = document.getElementById('pageImgDown');
	contentList[0] = document.getElementById('titleList').getElementsByTagName('ul')[0];
	var contentListObj0 = new MP_NODE();
	contentListObj0.node = contentList[0];
	contentListObj0.offsetHeight = contentList[0].offsetHeight;
	contentList[0].style.height= '440px';
	contentListObj0.height = contentList[0].style.height;


	contentList[1] = document.getElementById('pageList').getElementsByTagName('ul')[0];
	var contentListObj1 = new MP_NODE();
	contentListObj1.node = contentList[1];
	contentListObj1.offsetHeight = contentList[1].offsetHeight;
	contentList[1].style.height= '440px';
	contentListObj1.height = contentList[1].style.height;

	imgUp[0].onmouseover = function (){upInterval = setInterval(function (){contentUpDown(contentListObj0, 'up',0, 5,imgUp[0],imgDown[0],contentList[0]);}, 50);};
	imgUp[0].onmouseout = function (){clearInterval(upInterval);clearInterval(downInterval);};
	imgUp[0].onmousedown = function (){this.onmouseout();upInterval = setInterval(function (){contentUpDown(contentListObj0, 'up', 0, 20,imgUp[0],imgDown[0],contentList[0]);}, 30);};
	imgUp[0].onmouseup = function (){this.onmouseout();this.onmouseover();};
	imgDown[0].onmouseover = function (){
		downInterval = setInterval(
			 function ()
			 {
				 contentUpDown(contentListObj0, 'down', 0, 5,imgUp[0],imgDown[0],contentList[0]);},50);
			};
			imgDown[0].onmouseout = function (){clearInterval(upInterval);clearInterval(downInterval);};
			imgDown[0].onmousedown = function (){
				this.onmouseout();downInterval = 
				setInterval(function (){contentUpDown(contentListObj0, 'down',0, 20,imgUp[0],imgDown[0],contentList[0]);}, 30);
	};
	imgDown[0].onmouseup = function (){this.onmouseout();this.onmouseover();};
	setObjectAttribute(imgDown[0], 'className', 'bntb');
	

	imgUp[1].onmouseover = function (){upInterval = setInterval(function (){contentUpDown(contentListObj1, 'up', 0, 5,imgUp[1],imgDown[1],contentList[1]);}, 50);};
	imgUp[1].onmouseout = function (){clearInterval(upInterval);clearInterval(downInterval);};
	imgUp[1].onmousedown = function (){this.onmouseout();upInterval = setInterval(function (){contentUpDown(contentListObj1, 'up', 0, 20,imgUp[1],imgDown[1],contentList[1]);}, 30);};
	imgUp[1].onmouseup = function (){this.onmouseout();this.onmouseover();};
	imgDown[1].onmouseover = function (){
		downInterval = setInterval(
			 function ()
			 {
				 contentUpDown(contentListObj1, 'down', 0, 5,imgUp[1],imgDown[1],contentList[1]);},50);
			};
			imgDown[1].onmouseout = function (){clearInterval(upInterval);clearInterval(downInterval);};
			imgDown[1].onmousedown = function (){
				this.onmouseout();downInterval = 
				setInterval(function (){contentUpDown(contentListObj1, 'down', 0, 20,imgUp[1],imgDown[1],contentList[1]);}, 30);
	};
	imgDown[1].onmouseup = function (){this.onmouseout();this.onmouseover();};
	setObjectAttribute(imgDown[1], 'className', 'bntb');
	//}
	
}
function contentScroll()
{
	var zoom = document.getElementById('ozoom');
	var imgUp = document.getElementById('imgUp');
	var imgDown = document.getElementById('imgDown');
	var contentListObj = new MP_NODE();
	contentListObj.node = zoom;
	contentListObj.offsetHeight = zoom.offsetHeight;
	zoom.style.height='370px';
	contentListObj.height = zoom.height;

	imgUp.onmouseover = function (){upInterval = setInterval(function (){contentUpDown(contentListObj, 'up',0, 2,imgUp,imgDown,zoom);}, 50);};
	imgUp.onmouseout = function (){clearInterval(upInterval);clearInterval(downInterval);};
	imgUp.onmousedown = function (){this.onmouseout();upInterval = setInterval(function (){contentUpDown(contentListObj, 'up', 0, 20,imgUp,imgDown,zoom);}, 30);};
	imgUp.onmouseup = function (){this.onmouseout();this.onmouseover();};
	imgDown.onmouseover = function (){
		downInterval = setInterval(
			 function ()
			 {
				 contentUpDown(contentListObj, 'down', 0, 2,imgUp,imgDown,zoom);},50);
			};
			imgDown.onmouseout = function (){clearInterval(upInterval);clearInterval(downInterval);};
			imgDown.onmousedown = function (){
				this.onmouseout();downInterval = 
				setInterval(function (){contentUpDown(contentListObj, 'down',0, 20,imgUp,imgDown,zoom);}, 30);
	};
	imgDown.onmouseup = function (){this.onmouseout();this.onmouseover();};
}
function getValue (node,propertyName)
{
	if(propertyName == 'margin-top'&&node.style.marginTop)
	{
		if(node.style.marginTop.indexOf('px'))
		{
			var value = node.style.marginTop.substring(0,node.style.marginTop.indexOf('px'));
			return parseInt(value);
		}
		else if(node.style.marginTop==''||node.style.marginTop=="")
			return 0;
		else
			return parseInt(node.style.marginTop);
	}
	else if(propertyName == 'height' && node.style.height)
	{
		if(node.style.height.indexOf('px'))
		{
			var value = node.style.height.substring(0,node.style.height.indexOf('px'));
			return parseInt(value);
		}
		else if(node.style.height==''||node.style.height=="")
			return 0;
		else
			return parseInt(node.style.height);
	}
	return 0;
}
function contentUpDown(node, type, start, step,imgUp,imgDown,list) {
	if (type == 'up' && getValue(node.node, 'margin-top') < start)
	{
		node.node.style.marginTop = getValue(node.node,'margin-top') + step + 'px';
		node.node.style.height = getValue(node.node,'height') - step + 'px';
	} 
	else if (type == 'down' && getValue(node.node,'height') <= node.offsetHeight)
	{
		node.node.style.marginTop = getValue(node.node,'margin-top') - step + 'px';
		node.node.style.height = getValue(node.node,'height') + step + 'px';
	}
	
	//setObjectAttribute(imgUp, 'className', 'bnta');
	//setObjectAttribute(imgDown, 'className', 'bntb');
}

/*
END特效
*/