$(document).ready(function(){
	
////////////////////////////////////
////////////////////////////////////
// Settings
////////////////////////////////////

// width of columns inside mega dropdown. Does NOT set the width. This is used to calculate the appropriate width for the dropdown containers.
var mega_dropdown_col_width = 200;
// defines the element, such as table or div that is the outer edge of the template. Replace #wrapper with id or class of element.
var mega_template_container = $("#main-container");

////////////////////////////////////
////////////////////////////////////
// End Settings
////////////////////////////////////

var mega_template_container_width = $(mega_template_container).width();

// set width of .mega_content dropdowns in horizontal nav
$("#mega_menu .mega_content").each(function(){
	$this = $(this);
	var curr_number_of_columns = $this.find("div").length;
	var curr_mega_content_width = (curr_number_of_columns * mega_dropdown_col_width);
	if(curr_number_of_columns == 1){curr_mega_content_width = curr_mega_content_width - 10;}
	curr_mega_content_width = curr_mega_content_width + "px";
	$this.css("width",curr_mega_content_width);
	// give left border to first column
	$this.find("div:first").css("border-left","1px solid #6C6B6B");
        $this.find("div:first").css("padding-left","15px");
});

existing_template_position = $(mega_template_container).offset();
existing_template_left_margin = existing_template_position.left;
$(".mega").each(function(){
	$this = $(this);
	// if browser is ie6, add iframe beneath dropdown so that it appears over select boxes
	
/*	if($.browser.msie && $.browser.version=="6.0") {
		var ie6_iframe = "<iframe class='mega_cover_select' />";
		$(this).prepend(ie6_iframe);
		var mega_height_to_match = $(this).height;
		$(".mega_cover_select").css("height",mega_height_to_match);
	}
*/
	var curr_mega_content_width = $this.find(".mega_content").width();
	// if dropdown is greater than half of screen width, then place in center
	if(curr_mega_content_width >= mega_template_container_width/2 ){
		var desired_left_value = (mega_template_container_width - curr_mega_content_width)/2;
		var existing_position = $this.offset();
		var existing_left_position = existing_position.left;
		var existing_left_inside_template_position = existing_left_position - existing_template_left_margin;
		var left_position_adjustment = ((existing_left_inside_template_position - desired_left_value) * -1) + "px";
		// dont' center the dropdown if it's too close to the edge
		if($this.hasClass("mega_right_align") == false && $this.hasClass("no_auto_center") == false){
			$this.find(".mega_content").css("left",left_position_adjustment);
		} 
		// desired_left_value > existing_left_inside_template_position
	}
	
// assign right position to dropdown so that it stays on screen
	if($this.hasClass("mega_right_align")) {
			// get width of mega_content
			var curr_mega_width = $this.width();
			if(curr_mega_content_width < 498 || existing_left_inside_template_position > $this.width()){
				var curr_left_value = -1 * (curr_mega_content_width - curr_mega_width + 2);
				// assign CSS left property to mega content
				$this.find(".mega_content").css("left",curr_left_value);
			} //if
		} // if
	} //function
); // each

// change class on hover to cause dropdown
$(".mega").hover(
		function(){
			$(this).addClass("hovering");
			var curr_background_color = $(this).find("a:first").css("background-color");
			$(this).css("background-color",curr_background_color);},
		function(){
			$(this).removeClass("hovering"); 
			$(this).css("background-color","transparent");}
);

}); // ready