//------------------------------------Drop down----------------------------------//

$(document).ready(function(){

	$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled (Adds empty span tag after ul.subnav*)

	$("ul.topnav li span").hover(function() { //When trigger is clicked...
	$('#InnerPage').css('z-index', 100);
	

		//Following events are applied to the subnav itself (moving subnav up and down)
		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().hover(function() {
		}, function(){
			$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
			$('#InnerPage').css('z-index', 98);
			$(".InnerBody ul").css('z-index', 97);
		});

		//Following events are applied to the trigger (Hover events for the trigger)
		}).hover(function() {
			$(this).addClass("subhover"); //On hover over, add class "subhover"
			
		}, function(){	//On Hover Out
			$(this).removeClass("subhover"); //On hover out, remove class "subhover"
			
	});
	
	

});
//------------------------------------End of Drop down----------------------------------//



//-----------IE 6&7 z-index hack---------------//

$(document).ready(function(){
	$(".InnerBody ul").hover(function() {		//When .InnerBody ul is hovered over
		$(this).css('z-index', 99);				//Give .InnerBody ul a z-index of 99
		}, function(){							//When .InnerBody ul is hovered out of
			$(this).css('z-index', 97);			//Give .InnerBody ul a z-index of 50
			$('#InnerPage').css('z-index', 96);	//Give #InnerPage a z-index of 96
		});
});

//------------End of IE Hack---------------------//

//------------------------------------Search Bar----------------------------------//

$(document).ready(function(){	
	$('#searchtoggle').click(function () {
		$('#top-search form').slideToggle(300, function(){
			$('#searchtoggle').toggleClass('up');
		});
        });
 
	$('#top-search .box').focus(function () {
		if($(this).val() == 'Search...') $(this).val('');
        });
	$('#top-search .box').blur(function () {
		if($(this).val() == '') $(this).val('Search...');
        });
});

//-----------------------------------End of Search Bar------------------------------------------//



//------------------------------Modal Box---------------------------------------------------------//

$(document).ready(function() {	

	//select all the a tag with name equal to modal
	$('a[name=modal]').click(function(e) {
		//Cancel the link behavior
		e.preventDefault();
		//Get the A tag
		var id = $(this).attr('href');
	
		//Get the screen height and width
		var maskHeight = $(document).height();
		var maskWidth = $(window).width();
	
		//Set height and width to mask to fill up the whole screen
		$('#mask').css({'width':maskWidth,'height':maskHeight});
		
		//transition effect		
		$('#mask').fadeIn(1000);	
		$('#mask').fadeTo("slow",0.8);	
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();
              
		//Set the popup window to center
		$(id).css('top',  winH/2-$(id).height()/2);
		$(id).css('left', winW/2-$(id).width()/2);
	
		//transition effect
		$(id).fadeIn(2000); 
	
	});
	
	//if close button is clicked
	$('.window .close').click(function (e) {
		//Cancel the link behavior
		e.preventDefault();
		$('#mask, .window').hide();
	});		
	
	//if mask is clicked
	$('#mask').click(function () {
		$(this).hide();
		$('.window').hide();
	});			
	
});

//------------------------------------End of Modal Box----------------------------------//