var aImages = ['images/hubcitynews.jpg','images/shannonnews1.jpg','images/dallasnewsbanner.jpg',];
var aText = ['2010 Fat Tuesday Street Race Hub City Dragway, Hattiesburg, MS','Michael Bankston addresses 2010 plans for the \'09 David James Camaro ','Bankston Boyz, as One Season Ends Another Begins at Texas Motorplex ',];
var aNewsLinks = ['news24.aspx','news23.aspx','news22.aspx',];
var myNewsItem = 1;

function getNext()
{
    myNewsItem++;

    if(myNewsItem == 4)
        myNewsItem = 1;

    var iIndex = myNewsItem - 1; 


    document.getElementById("news").style.backgroundImage = "url(" + aImages[iIndex] + ")";
    document.getElementById("newstext").innerHTML = aText[iIndex];    
    document.getElementById("newslink").href = aNewsLinks[iIndex];
           
}

function getPrev()
{
    
    myNewsItem--;
    if(myNewsItem == 0)
        myNewsItem = 3;
    var iIndex = myNewsItem - 1;
    
    document.getElementById("news").style.backgroundImage = "url(" + aImages[iIndex] + ")";
    document.getElementById("newstext").innerHTML = aText[iIndex];    
    document.getElementById("newslink").href = aNewsLinks[iIndex];
           
}

function swap(elementID, imageURL)
{
    document.getElementById(elementID).src = imageURL; 
}


var timeout = 35;
var aLinks = new Array("lHome", "ldrivers", "lSchedule", "lGallery", "lVideos", "lHistory", "lResults", "lContact");
var aDivs = new Array("drivers_roll", "drivers_roll2");
var aTDs = new Array("d0", "d1", "d2", "d3");

function showmenu(divID, linkID, tableID)
{
	hideall();
	var i = 0;
    var obj;
	
	DisplayElement(divID);
	
	setElementLeft(linkID, divID);
	ShowTable(0, tableID, divID);
	
	for (i=0;i<aLinks.length;i++)
	{
		NormalNavLink(aLinks[i]);
	}
	
	BoldNavLink(linkID);	    
}

function ShowTable(i, myTableID, divID)
{
    var index = i;
    var myTable = document.getElementById(myTableID);
    if(index < myTable.rows.length)
    {
        var obj = myTable.rows[index].cells[0];
	    DisplayElement(obj.id);
	    index++;
	    setTimeout('ShowTable(' + index + ', \'' + myTable.id + '\', \'' + divID + '\')', timeout);
    }
}

function hideall()
{
	var i = 0;

	for (i=0;i<aDivs.length;i++)
	{
		HideElement(aDivs[i]);
	}

	for (i=0;i<aTDs.length;i++)
	{
		HideElement(aTDs[i]);
	}
	
	for (i=0;i<aLinks.length;i++)
	{
		BoldNavLink(aLinks[i]);
	}
}

function DisplayElement(elementID)
{
    document.getElementById(elementID).style.display = 'inline';
}

function HideElement(elementID)
{
    document.getElementById(elementID).style.display = 'none';
}

function NormalNavLink(elementID)
{
    document.getElementById(elementID).style.color = '#d0d0d0';
}

function BoldNavLink(elementID)
{
    document.getElementById(elementID).style.color = '#ffffff';
}

function Light(elementID)
{
    //document.getElementById(elementID).style.backgroundColor = "#2752DA";
}

function Dark(elementID)
{
    //document.getElementById(elementID).style.backgroundColor = "#021B6B";
}

function SetTableWidth(GridView, Paging)
{
    document.getElementById(Paging).style.width = document.getElementById(GridView).offsetWidth;
}

function setElementLeft(Elem, SubElem)
{
    	var myElement = document.getElementById(SubElem);
    	myElement.style.left = getElementLeft(Elem);
}

function getElementLeft(Elem) {
    var elem;
	if(document.getElementById) {
		var elem = document.getElementById(Elem);
	} else if (document.all){
		var elem = document.all[Elem];
	}
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
  		tempEl = tempEl.offsetParent;
	}
	return xPos;
}


function getElementTop(Elem) {
	if(document.getElementById) {	
		var elem = document.getElementById(Elem);
	} else if (document.all) {
		var elem = document.all[Elem];
	}
	yPos = elem.offsetTop;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
  		tempEl = tempEl.offsetParent;
	}
	return yPos;
}

function closeInfo(myEL)
{
    HideElement("trans");
    HideElement(myEL);
}

function showInfo(myEl)
{
    
    var myElement2 = document.getElementById("trans");
    myElement2.style.left = getElementLeft("content");
    myElement2.style.top = getElementTop("content");
     
    DisplayElement("trans");

     var myElement = document.getElementById(myEl);
     myElement.style.left = getElementLeft("trans") + 225;

  
    DisplayElement(myEl);
    openDiv(0, 0, myEl);
}

function openDiv(x, y, myEl)
{
    if (x < 200)
    {
        var x2 = x + 20;
        var y2 = 2 * x2;
        var myElement = document.getElementById(myEl);
        myElement.style.height = x2;
        myElement.style.width = y2;
        setTimeout('openDiv(' + x2 + ', ' + y2 + ', \'' + myEl + '\')', 20);
    }
}