//<![CDATA[

/** Below deals with the hover box under the General link 

Notes: to initialize, your html body tag should contain a
onload="hide(this);
<body onload="hide(this);">
**/
function hide()
{

        document.getElementById('hover_box1').style.display='none'; //show data sent message 
        document.getElementById('hover_box2').style.display='none'; //show data sent message
        document.getElementById('hover_box3').style.display='none'; //show data sent message
        document.getElementById('hover_box4').style.display='none'; //show data sent message

}

function flip_a()
{
    hide();
    
    if (document.getElementById('hover_box1').style.display !== 'block') //if it doesnt already show 
    {
        document.getElementById('hover_box1').style.display='block'; //show data sent message
        document.getElementById('hover_box1').style.width='234px'; //show data sent message
       
    }
}

function flip_b()
{
    hide();
    
    if (document.getElementById('hover_box2').style.display !== 'block') //if it doesnt already show 
    {
        document.getElementById('hover_box2').style.display='block'; //show data sent message
        document.getElementById('hover_box2').style.width='194px'; //show data sent message
       
    }
}


function flip_c()
{
    hide();
    
    if (document.getElementById('hover_box3').style.display !== 'block') //if it doesnt already show 
    {
        document.getElementById('hover_box3').style.display='block'; //show data sent message
        document.getElementById('hover_box3').style.width='125px'; //show data sent message
       
    }
}

function flip_d()
{
    hide();
    
    if (document.getElementById('hover_box4').style.display !== 'block') //if it doesnt already show 
    {
        document.getElementById('hover_box4').style.display='block'; //show data sent message
        document.getElementById('hover_box4').style.width='155px'; //show data sent message
       
    }
}


/** Below deals with the tab flipping on the Prizes page 

Notes: to initialize, your html body tag should contain a
flip('ID_you_want_initially_on','Link_ID_you_want_initially_on');"> declaration, eg:
<body onload="flip('body_player_prizes','link_player_prizes');hide(this);">
**/
function flip (myID,myLinkID){
    if (document.getElementById) { /*if can do JS*/
        /* Hide all panels via JS.*/            
        document.getElementById('body_player_prizes').style.display='none';
        document.getElementById('body_team_prizes').style.display='none';                
        document.getElementById('body_fan_prizes').style.display='none';


        /* Here we do the work   */        
        link_class_modifier(myLinkID);                          // Do the link changeing
        document.getElementById(myID).style.display='block';    // Display the chosen panel
        
        return false;    
    }
    else {  
        return true; 
    }
}
            
            
function link_class_modifier(myLinkID){
    if (document.getElementById) { /*if can do JS*/
        /* Set all link styles to link_off via JS.*/            
        document.getElementById('link_player_prizes').className='link_off';
        document.getElementById('link_team_prizes').className='link_off';         
        document.getElementById('link_fan_prizes').className='link_off';          

        /* Here we do the work   */        
        document.getElementById(myLinkID).className='link_on';   // Set selected link style to link_on
        return false;    
    }
    else {  
        return true; 
    }
}
            

//]]>