jQuery.noConflict();

jQuery(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 = 211;
// 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 = jQuery("#templ-header");
// enter a comma separated list of category type foreign ids corresponding to the category types whose mega menu should be aligned left with no auto center.
var no_auto_center = [19,10];
// enter a comma separated list of category type foreign ids corresponding to the category types whose mega menu should be aligned right.
var align_right = [7,2]

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

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

// add class names to top level li's so that later statements can use class names to properly align dropdowns
// no_auto_center
jQuery(".mega").each(function(){
	var curr_id = jQuery(this).attr("id");
	curr_id = parseInt(curr_id);
// jQuery.inArray(4,data)
var no_auto_center_test = jQuery.inArray(curr_id, no_auto_center);
	if(no_auto_center_test != -1) {
		jQuery(this).addClass("no_auto_center");
	}
var align_right_test = jQuery.inArray(curr_id, align_right);
	if(align_right_test != -1) {
		jQuery(this).addClass("mega_right_align");
	}
});


// set width of .mega_content dropdowns in horizontal nav
jQuery("#mega_menu .mega_content").each(function(){
	jQuerythis = jQuery(this);
	var curr_number_of_columns = jQuerythis.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";
	jQuerythis.css("width",curr_mega_content_width);
	// give left border to first column
	jQuerythis.find("div:first").css("border-left","1px solid #6C6B6B");
        jQuerythis.find("div:first").css("padding-left","10px");
});

existing_template_position = jQuery(mega_template_container).offset();
existing_template_left_margin = existing_template_position.left;
jQuery(".mega").each(function(){
	jQuerythis = jQuery(this);
	// if browser is ie6, add iframe beneath dropdown so that it appears over select boxes
	
/*	if(jQuery.browser.msie && jQuery.browser.version=="6.0") {
		var ie6_iframe = "<iframe class='mega_cover_select' />";
		jQuery(this).prepend(ie6_iframe);
		var mega_height_to_match = jQuery(this).height;
		jQuery(".mega_cover_select").css("height",mega_height_to_match);
	}
*/
	var curr_mega_content_width = jQuerythis.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 = jQuerythis.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(jQuerythis.hasClass("mega_right_align") == false && jQuerythis.hasClass("no_auto_center") == false){
			jQuerythis.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(jQuerythis.hasClass("mega_right_align")) {
			// get width of mega_content
			var curr_mega_width = jQuerythis.width();
			if(curr_mega_content_width < 498 || existing_left_inside_template_position > jQuerythis.width()){
				var curr_left_value = -1 * (curr_mega_content_width - curr_mega_width + 2);
				// assign CSS left property to mega content
				jQuerythis.find(".mega_content").css("left",curr_left_value);
			} //if
		} // if
	} //function
); // each

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

}); // ready