winnerjQuery = jQuery.noConflict(true);
winnerjQuery(document).ready(function(winnerjQuery){
	/* ~~~~~ Main Tabs: drop down drawer ~~~~~~~~~~~~~~~ */
	
	var menuExists =  [];
	winnerjQuery('#mainTabsNew a.tabBG').each(function(){
           //the css is handling the mouseover effect as well, but this allows us to go get the what's hot via ajax
		   //i orginally had the whole menu ajaxed in, but it was slow
		   var currentTab = winnerjQuery(this).attr('id'); 
		   var genre = currentTab.toLowerCase().replace('nav_','');
           var HTMLLocator = '.nav_'+genre+'_dropdown .whatsHotMenuSection';
           var HTMLMenuLocator = '.nav_'+genre+'_dropdown .dropdownMenuSection';
           
           //see if the menu doesn't exist
	       if (winnerjQuery.inArray(genre, menuExists) == -1){
                //if it doesnt exist call for it and append it to exists array	
                //find it in the JSON object and push it into the page        
		        winnerjQuery(HTMLLocator).html(eval('dropdownJSON.'+genre));
		        winnerjQuery(HTMLMenuLocator).html(eval('dropdownMenuJSON.'+genre));
		        menuExists.push(genre);
            }  
	});
	/* ~~~~~ END: Main Tabs: drop down drawer ~~~~~~~~~~ */
});