// JScript File
var m_Current_Image = null;
var m_New_Image = null;
var m_Current_Left_Call = function(){MoveNextLeft(false);};
var m_RollingImages = new Array(new Array('Images/Movies/car.png','CARDisplayTextDiv'),new Array('Images/Movies/caravan.png','CARAVANDisplayTextDiv'));
var m_Text_Displayed = false;
var m_AnimatedDiv = null;

var m_Left_Array_Pos = -1;


var m_Pause_Time = 5000;
var m_Current_Pause_Time = 50;

var m_Is_IE = false;

function StartAnim()
{
    m_AnimatedDiv = document.getElementById("floatingDiv");
    //need to fix issue with ie and png
    if (!document.body.addEventListener)
    {
        m_Is_IE = true;
        document.getElementById("animationDiv").className = "DisplayAnimationDivIEStyle";
        var oOuter = document.getElementById("outerCircle");
        oOuter.childNodes[0].src = "Images/spacer.gif";
        oOuter.childNodes[0].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/Movies/Outer_Circle.png',sizingMethod='scale')";
    }
	MoveNextLeft(true);
}

function MoveNextLeft(newItem)
{
	if(newItem == true)
	{
		m_Left_Array_Pos++;
		if(m_Left_Array_Pos == m_RollingImages.length)
		{
			m_Left_Array_Pos = 0;
		}
		var oItem = m_RollingImages[m_Left_Array_Pos][0];
		if(oItem && oItem != "undefined")
		{
			if(m_Is_IE == true)
			{
			    if(m_AnimatedDiv.childNodes.length == 0)
			    {
			        var oImg = document.createElement("img");
			        //oImg.src = oItem;
			        oImg.src = "Images/spacer.gif";
			        oImg.width="256";
			        oImg.height="256";
			        oImg.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+oItem+"',sizingMethod='scale')";
			        m_AnimatedDiv.appendChild(oImg);
			    }
			    else
			    {
			       m_AnimatedDiv.childNodes[0].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+oItem+"',sizingMethod='scale')";
			    }
			}
			else
			{
			    m_AnimatedDiv.style.backgroundImage = "url("+oItem+")";
			}
		}
	}
	window.setTimeout(MoveImageLeft,1);
}

function MoveImageLeft()
{
	var currentLeftValue = m_AnimatedDiv.style.left.replace("px","");
	if(currentLeftValue == "")
	{
	    if(m_Is_IE == false)
	        currentLeftValue = window.getComputedStyle(m_AnimatedDiv,null).left.replace("px","");
	    else
	        currentLeftValue = m_AnimatedDiv.currentStyle.left.replace("px","");
	}
	if(parseInt(currentLeftValue) == 0 && m_Current_Pause_Time > 0)
	{
	    if(m_Is_IE == true)
	    {
	        m_Current_Pause_Time = m_Current_Pause_Time - 20;
	    }
	    else
	    {
		    m_Current_Pause_Time--;
		}
		//Now need to populate text for item
		if(!m_Text_Displayed)
		{
			var oTextSpan = document.getElementById("textSpan");
			var oText = document.getElementById(m_RollingImages[m_Left_Array_Pos][1]);
			oTextSpan.innerHTML = oText.innerHTML;
			m_Text_Displayed = true;
		}
	}
	else
	{
		m_Text_Displayed = false;
		m_Current_Pause_Time = m_Pause_Time;
		if(m_Is_IE == true)
	    {
            m_AnimatedDiv.style.left = parseInt(currentLeftValue) - 3; 
        }
        else
        {
            m_AnimatedDiv.style.left = parseInt(currentLeftValue) - 1; 
        }
	}
	if(parseInt(currentLeftValue) > -180)
	{
		MoveNextLeft(false);
	}
	else
	{
		m_AnimatedDiv.style.left = "180px";
		MoveNextLeft(true);
	}
}

//if (document.body.addEventListener)
//{
//  // firefox will run this
//  document.body.addEventListener('load',StartAnim,true);
//}
//else if (document.body.attachEvent)
//{
//  // IE will run this
//  //document.body.attachEvent('onload',StartAnim);
//  document.body.onload = StartAnim;
//}
//else
//{
//  document.body.onload = StartAnim;
//}