/**
 * @author Rob Linton
 * @purpose Render new content within the page
*/	
popOver = new Class({
	/**
	 * @args String url to display within "pop up" top layer of this page
	 * @returns null
	 * @purpose dynamically updates inner html of target layer
	 */	
	showHide: function(targetEl, hideall){
		$$('.subcurrent').removeClass('subcurrent');
		var items = $$('.'+targetEl);
		var hideItems = $$('.'+hideall);
		hideItems.setStyle('display', 'none');
		items.setStyle('display', 'inline');
		items.addClass('subcurrent');
	},
	
	showHideFromTab: function(targetTab,targetForm1,targetForm2,targetForm3,targetForm4){
		var hideItems = $$('.current');
			hideItems.setStyle('display', 'none');
			$$('.current').removeClass('current');
			$$('.currentTab').removeClass('currentTab');			
			$(targetTab).addClass('currentTab');
			
		if (targetForm1){
			var items = $$(targetForm1);
			items.addClass('current');
			items.setStyle('display', 'block');
		}
		if (targetForm2){
			var items2 = $$(targetForm2);
			items2.setStyle('display', 'block');
		}
		if (targetForm3){
			var items3 = $$(targetForm3);
			items3.setStyle('display', 'block');
		}
		else if (!targetForm1) {			
			hideItems.setStyle('display', 'block');
		}
	},
	
	/**
	* Displays all of target elements attributes
	*/
	attributeTest: function(testE1) {
		var testingValues;
		testE1 = $(testE1);
		for( var x = 0; x < testE1.attributes.length; x++ ) {
			testingValues += testE1.attributes[x].nodeName;
			testingValues += ' '
			testingValues += testE1.attributes[x].nodeValue;
			testingValues += ' || '
		}
		alert(testingValues);
	},
	
	
	/**
	 * @args url is URL to open, title is target name of new window
	 * @returns null
	 * @purpose Opens a window @ url with target name title
	 */
	openWindow: function(url){
		myWidth = window.getWidth() * .90;
		myHeight = window.getHeight() * .90;
		myLeft = window.window.getWidth() * .10;
		myTop = window.getHeight() * .10;
		newWindow = open(url, "ApricotHelp", "toolbar=0,scrollbars=1,resizable=1,width="  
			+ myWidth + ",height=" + myHeight + ",top=" + myTop + ",left=" + myLeft);	
		newWindow.focus();
	}	
});

/**
 * Create an instance of popOver to be used when pages load.
 */
popOver = new popOver;


window.addEvent('domready', function() {
	
	//create our Accordion instance
	var myAccordion = new Accordion($('wrapper'), 'h3.display', 'div.stretcher', {
		opacity: false,
		width: true,
		height: false,
		fixedWidth: 818,
		onActive: function(toggler, element){
			if (toggler.getAttribute('id') == 'tab_A'){
				$('tab_B').removeClass('left');
				$('tab_C').removeClass('left');
				$('tab_D').removeClass('left');
			}
			else if (toggler.getAttribute('id') == 'tab_B'){
				$('tab_B').addClass('left');
				$('tab_C').removeClass('left');
				$('tab_D').removeClass('left');
			}
			else if (toggler.getAttribute('id') == 'tab_C'){
				$('tab_B').addClass('left');
				$('tab_C').addClass('left');
				$('tab_D').removeClass('left');
			}
			else if (toggler.getAttribute('id') == 'tab_D'){
				$('tab_B').addClass('left');
				$('tab_C').addClass('left');
				$('tab_D').addClass('left');
			}
			else {}
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#528CE0');
		}
	});
});