jQuery(window).load(function(){
    
    //top nav
    var initialPos;
    var backt;
    
    
    if(typeof menuItem != 'undefined'){
        
        jQuery('#' + menuItem).addClass('sel');
        var pos = jQuery('#' + menuItem).position();
        initialPos = pos;
        jQuery('#sel-left').css({
            'left': pos.left - 32 + 'px'
        }).show();
        
        jQuery('#sel-right').css({
            'left': pos.left  + jQuery('#' + menuItem).width() + 'px'
        }).show();
        
        jQuery('#' + menuItem + ' img').attr('src','images/nav/btn-' + menuItem + '-hover.jpg');
    }	
	

    
    jQuery('#menu a').hover(function(){
        
        var that = jQuery(this);
        clearTimeout(backt);
        
        var pos = jQuery(this).position();
        jQuery('#sel-left').css({
            'left': pos.left - 32 + 'px'
        }).show();
        
        jQuery('#sel-right').css({
            'left': pos.left  + jQuery(this).width() + 'px'
        }).show();
        
    }, function(){
        if(typeof menuItem != 'undefined'){
            if(jQuery(this).attr('id') != menuItem){
                var that = jQuery(this);
                
                backt = setTimeout( function(){
                    jQuery('#sel-left').css({
                        'left': initialPos.left - 32 + 'px'
                    }).show();
                    
                    jQuery('#sel-right').css({
                        'left': initialPos.left  + jQuery('#' + menuItem).width() + 'px'
                    }).show();
                }, 500
                );
                
            }
        } else {
            var that = jQuery(this);
                //that.find('img').attr('src', 'images/nav/btn-' + that.attr('id') + '.jpg');
                backt = setTimeout( function(){
                    jQuery('#sel-right').hide();
                    jQuery('#sel-left').hide();
                }, 300
                );
                    
        }
    });
	
	

	
	
	
	
	
    
});

