window.onload = function()
{
    if(document.getElementById("news-tabs")){init();}
}

function init()
{
    //alert("init");
    /*document.getElementById('news-tab-1').addEventListener('click',function(e){e.preventDefault();doOurTabTool('1');return false},false);*/
	/* Issues with IE on addEventListener */
	
    //IE/FF event delegation
	document.getElementById('news-data-1').style.display = "block";
    document.getElementById('news-tab-1').onclick = function ()
    {
        doOurTabTool('1'); 
        return false
    };

    document.getElementById("news-data-2").style.display = "none";
    document.getElementById('news-tab-2').onclick = function ()
    {
        doOurTabTool('2');
        return false
    };
    
    document.getElementById("news-data-3").style.display = "none";
    document.getElementById('news-tab-3').onclick = function ()
    {
        doOurTabTool('3'); 
        return false
    };
}

function doOurTabTool( oTab )
{

    switch( oTab )
    {
        case "3":
            document.getElementById("news-data-1").style.display = "none";
            document.getElementById("news-data-2").style.display = "none";
            document.getElementById("news-data-3").style.display = "block";
            document.getElementById("news-tab-1").style.background = "url(images/metro-news-tabs-off.png)";
            document.getElementById("news-tab-2").style.background = "url(images/metro-news-tabs-off.png)";
            document.getElementById("news-tab-3").style.background = "url(images/metro-news-tabs-on.png)";
        break;
        
        case "2":
            document.getElementById("news-data-1").style.display = "none";
            document.getElementById("news-data-2").style.display = "block";
            document.getElementById("news-data-3").style.display = "none";
            document.getElementById("news-tab-1").style.background = "url(images/metro-news-tabs-off.png)";
            document.getElementById("news-tab-2").style.background = "url(images/metro-news-tabs-on.png)";
            document.getElementById("news-tab-3").style.background = "url(images/metro-news-tabs-off.png)";
        break;
        
        default:
            document.getElementById("news-data-1").style.display = "block";
            document.getElementById("news-data-2").style.display = "none";
            document.getElementById("news-data-3").style.display = "none";
            document.getElementById("news-tab-1").style.background = "url(images/metro-news-tabs-on.png)";
            document.getElementById("news-tab-2").style.background = "url(images/metro-news-tabs-off.png)";
            document.getElementById("news-tab-3").style.background = "url(images/metro-news-tabs-off.png)";
    }
}