$(document).ready(function() {
	
	$('.options').hover(function() {
				$(this).addClass('selected');
			}, function() {
				$(this).removeClass('selected');
			});
	
		if (jQuery.browser.msie && jQuery.browser.version == "6.0") {
		
	} else {
		$("#our-journey a").append("<em></em>");

	   	$("#our-journey a").hover(function() {
	   		$(this).find("em").animate({opacity: "show", top: "-80"}, "slow");
	   		var text = $(this).attr("title");  // Grab the title attribute from the anchor tag and place it in a javascript variable arbitrarily named "text". "text" now holds the information
	   		$(this).find("em").text(text);  // place "text" inside <em>. 
	   	}, function() {
	   		$(this).find("em").animate({opacity: "hide", top: "0"}, "slow");
	   	});
	}

	//when hovering over link
  	$('#main-nav ul li').hover(function() {
	var currentID = $(this).attr("id"); 
		$("#drop-"+currentID).css("display", "block");
        $(this).addClass('hover'); 
        return false;
     }, function(){
        $(this).removeClass('hover'); 
		var currentID = $(this).attr("id");
		$("#drop-"+currentID).css("display", "none");
     }); 
     
    //when hovering over the drop down
    $('.drop').hover(function() {
		var dropId = $(this).attr("id");
		var theId = dropId.substr(5);
		$(this).css("display", "block");
        $("#"+theId).addClass('hover'); 
        return false;
     }, function(){
		 var dropId = $(this).attr("id");
		 var theId = dropId.substr(5);
         $(this).css("display", "none");
         $("#"+theId).removeClass('hover'); 
     });
	
		
			
	
});