function rollOver(element) {
    //change the colour
    //element.className += (element.className?' ':'') + 'CSStoHighlight';

    if (element.id == 'top_item' || element.id == 'basket_top'){
        if (element.hideselect){
            hideSelect();
        }
        element.className += (element.className?' ':'') + 'TopCSStoHighlight';
    } else if (element.id == 'top_item_small'){
        element.className += (element.className?' ':'') + 'SmallTopCSStoHighlight';
    } else {
        element.className += (element.className?' ':'') + 'CSStoHighlight';
        if (element.hideselect){
            hideSelect();
        }
    }

    //change display of child
    for( var x = 0; element.childNodes[x]; x++ ){
        if( element.childNodes[x].tagName == 'DIV' ) { element.childNodes[x].style.display = 'inline'}
        if( element.childNodes[x].tagName == 'UL' ) { element.childNodes[x].className += (element.childNodes[x].className?' ':'') + 'CSStoShow'; }
        if( element.childNodes[x].tagName == 'A' ) { element.childNodes[x].className += (element.childNodes[x].className?' ':'') + 'CSStoHighLink'; }
    }
}

function rollOff(element) {
    //change the colour
    if (element.id == 'top_item' || element.id == 'basket_top'){
        if (element.hideselect){
            showSelect();
        }
        element.className = element.className.replace(/ ?TopCSStoHighlight$/,'');
    } else if (element.id == 'top_item_small'){
        element.className = element.className.replace(/ ?SmallTopCSStoHighlight$/,'');
    } else {
        element.className = element.className.replace(/ ?CSStoHighlight$/,'');
        if (element.hideselect){
            showSelect();
        }
    }

    //element.className = element.className.replace(/ ?CSStoHighlight$/,'');
    //change display of child
    for( var x = 0; element.childNodes[x]; x++ ){
            if( element.childNodes[x].tagName == 'UL' ) { element.childNodes[x].className = element.childNodes[x].className.replace(/ ?CSStoShow$/,''); }
            if( element.childNodes[x].tagName == 'A' ) { element.childNodes[x].className = element.childNodes[x].className.replace(/ ?CSStoHighLink$/,''); }
    }
}

$(document).ready(function (){
    if (jQuery.browser.msie){
        $('ul.nav_box li').mouseover(function (){
            rollOver(this);
        });
        $('ul.nav_box li').mouseout(function (){
            rollOff(this);
        });
    }
})