var maxUnit = -200; //to be edited
var startUnit = -200; //to be edited
var obj = null;
var xSpeed = 10; //to be edited
var slideTimer = 0;
var slideOutTimer = 0;
var isImageHover = false;
var pause = 0; //to be edited

/*
Automatic Slide when the page initially loads up
*/
function initSlide(id, startU, maxU, xS, p)
{
    pause = p;
    startSlide(id,startU,maxU,xS);
    slideOutTimer = setTimeout("stopSlide('" + id + "', " + startU + ", " + xS + ")",pause);
}

function startSlide(id, startU, maxU, xS)
{
    stopAllTimer();
    maxUnit = maxU;
    startUnit = startU;    
    xSpeed = xS;
    obj = getObject(id);
    slideRight();
}

function stopAllTimer()
{
    clearTimeout(slideOutTimer);
    clearTimeout(slideTimer);
}

function showSlideItem()
{
    stopAllTimer();
    slideRight();//continue sliding right
}

function stopSlide(id, startU, xS)
{
    xSpeed = xS;
    obj = getObject(id);
    slideOutTimer = setTimeout("endSlideTimer(" + startU + ")",1000);    
}

function endSlideTimer(startU)
{
    clearTimeout(slideTimer);   
    slideLeft(startU);    
}

function slideRight()
{	
	if(startUnit < maxUnit)
	{
	    if(startUnit + xSpeed > maxUnit)
	        startUnit = maxUnit;
	    else
	        startUnit = startUnit + xSpeed;
	    
		obj.style.left = startUnit + 'px';		
		slideTimer = setTimeout("slideRight()",1);
		
	}			
}

function slideLeft(startU)
{
    if(startU < startUnit)
    {
        if(startUnit - xSpeed < startU)
            startUnit = startU;
        else
            startUnit = startUnit - xSpeed;
        obj.style.left = startUnit + 'px';		
	    slideOutTimer = setTimeout("slideLeft(" + startU + ")",1);
	}
}
/*
function getObjectHtml(id)
{
    if (dom) return document.getElementById(id);
    if (ie4) return document.all[id];
    if (nn4) return document.layers[id];
}*/