// the hover on the menu display the menu item in large type

$JQ(document).ready(function(){

	// navigation 
    $JQ('#hoverMenuItem').hide();				
    $JQ('#navigation ul li a').hover(function(){
		var str = $JQ(this).text();
        $JQ('#hoverMenuItem').show().text(str);
    }, function(){
        $JQ('#hoverMenuItem').hide();
    });
	
	// best behavior logo area
	$JQ('#bestBehaviorLogoArea').hide();				
    $JQ('#logo a').hover(function(){
        $JQ('#bestBehaviorLogoArea').show();
    }, function(){
        $JQ('#bestBehaviorLogoArea').hide();
    });
    
    // add wmode transparent to embed objects
    // bottom navigation and logo hover is behind the embed media in smart text area
   
    var flashObj = $JQ("object");   
    var embedObj = $JQ("embed");
    
    $JQ(flashObj).prepend('<param name="wmode" value="transparent" />');
    $JQ(flashObj).css("position","relative");
    $JQ(embedObj).attr("wmode","transparent");
    
    // 100% bottom menu
 
/*
    var navWidth = 950;
    var elementItems = $JQ('#navigation ul > li').size();

	var width;
	var total=0;
	var firstOne = $JQ('#navigation ul li').width();
	
	$JQ('#navigation ul li').each(function() { 
	    var width = $JQ(this).width();
	    total += width;					
	});
	
    var minusPadding = elementItems*14;
	total -= minusPadding;
	total -= firstOne;
	
	var marginWidth = total/elementItems;
    $JQ('#navigation ul li').css('margin-right',marginWidth);	
   	$JQ('#navigation ul li a').css('padding','2px 7px');
  
      */
    
});