YAHOO.namespace('menu_slider');
YAHOO.menu_slider.main = {

	YE:		YAHOO.util.Event,
	Dom:	YAHOO.util.Dom,
	$:		YAHOO.util.Dom.get,
	param:	22,

	run: function(){
		setTimeout(ms.init, 500);
	},

	init: function(){
		var catmenu = ms.$('catmenu');
		if(catmenu){
			ms.ulEl = catmenu.getElementsByTagName('ul')[0];

			ms.arrow = document.createElement('img');
			ms.arrow.id = 'arrow';
			ms.arrow.src = 'http://sitebuilder.btcustomerstreet.com/images/themes/pointer.png';
			ms.arrow.alt = 'Pointer Arrow';
			document.body.appendChild(ms.arrow);
			ms.Dom.setStyle(ms.arrow, 'position', 'absolute');

			ms.this_page = ms.Dom.getElementsByClassName('this_page', 'li', ms.ulEl);
			ms.this_page = ms.this_page[0];
			if(ms.this_page){
				var thisReg = ms.Dom.getRegion(ms.this_page);
				var halfPos = (thisReg.right - thisReg.left) / 2;
				var newPos = (thisReg.left + halfPos) - ms.param;
				ms.top_val = thisReg.top + 1;
				ms.Dom.setStyle(ms.arrow, 'top', ms.top_val+'px');
				ms.Dom.setStyle(ms.arrow, 'left', newPos+'px');
				ms.YE.on(ms.this_page, 'mouseover', ms.move_arrow, ms.this_page);
			}

			var liEls = ms.ulEl.getElementsByTagName('a');
			var liLen = liEls.length;
			for(var i=0;i<liLen;i++){
				ms.YE.on(liEls[i], 'mouseover', ms.move_arrow, liEls[i]);
			}
		}
	},

	move_arrow: function(e, liEl){
		var thisReg = ms.Dom.getRegion(liEl);
		var halfPos = (thisReg.right - thisReg.left) / 2;
		var newPos = (thisReg.left + halfPos) - ms.param;
		var newAnim = new YAHOO.util.Motion(ms.arrow,
			{
				points: { to: [newPos, ms.top_val] }
			}, 0.5, YAHOO.util.Easing.easeOut
		);
		newAnim.animate();
	}
}
ms = YAHOO.menu_slider.main;
ms.YE.onDOMReady(ms.run);