var currentDisplay = 'welcome';

function FocusOnSlideHide() {

if(open == 1) {
		open = 0;
		var FOslide = new Fx.Style($('FocusOnBtnDiv'), 'top', { duration: 1000, transition: Fx.Transitions.Elastic.easeOut });
		var FOslidePix = new Fx.Style($('FocusOnPix'), 'top', { duration: 1000, transition: Fx.Transitions.Elastic.easeOut });
		FOslide.start(0,-91);
		FOslidePix.start(0,-91);
		$('FocusOnContainer').setStyle("height", "40px");
	}
	
}

function TabAjaxCallMM() {

$$('#NavTopMenuList ul.Nav1Menu li a','#NavBottomMenuList ul.Nav1Menu li a').addEvent('click', function() {
	
	//hide Focus On links
	/*
	if(open == 1) {
		open = 0;
		FOslide.start(0,-91);
		FOslidePix.start(0,-91);
		$('FocusOnContainer').setStyle("height", "40px");
	}
	*/
	FocusOnSlideHide();
	$$('.notactive').remove();
	
	var Nav1ContentDisappearOpacity = 1;
	
	if(currentDisplay == 'welcome') {
		$('ContentContainer510').setStyle('opacity', '0');
		$('ContentContainerWelcome').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(1,0).chain(function(){
			$('ContentContainerWelcome').setStyle('display', 'none');
			$('ContentContainerWelcome').setStyle('opacity', '0');
			$('ContentContainer510').setStyle('display', 'block');
			$('ContentContainer510').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(0,1);
		});

		currentDisplay = 'nav1';
		Nav1ContentDisappearOpacity = 0;
		appearTabs();
	} else if(currentDisplay == 'nav2') {
		$('ContentContainer510').setStyle('opacity', '0');
		$('ContentContainer530').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(1,0).chain(function(){
			$('ContentContainer530').setStyle('display', 'none');
			$('ContentContainer530').setStyle('opacity', '0');
			$('ContentContainer510').setStyle('display', 'block');
			$('ContentContainer510').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(0,1);
		});

		currentDisplay = 'nav1';
		Nav1ContentDisappearOpacity = 0;
		appearTabs();
	}
	
	$$('#Nav1Thumbnails ul li a').removeClass('active');
		
	var eID = this.id;
	
	if(eID == 'NavTopMenu_1') { var neID = 'Nav1Content_1'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	else if(eID == 'NavTopMenu_2') { var neID = 'Nav1Content_2'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	else if(eID == 'NavTopMenu_3') { var neID = 'Nav1Content_3'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	else if(eID == 'NavTopMenu_4') { var neID = 'Nav1Content_4'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	
	//$('Border').setHTML("eID: " + eID + " //neID: " + neID + " //url: " + url + " //SubURL: " + SubURL + " //Class: " + $(neID) ); // TEST
	
	var heightToBeReplace = $('ContentContainer').getCoordinates().height;
	var heightToBeReplace2 = $('Nav1Content').getCoordinates().height;
	var heightToBeReplace3 = $('Nav1ContentContentColumn').getCoordinates().height;
	
	var Column2ChangeHeight = new Fx.Style($('column2'), 'height', { duration: 1000, transition: Fx.Transitions.Cubic.easeOut });
	
	var Nav1ContentDisappear = new Fx.Style($('Nav1Content'), 'opacity', { duration: 400 });
	
	var Nav1SubmenuAppear = new Fx.Style($('Nav1SubmenuContent'), 'top', { duration: 400 });
	Nav1SubmenuAppear.start(0,-20);
	
	Nav1ContentDisappear.start(Nav1ContentDisappearOpacity,0).chain(function(){
	
		new Ajax(url, {
			method: 'post',
			data:Object.toQueryString({vh: heightToBeReplace, vh2: heightToBeReplace2, vh3: heightToBeReplace3}),
			evalScripts: true,
			update: $('Nav1Content'),
			onComplete: function() {
						Column2ChangeHeight.start((heightToBeReplace+55),($('ContentContainer').getCoordinates().height+55));
						Nav1ContentDisappear.start(0,1);
				}
		}).request();
									}).chain(function(){
											
												new Ajax(SubURL, {
													method: 'post',
													evalScripts: true,
													update: $('Nav1SubmenuContent'),
													onComplete: function() {
															Nav1SubmenuAppear.start(-20,0);
															SubmenuAjaxCall();
														}
												}).request();
											});
	}); // Ajax MainNav2 Tabs END
	
	
	$$('#NavTopMenuList ul.Nav2Menu li a', '#NavBottomMenuList ul.Nav2Menu li a').addEvent('click', function() {
	
	FocusOnSlideHide();
	
	var Nav2ContentDisappearOpacity = 1;
	
	if(currentDisplay == 'welcome') {
		$('ContentContainer530').setStyle('opacity', '0');
		$('ContentContainerWelcome').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(1,0).chain(function(){
			$('ContentContainerWelcome').setStyle('display', 'none');
			$('ContentContainerWelcome').setStyle('opacity', '0');
			$('ContentContainer530').setStyle('display', 'block');
			//$('ContentContainer530').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(0,1);
		});

		currentDisplay = 'nav2';
		Nav2ContentDisappearOpacity = 0;
		appearTabsNav2();

	} else if(currentDisplay == 'nav1') {
		$('ContentContainer530').setStyle('opacity', '0');
		$('ContentContainer510').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(1,0).chain(function(){
			$('ContentContainer510').setStyle('display', 'none');
			$('ContentContainer510').setStyle('opacity', '0');
			$('ContentContainer530').setStyle('display', 'block');
			//$('ContentContainer530').effect('opacity', {duration: 200, transition: Fx.Transitions.linear}).start(0,1);
		});

		currentDisplay = 'nav2';
		Nav2ContentDisappearOpacity = 0;
		appearTabsNav2();

	}
	
	$$('#Nav2Thumbnails ul li a').removeClass('active');
		
	var eID = this.id;
	
	if(eID == 'NavBottomMenu_1') { var neID = 'Nav2Content_1'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	else if(eID == 'NavBottomMenu_2') { var neID = 'Nav2Content_2'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	else if(eID == 'NavBottomMenu_3') { var neID = 'Nav2Content_3'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	else if(eID == 'NavBottomMenu_4') { var neID = 'Nav2Content_4'; var url = neID + ".php"; var SubURL = neID + "_Submenu.php"; $(neID).addClass('active'); }
	
	var heightToBeReplace = $('ContentContainer').getCoordinates().height;
	var heightToBeReplace2 = $('Nav2Content').getCoordinates().height;
	var heightToBeReplace3 = $('Nav2ContentContentColumn').getCoordinates().height;
	
	var Column2ChangeHeight = new Fx.Style($('column2'), 'height', { duration: 1000, transition: Fx.Transitions.Cubic.easeOut });
	
	var Nav2ContentDisappear = new Fx.Style($('ContentContainer530'), 'opacity', { duration: 400 });
	
	var Nav2SubmenuAppear = new Fx.Style($('Nav2SubmenuContent'), 'top', { duration: 400 });
	
	Nav2SubmenuAppear.start(0,-20);
	
	Nav2ContentDisappear.start(Nav2ContentDisappearOpacity,0).chain(function(){
	
		new Ajax(url, {
			method: 'post',
			data:Object.toQueryString({vh: heightToBeReplace, vh2: heightToBeReplace2, vh3: heightToBeReplace3}),
			evalScripts: true,
			update: $('Nav2Content'),
			onComplete: function() {
						Column2ChangeHeight.start((heightToBeReplace+55),($('ContentContainer').getCoordinates().height+55));
						Nav2ContentDisappear.start(0,1);
				}
		}).request();
									}).chain(function(){
											
												new Ajax(SubURL, {
													method: 'post',
													evalScripts: true,
													update: $('Nav2SubmenuContent'),
													onComplete: function() {
															Nav2SubmenuAppear.start(-20,0);
															SubmenuAjaxCall();
															TabAjaxCall2();
														}
												}).request();
											});
	

		
	}); // Ajax MainNav2 Tabs END
};

window.addEvent('domready', TabAjaxCallMM );