// JavaScript Document Drop Down Menu

$(document).ready(function () {
//1. Remove the existing CSS drop down menu


//2. Create hover effect

 
//3. Hide the Divs
    $('div#dropDownMenu div#costumeRange').hide();
	$('div#dropDownMenu div#accessoriesRange').hide();
//4. Show the Background

/*

    $('#menuItemCostume').mouseover(function () {
		$('div#dropDownMenu div#accessoriesRange').stop(true, true).fadeOut();
		$('div#dropDownMenu div#costumeRange').fadeIn();
		
    });
	$('.costumeLink').click(function () {
		$('div#dropDownMenu div#accessoriesRange').stop(true, true).fadeOut();
		$('div#dropDownMenu div#costumeRange').fadeIn();
		
		
    });
	
	$('#menuItemAccessories').mouseover(function () {
		$('div#dropDownMenu div#costumeRange').stop(true, true).fadeOut();
		$('div#dropDownMenu div#accessoriesRange').fadeIn();
		
	});
	$('.accessoriesLink').click(function () {
	    $('div#dropDownMenu div#costumeRange').stop(true, true).fadeOut();
		$('div#dropDownMenu div#accessoriesRange').fadeIn();
		
	});
	
	$('#menuItemHome, #menuItemContact, .contactLink, #viewerList, #accessoriesList, #accessoriesDetail, #costumeList, #costumeDetail, #footer, #locationInfo, #googleMap, #viewerFrame')
	    .mouseover(function () {
	    $('div#dropDownMenu div#accessoriesRange, div#dropDownMenu div#costumeRange').fadeOut();
		
	});
		
*/
	
//5. Show the appropriate options

//6. set 
							 
							 
});