var selectedID;
var selectedMenu;
var pageName;

/*************************************************************************
Change header line color
**************************************************************************/
function changeline(gifname, menuID, itemId, pagename, title)
{
    $('#headerline').css('background', 'repeat #FFFFFF url(images/buttonline_' + gifname + '.gif)');
    $('#headerline_img').attr('src', 'images/header_line_' + gifname + '.gif');
    $('#banner_txt').css('background', 'no-repeat #FFFFFF url(images/banner' + gifname + '_txt.jpg)'); 
    $('#banner_pix').css('background', 'no-repeat #FFFFFF url(images/banner' + gifname + '_pix.jpg)'); 
    $('#buttonline').css('background', '#FFFFFF url(images/buttonline_' + gifname + '.gif)');     

    if(title != '') {
        $('#banner_txt').html(title);
    }

    $('#greyline').css('background', 'url(images/greyline_' + gifname + '.gif)');     
    $("dd").hide();
    
    if(menuID != -1) {
        $("#divSub"+menuID).show();
        $("#menu"+menuID+itemId).css("background-color", backColor[menuID]);
        selectedID = "menu"+menuID+itemId;
        selectedMenu = menuID;
    }
    else {
        selectedID = null;
        selectedMenu = null;
    }
    
    pageName = gifname;
}

function changegreyline(){
    $('#greyline').css('background', 'url(images/greyline_' + pageName + '.gif)');     
}

function on(id, menuID){
	document.getElementById(id).style.backgroundColor = backColor[menuID];
}
function off(id){    
	if (id != selectedID) {
	    //document.getElementById(id).style.backgroundColor = '#C0C0C0';
        document.getElementById(id).style.backgroundColor = '#FFFFFF';
	}
}