/*window.onload = (function(){
try{*/

$(document).ready(function(){

	/* MENU TOP */
	
	$("#natorTab > ul > li a").each(function()
	{
		//console.log($(this).css("width"));
	});
	var DOM = $(this).find('ul.submenu');
	DOM.hide();
	
	$( "div#header-menu ul#topmenu li" ).hover(function(){
		var DOM = $(this).find('ul.submenu');
		DOM.show();
		activeSubMenu(DOM);
	}, function() {
		var DOM = $(this).find('ul.submenu');
		DOM.hide();
	});
	
	function activeSubMenu(DOMul) {
		
		if (!DOMul.hasClass("resized")) {
			
			var pos 			= DOMul.position();
			var widthParentUL 	= DOMul.parent().parent().width();
			var posParentLI 	= DOMul.parent().position();
			var nbColumns 		= DOMul.find( "li.column_submenu" ).size();
			var widthMin		= (nbColumns * 182.5);

			DOMul.width(widthMin);
			
			var widthUL			= DOMul.width();
			var widthUlAll		= widthUL + 19 + 2; // Width of UL AND Padding-left AND two borders
			var sizeColumn 		= 0;
			var up 				= '\n';
			
			DOMul.find( "li.column_submenu" ).each(function(){ 
				if ( sizeColumn < $(this).find('ul').height() ) {
					sizeColumn = $(this).find('ul').height();
				}
				DOMul.height(sizeColumn);
			});
			DOMul.find( "li.column_submenu" ).each(function(){
				$(this).find('ul').height(sizeColumn);
			});
			
			if ( (pos.left + widthMin) > (widthParentUL - 24) ) {
				var positionLeft = (widthParentUL - 24) - widthUlAll;
				DOMul.css("left", positionLeft);
			}
			
			/*if (widthUL < widthMin) {
				var positionLeft = (widthUL - widthMin);
				DOMul.css("left", positionLeft);
			}*/
			
			if (window.console && window.console.firebug){
				var txt = 'Position of UL Child : ' + pos.left + up;
				txt += 'Width of UL Child : ' + widthUL + up;
				txt += 'Width of Parent UL : ' + widthParentUL + up;
				txt += 'Position of Parent LI : ' + posParentLI.left + up;
				txt += 'Width total of UL child : ' + widthUlAll + up;
				txt += 'Numbers columns : ' + nbColumns + up;
				txt += 'Height max columns : ' + sizeColumn;
				console.debug( txt );
			}
			
			DOMul.addClass("resized");
			
		}
		
	}
	
	/* Expand table of Model */
	
	/*$( ".contentDynamicTable table" ).hide();
	$( ".contentDynamicTable ul" ).hide();*/
	
	
	$("table.highlight tr:odd").addClass("bglight");
	$("table.highlight tr:even").addClass("bgdark");
	
	//$( ".contentDynamicTable .accordion_container:not(.visible)" ).hide();
	
	$( ".contentDynamicTable .accordion_container:not(.selected)" ).hide();
	
	$( ".contentDynamicTable h4" ).click(function(){
		expandCollapseTableOrParagraph($(this), null);
	});
	
	$( ".buttonDynamicTable a" ).click(function(){
		if ($(this).hasClass('expand')) {
			var action = "expand";
		} else {
			var action = "collapse";
		}
		$(this).parent().parent().find( ".contentDynamicTable h4" ).each(function(){ 
			expandCollapseTableOrParagraph($(this), action);
		});
	});
	
	function expandCollapseTableOrParagraph(DOMheader, ac) {
		var DOMnext = DOMheader.next();
		if ( ac == "expand" ) {
			if (!DOMheader.hasClass('selected') ) {
				DOMheader.addClass('selected');
								

					DOMnext.animate({
						"height": "toggle"
					},{queue:false, duration:500});
				
			}
		} else if ( ac == "collapse" ) {
			if ( DOMheader.hasClass('selected') ) {
				DOMheader.removeClass('selected');
				/*DOMnext.hide();*/
				DOMnext.animate({
					"height": "toggle",
					"opacity": "toggle"
				},{queue:false, duration:500});
			}
		} else {
			if ( DOMheader.hasClass('selected') ) {
				DOMheader.removeClass('selected');
				/*DOMnext.hide();*/
				DOMnext.animate({
					"height": "toggle",
					"opacity": "toggle"
				},{queue:false, duration:500});
			} else {
				DOMheader.addClass('selected');
				/*DOMnext.show();*/
				DOMnext.animate({
					"height": "toggle",
					"opacity": "toggle"
				},{queue:false, duration:500});
			}
		}
	}
	
	//alert('ok');
	
	/* ###############################
	 *         EXPLORE PRODUCTS 
	 * ############################### */
	
	var widthProductExpolerSpan = $( "#product-navigation-trigger a span" ).width();
	$( "#product-navigation-trigger a span" ).width(widthProductExpolerSpan);
	
	//var widthProductExpoler = $( "#product-navigation-trigger a" ).width();
	$( "#product-navigation-trigger a" ).width((widthProductExpolerSpan + 10));
	
	$( "#product-navigation-trigger a" ).live("click mouseover", function(event){
		if(event.type == "mouseover")
		{
			$(this).removeClass("open");
			$(this).addClass("close");
			$( "#slideShowOverlay" ).removeClass("hide");
			$( "#product-navigation ul" ).show();
		}
		else
		{
			if ($(this).hasClass("open")) {
				$(this).removeClass("open");
				$(this).addClass("close");
				$( "#slideShowOverlay" ).removeClass("hide");
				$( "#product-navigation ul" ).show();
			} else {
				$(this).removeClass("close");
				$(this).addClass("open");
				$( "#slideShowOverlay" ).addClass("hide");
				$( "#product-navigation ul" ).hide();
			}
		}
		return false;
	});
	
	$( "#product-navigation ul li" ).mouseover(function(){
		$(this).find("span").css('display', 'inline');
		$(this).find("span").css('left', '219px');
		$(this).find("span").css('top', '0');
	});
	
	/* ###############################
	 *           PANEL HERO 
	 * ############################### */
	$( "ul#hero-slide li:first" ).show();
	$( "ul#hero-slide li:first" ).addClass("selected");
	
	var index = 1;
	var lastindex = 0;
	$( "ul#hero-slide li").each(function(i){
		$("#pager-numbers").append("<a href='#'>"+(index+i)+"</a>");
		$( "#pager-numbers a:last").data( "id", (i));
		lastindex = i;
	});
	$( "#pager-numbers a:first").addClass("selected");
	
	
	$( "#pager-numbers a" ).click(function(){
		var rel =  $(this).data("id");
		//alert(rel);
		$( "#pager-numbers a.selected" ).removeClass("selected");
		fadeHeroPanel(rel);
		$(this).addClass("selected");
		return false;
	});
	
	$( "span.pause-resume" ).removeClass("resume");
	$( "span.pause-resume" ).addClass("pause");
	$( "span.pause-resume" ).everyTime(5000, "panelplay", function(i) {
		panelplay();
	});
	
	
	$( "span.pause-resume" ).click(function(){
		
		if ($(this).hasClass("pause")) {
			$(this).removeClass("pause");
			$(this).addClass("resume");
			$(this).stopTime("panelplay");
		} else {
			$(this).removeClass("resume");
			$(this).addClass("pause");
			$(this).everyTime(5000, "panelplay", function(i) {
				panelplay();
			});
		}
		
		return false;
	});
	
	function panelplay () {
		var rel = $( "#pager-numbers a.selected" ).data("id");
		var relNext = parseInt(rel) + 1;
		if (relNext > lastindex) {
			relNext = 0;
		}
		$( "#pager-numbers a.selected" ).removeClass("selected");
		fadeHeroPanel(relNext);
		$( "#pager-numbers a:eq("+relNext+")" ).addClass("selected");
	}
	
	function fadeHeroPanel (rel) {
		$( "ul#hero-slide li.selected" ).fadeOut("slow");
		$( "ul#hero-slide li.selected" ).removeClass("selected");
		//alert(rel);
		//$( "ul#hero-slide li[rel="+rel+"]" ).fadeIn("slow");
		//$( "ul#hero-slide li[rel="+rel+"]" ).addClass("selected");
		$( "ul#hero-slide li:eq("+rel+")" ).fadeIn("slow");
		$( "ul#hero-slide li:eq("+rel+")" ).addClass("selected");
	}
	
});
//}catch(e){}});