/**********************************************
	* diffh is for growing tables
	*/
	
	var iframePos = 0; // position of iframe relative to the standard 0/0 left/top position
	var relHeight =  165 + 198; // relative height of iframe compared to page (323 is the header height and 78 is the footer height)
		
	function resizeOuter(id,h,diffh,mode) {
		var mainArea = getEl(id); // switch between parent and iframe		
		var c,b;
		//alert('h->'+h);
		if(h) {
			c = getById('content');
			c.style.height = Math.abs(parseInt(h));
			holdHeight = Math.abs(parseInt(h)); // used for the product details slider
			mainArea.style.height = Math.abs(parseInt(h) + iframePos);
			
			//if(!is.ie) {
				b = getById('btag');
				//alert('before--b->'+b.style.height);
				b.style.height = Math.abs(parseInt(h) + (relHeight + iframePos));
			//}
			//alert('after b--->'+b.style.height);
			//alert('origenal b--->'+getById('btag').style.height);
		}else {
			if(is.ie) {
				h = mainArea.scrollHeight;
				btagH = parseInt(parent.document.body.clientHeight) - (relHeight + iframePos); // difference of top and bottom (91px + 323px - 165) // seee index.php for these values
			}else {
				h = mainArea.offsetHeight;
				//btagH = parseInt(parent.getEl('btag').offsetHeight);
				//alert('FIX MOZILLA h->'+h);
				/** FIX MOZILLA - Bug: PAGE extends past BODY and BODY does not resize to fit entire PAGE **/
				btagH = parseInt(parent.document.body.clientHeight); // window height to fix the mozilla height bug
				//if(windowH > btagH) {
				//	btagH = windowH;
				//}
				// END FIX
				//alert('FIX MOZILLA clientHeight->'+btagH);
				btagH = btagH - (relHeight + iframePos); // difference of top and bottom (91px + 323px - 165) // seee index.php for these values
				//alert('FIX MOZILLA btagH->'+btagH);
			}
			
			/** ****
			*	FIX Unused space Bug : Large window is resized by user to a smaller window, the page should take back the extended space if it can 
			*		1. use js var "contentH" (content iframe height) and compare it to "h"
			* *****/
			//if(windowH > btagH) {
			//	btagH = windowH;
			//}
			
			
			if(parseInt(h) < btagH) { 
				h = btagH;
			}
			if(diffh) {
				h = diffh + parseInt(h);
			}
			//alert(h);
			parent.resizeOuter(id,h);
		}
	}
	
	/**********************************************
	* diffh is for growing tables
	*/
	function resizeOuterBAK(id,h,diffh,mode) {
		mainArea = getEl(id); // switch between parent and iframe
		alert(mainArea.scrollHeight);
		iframePos = 0; // position of iframe relative to the standard 0/0 left/top position
		relHeight =  675 + 78; // relative height of iframe compared to page (323 is the header height and 91 is the footer height)
		
		if(h) {
			c = getEl('content');
			c.style.height = Math.abs(parseInt(h));
			mainArea.style.height = Math.abs(parseInt(h) + iframePos);
			if(!is.ie) {
				b = getEl('btag');
				b.style.height = Math.abs(parseInt(h) + (relHeight + iframePos));
			}
			
		}else {
			if(is.ie) {
				h = mainArea.scrollHeight;
				btagH = parseInt(parent.document.body.clientHeight) - (relHeight + iframePos); // difference of top and bottom (91px + 323px - 165) // seee index.php for these values
			}else {
				h = mainArea.offsetHeight;
				//btagH = parseInt(parent.getEl('btag').offsetHeight);
				
				/** FIX MOZILLA - Bug: PAGE extends past BODY and BODY does not resize to fit entire PAGE **/
				btagH = parseInt(parent.document.body.clientHeight); // window height to fix the mozilla height bug
				//if(windowH > btagH) {
				//	btagH = windowH;
				//}
				// END FIX
				
				btagH = btagH - (relHeight + iframePos); // difference of top and bottom (91px + 323px - 165) // seee index.php for these values
			}
			
			/** ****
			*	FIX Unused space Bug : Large window is resized by user to a smaller window, the page should take back the extended space if it can 
			*		1. use js var "contentH" (content iframe height) and compare it to "h"
			* *****/
			//if(windowH > btagH) {
			//	btagH = windowH;
			//}
			
			
			if(parseInt(h) < btagH) { 
				h = btagH;
			}
			parent.resizeOuter(id,h);
		}
	}
	
	/**********************************************
	* Switch the named classes for different background images ect.
	*	This function is called from the iframe.php to control the index.php environment based on area
	*	(area,cmd)
	*		area:	the php querystring $_GET['area']
	*		cmd: 	any extra commands for future implementation
	*/
	function changeEnvironment(area) {
		var maketry = '';
		var div_on = '';
		var div_off = 'none';
		try{
			for(var i = 0; i < menuAr.length; i++) {
				on = 'images/menu/over/' + menuAr[i] + '.jpg';
				off = 'images/menu/' + menuAr[i] + '.jpg';
				
				if(menuAr[i] == area) {
					TempImg =area;
					hardSwap(on,menuAr[i]);
				}else {
					hardSwap(off,menuAr[i]);
				}
			}
			for(var i = 0; i < btmmenuAr.length; i++) {
				on = 'bottonnav_on';
				off = 'bottonnav';			
				if(btmmenuAr[i] == area) {
					TempImg =area;
					getById('btm'+btmmenuAr[i]).className=on;
				}else {
					getById('btm'+btmmenuAr[i]).className=off;
				}
				
			}
			switch(TempImg){
				case 'home':
					//alert(TempImg);					
					getById('div_sponsored').style.display			= div_on;
					getById('div_mission').style.display			= div_off;	
					getById('div_featured_Mdl_left').style.display	= div_on;
					getById('div_featured_Mdl_right').style.display	= div_off;
					getById('div_event_pics').style.display			= div_on;
				break;
				case 'aboutus':					
					getById('div_sponsored').style.display			= div_off;
					getById('div_mission').style.display			= div_on;	
					getById('div_featured_Mdl_left').style.display	= div_on;
					getById('div_featured_Mdl_right').style.display	= div_off;
					getById('div_event_pics').style.display			= div_on;
				break;
				case 'events':					
					getById('div_sponsored').style.display			= div_off;
					getById('div_mission').style.display			= div_off;	
					getById('div_featured_Mdl_left').style.display	= div_off;
					getById('div_featured_Mdl_right').style.display	= div_off;
					getById('div_event_pics').style.display			= div_on;
				break;
				case 'photos':
				case 'models':					
					getById('div_sponsored').style.display			= div_off;
					getById('div_mission').style.display			= div_off;	
					getById('div_featured_Mdl_left').style.display	= div_off;
					getById('div_featured_Mdl_right').style.display	= div_off;
					getById('div_event_pics').style.display			= div_on;
				break;
				case 'video':					
					getById('div_sponsored').style.display			= div_on;
					getById('div_mission').style.display			= div_off;	
					getById('div_featured_Mdl_left').style.display	= div_off;
					getById('div_featured_Mdl_right').style.display	= div_off;
					getById('div_event_pics').style.display			= div_on;
				break;
			}

		}catch(e){
			maketry = e;
		}
	}