function abc(name) {	
		return typeof name == 'object' ? name : document.getElementById(name);
	};
	function tag(elem,name) {
    	return (elem || document).getElementsByTagName(name);
	};
	function getStyle( elem, name ) 
	{
    	if (elem.style[name])
        	return elem.style[name];
    	else if (elem.currentStyle)
        	return elem.currentStyle[name];
   	    else if (document.defaultView && document.defaultView.getComputedStyle) {
        	name = name.replace(/([A-Z])/g,"-$1");
        	name = name.toLowerCase();
        	var s = document.defaultView.getComputedStyle(elem,"");
        	return s && s.getPropertyValue(name);} 
	    	else return null;
	};
	function getFirstNodes( obj ){
		var arr = [];
		var i = 0,k=0;
		while(obj.childNodes[i])
		{
			if(obj.childNodes[i].nodeType == 1)
			{
				arr[k] = obj.childNodes[i];
				k = k+1;
			}
			i++;
		}
		return arr;
	};
	var tabs = {
			status: 0,  menu:   null, lists:  null, hc: 'hover', cc: 'focus',
			start: function( menu, lists )
			{
				var nlists = [];
				this.menu  = menu;
				this.lists = lists;
				nlists = this.lists;
				for( var i = 0; i < nlists.length; i++ )
				{
					if(nlists[i].className == this.cc) this.status = i;
					nlists[i].onmouseover = this.hover;
					nlists[i].onmouseout  = this.out;
					nlists[i].onclick     = function(index){
							return function(){tabs.clickb(index);}
						}(i);
				}
			},
			hover: function(){
				if(this != tabs.lists[tabs.status]) this.className = tabs.hc;	
			},
			out: function(){
				if(this != tabs.lists[tabs.status]) this.className = '';	
			},
			clickb: function( currvalue ){
				for(var s = 0 ; s < tabs.lists.length; s++ ){
					tabs.lists[s].className = '';	
				}
				tabs.lists[currvalue].className = tabs.cc;
				tabs.status = currvalue;
				var startV = slider.getleft();
				var finalV = -(currvalue * slider.step);
				slider.move(startV,finalV);
			}
	}
	var slider = {
			step: 0, maxamount: 0, minamount: 0, obj: null, dhtype:'linear', dh: null,
			ready: function(mo)
			{	this.dh = new Motion(this.dhtype, 1000);
				this.obj = getFirstNodes(mo)[0];
				var subo = getFirstNodes(this.obj);
				var w = getStyle(subo[0],'width');
					mo.style['width'] = w;
					this.step = parseInt(w);
					this.maxamount = subo.length;
				var sumWidth =  this.step * subo.length + 'px';
					getFirstNodes(mo)[0].style['width'] = sumWidth;
				var initLeft = this.step * tabs.status;
					this.move(0,-initLeft);
					/*this.arrowbehavior();*/
			},
			move: function(star,end){
				slider.dh.onTweening = function(){
					slider.obj.style['left'] = this.equation(star, end) + 'px';
				}
				slider.dh.start();
			},
			getleft: function(){
				return parseInt(getStyle(slider.obj,'left'));	
			},
			arrowbehavior: function(){
				/*$('arrowL').style['display'] = 'block';
				$('arrowR').style['display'] = 'block';
				var arrowL = tag($('arrowL'),'a')[0],
					arrowR = tag($('arrowR'),'a')[0];
				arrowR.onclick = function(){
					var st = tabs.status + 1;
					if(st == slider.maxamount) st = slider.minamount;
					tabs.clickb(st);
					return false;
				}
				arrowL.onclick = function(){
					var st = tabs.status - 1;
					if(st == -1)  st = slider.maxamount -1;
					tabs.clickb(st);
					return false;
				}*/
			}
	}
	window.onload = function()
	{
		var menu  = abc('goldR114Menu'),
			lists = tag(menu,'li');
			tabs.start( menu, lists );
		var sliderBox = abc('sliderPanel');
		/*var selectDHType = document.forms['montionForm'].elements['motiontype'];
			selectDHType.onchange = function()
			{
				slider.dhtype = this.value;
				slider.ready( sliderBox );
			}*/
			slider.dhtype = 'backOut';
			slider.ready( sliderBox );
	}