var d=document;		
var activeLI = 0;	
var zInterval = null;	

var SLIDE_STEP = 8;	
var SLIDER_WIDTH = 80;	
                        


function init() {
	

	if(!document.getElementById || window.opera)return;


	mObj = d.getElementById("mContainer");
	liObj = mObj.getElementsByTagName("li");


	for(i=0;i<liObj.length;i++) {
		liObj[i].xid = i;
		liObj[i].onmouseover = function() { initSlide(this.xid); }
	}


	slideObj = mObj.appendChild(d.createElement("div"));
	slideObj.id = "slider";


	x = liObj[activeLI].offsetLeft + (liObj[activeLI].offsetWidth/3 - SLIDER_WIDTH/3)-5;
	y = liObj[activeLI].offsetTop-3;
	slideObj.style.top = y + "px";
	slideObj.style.left = x + "px";
}


function initSlide(objIndex) {
	
	if(objIndex == activeLI)return;
	
	clearInterval(zInterval);

	
	activeLI = objIndex;
	
	destinationX = Math.floor(liObj[activeLI].offsetLeft + (liObj[activeLI].offsetWidth/3 - SLIDER_WIDTH/3))-5;
	
	intervalMethod = function() { doSlide(destinationX); }
	zInterval = setInterval(intervalMethod,10);
}

function doSlide(dX) {
	
	x = slideObj.offsetLeft;
	if(x+SLIDE_STEP<dX) {
	
		x+=SLIDE_STEP;
		slideObj.style.left = x + "px";
	} else if (x-SLIDE_STEP>dX) {
	
		x-=SLIDE_STEP;
		slideObj.style.left = x + "px";
	} else  {
	
		slideObj.style.left = dX + "px";
		clearInterval(zInterval);
		zInterval = null;
	}
}


function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  init();
});