/**
 * jjjMenu -beta
 * @version 1.44
 * @author Jason John Jaeger | greengeckodesign.com | platinumsystems.com
 */
var options = Array();
options.transitions = Array();

//Most commonly changed options
options.wrapperId = 'navigation';
options.initialSubMenuDirection = "bottom";//left, right, or bottom, default is bottom
options.maxOpacity = 96;
options.shadow = false;
options.transitions.slide = false;
options.transitions.fade = false;

//Less commonly changed options
options.shadowOpacity = 60;
options.hideDelay = 500;//<--delay before subMenus disappear after you take the mouse off of them (in milliseconds, 500 == half second)
options.vertOffset = 0;
options.initialSubMenuXoffset = 0;
options.initialSubMenuYoffset = -5;
options.subsequentSubMenuXoffset = 0;
options.subsequentSubMenuYoffset = 0;
options.slideSpeed = 15;//<-- bigger number == slower
options.fadeSpeed = 2;//<-- bigger number == slower

//~~~~No Need to Edit below this line under normal conditions ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
options.debug = false;
options.topZ = 0;
options.increment = 5;//helps determine speed of wipe transitions. A smaller number will look choppier in ie and slower computers but smoother on faster computers and in browsers that process it better like firefox and opera.

function getXMLHttpObj(){
	//http://www.webreference.com/programming/javascript/mk/
	if(typeof(XMLHttpRequest)!='undefined')
		return new XMLHttpRequest();

	var axO=['Msxml2.XMLHTTP.6.0', 'Msxml2.XMLHTTP.4.0',
		'Msxml2.XMLHTTP.3.0', 'Msxml2.XMLHTTP', 'Microsoft.XMLHTTP'], i;
	for(i=0;i<axO.length;i++)
		try{
			//alert(axO[i]);
			return new ActiveXObject(axO[i]);
		}catch(e){
			//alert(e);
		}
	
	return null;
}
	
//---pause all javascript until detector.js has been loaded
var oXML = getXMLHttpObj();
oXML.open('GET', 'resources/jjjMenu/browserDetect.js', false);
oXML.send('');
eval(oXML.responseText);

//---pause all javascript until behaviour.js has been loaded
var oXMLtwo = getXMLHttpObj();
oXMLtwo.open('GET', 'resources/jjjMenu/behaviour.js', false);
oXMLtwo.send('');
eval(oXMLtwo.responseText);

//now attach the css
attachCSS('resources/jjjMenu/jjjMenu.css','screen');

if(BrowserDetect.browser == 'Safari'){options.transitions.slide = false; options.shadow = false;}//<-- shadows and slide transitions don't work right in safari for now
if(BrowserDetect.browser == 'Opera'){options.shadow = false;}//<-- shadows transitions don't work right in opera for now

var timeOuts = Array();
var vCorrect = Array();
var hCorrect = Array();
var slideDown_slider_timeOuts = Array();
var slideUp_timeOuts = Array();
var slideUp_slider_timeOuts = Array();
var hideOuterWrapper_timeOuts = Array();
var slideOut_slider_timeOuts = Array();
var slideIn_timeOuts = Array();
var slideIn_slider_timeOuts = Array();
var opacityTimeOuts = Array();
options.menuParentLeftMargins = 0;

function addEvent(obj, evType, fn){ 
	//http://onlinetools.org/articles/unobtrusivejavascript/chapter4.html
	 if (obj.addEventListener){ 
	   obj.addEventListener(evType, fn, false); 
	   return true; 
	 } else if (obj.attachEvent){ 
	   var r = obj.attachEvent("on"+evType, fn); 
	   return r; 
	 } else { 
	   return false; 
	 } 
}

var myrules = {
	'a.mButton' : function(el){
		el.onmouseover = function(){
			hideAllSubMenus();
		};
	},
	'a.mButtonParent' : function(el){
		el.onmouseover = function(){
			smShow(getIdNumber(this.id));
		};
		el.onmouseout = function(){
			smHide(getIdNumber(this.id));
		};
	},
	'div.soWrapper' : function(el){
		el.onmouseover = function(){
			overSOwrapper(getIdNumber(this.id));
		};
		el.onmouseout = function(){
			outSOwrapper();
		};
	},
	'a.smButton' : function(el){
		el.onmouseover = function(){
			smbOver('ow-'+getIdNumber(this.parentNode.id));
		};
	},
	'a.smButtonParent' : function(el){
		el.onmouseover = function(){
			smShow(getIdNumber(this.id),'ow-'+getIdNumber(this.parentNode.id));
		};
		el.onmouseout = function(){
			smHide(getIdNumber(this.id));
		};
	}
};

Behaviour.register(myrules);
addEvent(window, 'load', initMenu);


function initMenu(){
	
	createLiveLog();
	setOpacity();
	
	var owArray = getElementsByClassName(document, "div", "soWrapper");
	for(var i=0; i<owArray.length; i++){ 
		var idArr = owArray[i].id.split("-");
		var idNumber = idArr[idArr.length-1];
		//alert(idNumber);
		fixBtnWidths(idNumber);
		setShadow(idNumber);
	}
	
	hideAllSubMenus();
	options.topZ = getHighestZindex();
	
	liveLog('Browser Name: ' + BrowserDetect.browser+ '  |  Browser version: ' + BrowserDetect.version + '  |  OS name: '+BrowserDetect.OS);
}

function attachJS(jsFile){
	var head = document.getElementsByTagName('head').item(0);
	var jsLink = document.createElement('script');
	jsLink.setAttribute('src', jsFile);
	jsLink.setAttribute('charset', "utf-8");
	jsLink.setAttribute('type', "text/javascript");
	head.appendChild(jsLink);
}

function attachCSS(cssFile, mediaType){
		var head = document.getElementsByTagName('head').item(0);
		var cssLink = document.createElement('link');
		cssLink.setAttribute('rel', "stylesheet");
		cssLink.setAttribute('href', cssFile);
		cssLink.setAttribute('text', "text/css");
		if(mediaType){cssLink.setAttribute('media', mediaType);}else{cssLink.setAttribute('media', 'all');}
		cssLink.setAttribute('charset', "utf-8");
		head.appendChild(cssLink);
}

function fadeIn(id) {
	// The inspiration for this function can be found at: http://brainerror.net/scripts_js_blendtrans.php
	//liveLog('fadeIn-->'+id);
	if( options.transitions.fade && !options.transitions.slide){
		var timer = 0;
		var obj = xDOM(id);
		
		
		var opacStart = 0;
		if(obj.style.opacity*100){opacStart = obj.style.opacity*100;}
		
		if(opacityTimeOuts[id]){clearTimeout(opacityTimeOuts[id]);}
		for(i = opacStart; i <= options.maxOpacity; i++){
			//liveLog(i);
			obj.style.visibility = 'visible';
			opacityTimeOuts[id] = setTimeout("changeOpac(" + i + ",'iw-" + getIdNumber(id) + "')",(timer * options.fadeSpeed));
			timer++;
			if(i>= options.maxOpacity-options.increment){
				//if(opacityTimeOuts[id]){clearTimeout(opacityTimeOuts[id]);}
			}
		}
	
	}
}

function fadeOut(id) {
	// The inspiration for this function can be found at: http://brainerror.net/scripts_js_blendtrans.php
	//liveLog('fadeOut-->'+id);
	if(options.transitions.fade && !options.transitions.slide){
		var timer = 0;
		var obj = xDOM(id);
		
		//alert('fadeOut has been called on '+id);
		
		
		//changeOpac(options.maxOpacity, id);
		//obj.style.visibility = 'visible';
		
		if(opacityTimeOuts[id]){ clearTimeout(opacityTimeOuts[id]);	}
			
			
		var opacStart = 0;
		if(obj.style.opacity*100){opacStart = obj.style.opacity*100;}
			
		
			for(i = opacStart; i >= 0; i= i-options.increment) {
				opacityTimeOuts[id] = setTimeout("changeOpac(" + i + ",'iw-" + getIdNumber(id) + "')",(timer * options.fadeSpeed));
				timer++;
				if(i <= options.increment){
					//cancell_slideUp(id);
					if(opacityTimeOuts[id]){ clearTimeout(opacityTimeOuts[id]);	}
					opacityTimeOuts[id] = null;
					hideOuterWrapper_timeOuts[id] = setTimeout("hideOuterWrapper('ow-" + getIdNumber(id) + "')",(timer * options.fadeSpeed));
					//liveLog(getIdNumber(id));
				}
			}
		
	}
}

function call_slideUp(id){
	if(options.transitions.slide || options.transitions.fade){
		if(slideUp_timeOuts[id]){clearTimeout(slideUp_timeOuts[id]);}//end if
		slideUp_timeOuts[id] = setTimeout('slideUp("'+id+'")',options.hideDelay);
	}//end if
}//function

function cancell_slideUp(id){
	var iwId = getIdNumber(id);
	if(hideOuterWrapper_timeOuts["iw-"+iwId]){clearTimeout(hideOuterWrapper_timeOuts['iw-'+iwId]);}
	//if(hideOuterWrapper_timeOuts[id]){clearTimeout(hideOuterWrapper_timeOuts[id]);}
	if(slideUp_timeOuts[id]){clearTimeout(slideUp_timeOuts[id]);}//end if
	if(slideUp_slider_timeOuts[id]){clearTimeout(slideUp_slider_timeOuts[id]);}//end if
	
}//end function

function slideUp(id) {
	if(options.transitions.slide ){
		var timer = 0;
		var obj = xDOM(id);		
		//cancell_hideMe(id);
		//if(slideUp_slider_timeOuts[id]){ clearTimeout(slideUp_slider_timeOuts[id]);	}//end if
		cancell_slideUp(id);
		cancell_slideDown(id);
		
		var height = findObjHeight(obj);
		
		//-------------------------------------------
		var startY = findPosY(obj)-vCorrect[id];
		
		var endY = -height;
		//-------------------------------------------
			
			
		if(startY >= endY ){	
			for(i = startY; i >= (endY-options.increment); i=i-options.increment) {
				slideUp_slider_timeOuts[id] = setTimeout("slideUp_slider(" + i + ",'" + id + "','" + endY + "')",(timer * options.slideSpeed));
				
				if(i <= endY+options.increment ){
					//alert('ow-'+ getIdNumber(id) );
					cancell_slideUp(id);
					hideOuterWrapper_timeOuts[id] = setTimeout("hideOuterWrapper('ow-" + getIdNumber(id) + "')",(timer * options.slideSpeed));
				
				}
				timer++;
				
			}//end for
		}//end if 
	}//end if
}//end function

function slideUp_slider(Y, id, endY) {
	var obj = xDOM(id);
	if(options.transitions.slide === true){
		obj.style.top = Y+'px';
	}else{}
	
	if(options.transitions.fade === true){
		if(!smHeights[id]){smHeights[id]=findObjHeight(obj); }
		var height = smHeights[id]; 
		//liveLog(smHeights[id]);
		var percentDone = ((-100*Y)/height);
		var relativePercent = (percentDone * options.maxOpacity)/100;
		changeOpac(relativePercent,obj.parentNode.id);
		//liveLog(percentDone);
	}	

	//obj.style.visibility = 'visible';
	
}//end function

function cancell_slideDown(id){
	
	//if(slideDown_timeOuts[id]){clearTimeout(slideDown_timeOuts[id]);}//end if
	if(slideDown_slider_timeOuts[id]){clearTimeout(slideDown_slider_timeOuts[id]);}//end if
	//alert(id);
}//end function

function slideDown(id){
	if(options.transitions.slide ){


		var timer = 0;
		
		var obj = xDOM(id);
		var height = findObjHeight(obj);
		
		if (!vCorrect[id]){ 
			obj.style.top = 0+'px';
			vCorrect[id] = findPosY(obj);
			obj.style.top = -height+'px';
			
		}//end if
		
		//obj.style.top = findPosY(obj)-vCorrect[id];
		
		//-------------------------------------------
		var startY = findPosY(obj)-vCorrect[id];
		//var startY = -height;
		var endY = 0;
		//-------------------------------------------
		//liveLog('startY = '+startY+' || endY = '+endY);
		if(startY < endY ){
			
			for(i = startY; i <= endY; i=i+options.increment) {
				cancell_slideIn(id);
				slideDown_slider_timeOuts[id] = setTimeout("slideDown_slider(" + i + ",'" + id + "','" + endY + "')",(timer * options.slideSpeed));
				timer++;
			}
		}else{
			var obj = xDOM(id);
			obj.style.top = endY+'px';
			var owObj = xDOM('ow-'+getIdNumber(id)) ;
			owObj.style.visibility = 'visible';
			cancell_slideIn(id);
			cancell_slideDown(id);
			
		}
	}
}

var smHeights = Array();
function slideDown_slider(Y, id, endY) {
	
	var obj = xDOM(id);
	
	if(options.transitions.slide === true){
		obj.style.top = Y+'px';
	}else{obj.style.top = endY+'px';}
	
	if(options.transitions.fade === true){
		if(!smHeights[id]){smHeights[id]=findObjHeight(obj); }
		var height = smHeights[id]; 
		//liveLog(smHeights[id]);
		var percentDone = 100-((-100*Y)/height);
		var relativePercent = (percentDone * options.maxOpacity)/100;
		changeOpac(relativePercent,obj.parentNode.id);
		//liveLog(percentDone);
	}
	
	if(Y >= (endY - options.increment)){
		obj.style.top = endY+'px';
		//if(options.transitions.fade === true){ changeOpac(options.maxOpacity,obj.parentNode.id); }
	}//end if
}//end function

function slideOut(id){
	if(options.transitions.slide ){
		if(slideOut_slider_timeOuts[id]){
			//return;
			//clearTimeout(slideDown_slider_timeOuts[id]);
		}//end if
cancell_slideIn(id);
		var timer = 0;
		
		var obj = xDOM(id);
		var width = findObjWidth(obj);
		
		if (!hCorrect[id]){ 
			obj.style.left = 0+'px';
			hCorrect[id] = findPosX(obj);
			obj.style.left = -width+'px';
			
		}//end if
		
		obj.style.left = findPosX(obj)-hCorrect[id];
		
		//-------------------------------------------
		var startX = findPosX(obj)-hCorrect[id];
		var endX = 0;
		//-------------------------------------------
		//liveLog('startY = '+startY+' || endY = '+endY);
		if(startX < endX ){
			
			for(i = startX; i <= endX; i=i+options.increment) {
				slideOut_slider_timeOuts[id] = setTimeout("slideOut_slider(" + i + ",'" + id + "','" + endX + "')",(timer * (options.slideSpeed/2)));
				timer++;
			}//end for
		}else{
			var obj = xDOM(id);
			obj.style.left = endX+'px';
			var owObj = xDOM('ow-'+getIdNumber(id)) ;
			owObj.style.visibility = 'visible';
			cancell_slideIn(id);
			cancell_slideOut(id);
			
		}
	}
}

var smWidths = Array();
function slideOut_slider(X, id, endX) {
	var obj = xDOM(id);
	
	if(options.transitions.slide === true){
		obj.style.left = X+'px';
	}else{obj.style.left = endX+'px';}
	
	if(options.transitions.fade === true){
		if(!smWidths[id]){smWidths[id]=findObjWidth(obj); }
		var width = smWidths[id]; 
		//liveLog(smHeights[id]);
		var percentDone = 100-((-100*X)/width);
		var relativePercent = (percentDone * options.maxOpacity)/100;
		changeOpac(relativePercent,obj.parentNode.id);
		//liveLog(percentDone);
		
	}



	if(X >= (endX - options.increment)){
		obj.style.left = endX+'px';
		//if(options.transitions.fade === true){ changeOpac(options.maxOpacity,obj.parentNode.id);}
	}
}

function call_slideIn(id){
	if(options.transitions.slide || options.transitions.fade){
		if(slideIn_timeOuts[id]){clearTimeout(slideIn_timeOuts[id]);}//end if
		slideIn_timeOuts[id] = setTimeout('slideIn("'+id+'")',options.hideDelay);
	}//end if
}//function

function cancell_slideIn(id){
	var iwId = getIdNumber(id);
	if(hideOuterWrapper_timeOuts["iw-"+iwId]){clearTimeout(hideOuterWrapper_timeOuts["iw-"+iwId]);}
	//if(hideOuterWrapper_timeOuts[id]){clearTimeout(hideOuterWrapper_timeOuts[id]);}
	if(slideIn_timeOuts[id]){clearTimeout(slideIn_timeOuts[id]);}//end if
	if(slideIn_slider_timeOuts[id]){clearTimeout(slideIn_slider_timeOuts[id]);}//end if
}//end function

function slideIn(id) {
	if(options.transitions.slide ){
		var timer = 0;
		var obj = xDOM(id);		
		//cancell_hideMe(id);
		if(slideIn_slider_timeOuts[id]){ clearTimeout(slideIn_slider_timeOuts[id]);	}//end if
		var width = findObjWidth(obj);
		
		//-------------------------------------------
		var startX = findPosX(obj);
		if(hCorrect[id]){startX = startX-hCorrect[id];}
		var endX = -width;
		//-------------------------------------------
			
			
		if(startX >= endX ){	
			for(i = startX; i >= (endX-options.increment); i=i-options.increment) {
				slideIn_slider_timeOuts[id] = setTimeout("slideIn_slider(" + i + ",'" + id + "','" + endX + "')",(timer * options.slideSpeed));
				
				if(i <= endX+options.increment ){
					//alert('ow-'+ getIdNumber(id) );
					cancell_slideIn(id);
					hideOuterWrapper_timeOuts[id] = setTimeout("hideOuterWrapper('ow-" + getIdNumber(id) + "')",(timer * options.slideSpeed));
					//alert(id);
				}
				timer++;
				
			}//end for
		}//end if 
	}//end if
}//end function

function slideIn_slider(X, id, endX) {
	var obj = xDOM(id);
	
	
	if(options.transitions.slide === true){
		obj.style.left = X+'px';
	}else{}

	if(options.transitions.fade === true){
		if(!smWidths[id]){smWidths[id]=findObjWidth(obj); }
		var width = smWidths[id]; 
		//liveLog(smHeights[id]);
		var percentDone = ((-100*X)/width);
		var relativePercent = (percentDone * options.maxOpacity)/100;
		changeOpac(relativePercent,obj.parentNode.id);
		//liveLog(percentDone);
	}	


}//end function


function smShow(idNumber, mySMid){
//liveLog(idNumber);

//alert('idNumber = '+idNumber+' | mySubMenuId = '+mySMid);
	
	fixBtnWidths(idNumber);
	//setShadow(idNumber);
	
	var btnId = "b-" + idNumber;
	//var btnObj = getObject(btnId);
	var btnObj = xDOM(btnId);
	var btnClass = btnObj.className;
	
	var owObj = xDOM('ow-'+idNumber);
	options.topZ = options.topZ+2;
	//owObj.style.zIndex = options.topZ;
	var iwObj = xDOM('iw-'+idNumber);
	owObj.style.zIndex = options.topZ;
	
	
	if(btnClass == "mButtonParent" || btnClass == "mButtonParentOver"){
		smShowInitial(idNumber,btnId);
		setClass(btnId, "mButtonParentOver");
		cancell_hideAllSubMenus();
		hideTheChildren('ow-'+idNumber);
		
		hideAllSubMenus('ow-'+idNumber);
		
		//when there are transitions, they will be triggered here
	}else if(btnClass == "smButtonParent" || btnClass == "smButtonParentOver"){
		
		if(btnClass == "smButtonParent" && mySMid){hideTheChildren(mySMid);}
		smShowSubsequent(idNumber,btnId);
		//alert('smButtonParent');
		setClass(btnId, "smButtonParentOver");
		//when there are transitions, they will be triggered here
		
	}
	
	
}

var btnWidthsAreFixed = Array();
function fixBtnWidths(idNumber){
	//this function makes the widths of all buttons in a sub menu as wide as the widest one
	//so far as I know this is only needed for Firefox in OSX
	
	var soWrapperId = "ow-" + idNumber;
	if(!btnWidthsAreFixed[soWrapperId]  ){
		var soWrapper = fetchThing(soWrapperId);
		var soWrapperObj = soWrapper.obj;
		var widest = 0;
		var btnArray = getElementsByClassName(soWrapperObj,"a","smButton");
		for(var i=0; i< btnArray.length; i++){
			var width = findObjWidth(btnArray[i]);
			if(width > widest){widest = width;}
		}
		var parentBtnArray = getElementsByClassName(soWrapperObj,"a","smButtonParent");
		for(var i=0; i< parentBtnArray.length; i++){
			var width = findObjWidth(parentBtnArray[i]);
			if(width > widest){widest = width;}
		}
	
		var btnPaddingWidth = 0;
		var btnBorderWidth = 0;
		//if(parentBtnArray.length + btnArray.length >1){
			for(var i=0; i< btnArray.length; i++){	
				btnArray[i].style.width = widest+'px';
				var btn = fetchThing(btnArray[i].id);
				btnPaddingWidth = btn.paddingWidth;
				btnBorderWidth = btn.borderWidth;
				
			}
			if(parentBtnArray.length >0){
				for(var i=0; i< parentBtnArray.length; i++){ 
					parentBtnArray[i].style.width = widest+'px';	
					var pBtn = fetchThing(parentBtnArray[i].id);
					btnPaddingWidth = pBtn.paddingWidth;
					btnBorderWidth = pBtn.borderWidth;
				}
			}
			var sMenu = fetchThing('sm-'+idNumber);
			var newWidth = widest+btnPaddingWidth+sMenu.borderWidth+soWrapper.borderWidth;
			soWrapperObj.style.width = newWidth+'px';
		//}
		btnWidthsAreFixed[soWrapperId]= true;
		
	}
}

function createLiveLog(){
	if(options.debug){
		var liveLogDivOW = document.createElement('div');
		liveLogDivOW.setAttribute('id', "liveLogOW");
		document.body.appendChild(liveLogDivOW);
		var lldowObj = xDOM('liveLogOW'); 
		var liveLogDiv = document.createElement('div');
		liveLogDiv.setAttribute('id', "liveLog");
		lldowObj.appendChild(liveLogDiv);
	}
}

function getHighestZindex(){
	var highestIndex = 0;
	var elementArr = getElementsByClassName(document, "*", "*");
	for(var i=0; i<elementArr.length; i++){
		var layer = 0;
		var id = getOrSetId(elementArr[i]);
		layer = fetchStyle(id,'z-index',true); 
		if(layer > highestIndex){ 
			highestIndex = layer;	
			//liveLog(elementArr[i].id+'  |  '+layer+'  |  ');
		}	
	}
	//liveLog('highest index = '+highestIndex);
	return(highestIndex);
}

 function setOpacity(){
 	//liveLog(options.maxOpacity);
 	if(options.maxOpacity < 100){
		if(BrowserDetect.browser == "Explorer" && BrowserDetect.version < 7 && options.shadow){ options.maxOpacity = options.maxOpacity-10;}
		var btnArray = getElementsByClassName(document, "a", "smButton");
		var pBtnArray = getElementsByClassName(document, "a", "smButtonParent");
		for(var i=0; i<btnArray.length; i++){ changeOpac(options.maxOpacity,btnArray[i].id); }
		for(var i=0; i<pBtnArray.length; i++){ changeOpac(options.maxOpacity,pBtnArray[i].id); }
		
	}
	if(options.transitions.fade && !options.transitions.slide){
		var iwArray = getElementsByClassName(document, "div", "siWrapper");
		for(var i=0; i<iwArray.length; i++){ changeOpac(0,iwArray[i].id); }
	}
 }

 function smbOver(smId){
 	hideTheChildren(smId);
	//liveLog('you just hovered over a not parent button');
 }
 
 function hideTheChildren(smId){
 	
	notOver(smId);
 	//var smObj = getObject(smId);	
	var smObj = xDOM(smId);
 	var parentBtnArray = getElementsByClassName(smObj, "a", "smButtonParent");
	for(var i=0; i<parentBtnArray.length; i++){
		var menuId = "ow-" + getIdNumber(parentBtnArray[i].id);
		//liveLog('hideTheChildred just ran on:'+menuId);
		notOver(menuId);
		//when there are transitions, they will be called here and the hideMenu function will be called at the end of them
		hideMenu(menuId);
		hideTheChildren(menuId);
	}
	
 }
 var shadowSized = Array();
 function setShadow(idNumber){
 	if(options.shadow && !shadowSized[idNumber]){
		
		
		
		//create shadow div
		var sMenuIW_Obj = xDOM("iw-"+idNumber);
		var shadowDiv = document.createElement('div');
		shadowDiv.setAttribute('id', "shadow-" + idNumber);
		shadowDiv.setAttribute('class', "shadow");
		sMenuIW_Obj.appendChild(shadowDiv);//<--adds shadow inside innerWrappper AFTER sMenu div
		//----------------
		
		var sMenu = fetchThing("sm-" + idNumber);
		var shadow = fetchThing("shadow-" + idNumber);
		
		
		shadow.obj.style.width = sMenu.width+'px';
		shadow.obj.style.height = sMenu.height+'px';
		
		
		if(BrowserDetect.browser == "Explorer" ){
			
			if(options.shadowOpacity){
				var ieOpacity = (options.shadowOpacity -25)/100;
				shadow.obj.style.backgroundColor = "white";
				shadow.obj.style.filter= "progid:DXImageTransform.Microsoft.blur(pixelradius=2.2, makeshadow='true', ShadowOpacity="+ ieOpacity +")";
				shadow.obj.style.position = "absolute";
				shadow.obj.style.top="0px";
			}

		}else{
			
					
			shadow.obj.innerHTML =  '<div class="shadow_trc" id="trc-'+ idNumber +'" ></div>'+
									'<div class="shadow_rm" id="rm-'+ idNumber +'" ></div>'+
									'<div class="shadow_brc" id="brc-'+ idNumber +'" ></div>'+
									'<div class="shadow_bm" id="bm-'+ idNumber +'" ></div>'+
									'<div class="shadow_blc" id="blc-'+ idNumber +'" ></div>';
								
			var trc = fetchThing("trc-" + idNumber);
			var rm = fetchThing("rm-" + idNumber);
			var brc = fetchThing("brc-" + idNumber);
			var bm = fetchThing("bm-" + idNumber);
			var blc = fetchThing("blc-" + idNumber);
			
			var newHeight = sMenu.height - trc.height;
			var newWidth = sMenu.width - blc.width - brc.width;
			
			
			rm.obj.style.height = newHeight +'px';
			rm.obj.style.top = trc.height+'px'; 
			bm.obj.style.width =  newWidth+'px';
			bm.obj.style.left = blc.width + brc.width +'px';
			
			
			if(options.shadowOpacity){ 	changeOpac(options.shadowOpacity,shadow.id); }
			
		}
		//shadow.obj.style.border = "1px dotted orange";
		
	}
 }
 
 /*
 function getMenuParentLeftMargins(){
	
	obj = xDOM('mw');
	menuParentLeftMargins = 0;
	
	while(obj.nodeName != 'BODY'){
		
		var id = getOrSetId(obj);
		liveLog('menuParentLeftMargins = '+fetchStyle(id,'margin-left',true)+'  -- '+obj.nodeName+' -- '+obj.id);
		menuParentLeftMargins = menuParentLeftMargins + fetchStyle(id,'margin-left',true);
		obj = obj.parentNode;
	}
	liveLog('menuParentLeftMargins total= '+menuParentLeftMargins);
	options.menuParentLeftMargins = menuParentLeftMargins;

 }*/
 
 function smShowInitial(idNumber, btnId){
 	//alert('btnId = '+btnId+' | idNumber = '+idNumber);
	//var btnObj = getObject(btnId);
	
	
	var btnObj = xDOM(btnId);
	var btnLeft = findPosX(btnObj);
	var btnTop = findPosY(btnObj);
	var btnHeight = findObjHeight(btnObj);
	var btnWidth = findObjWidth(btnObj);
	var soWrapperId = "ow-" + idNumber;
	// soWrapperObj = getObject(soWrapperId);
	var soWrapperObj = xDOM(soWrapperId);
	
	var siWrapperId = "iw-" + idNumber;
	var siWrapperObj = xDOM(siWrapperId);
	var smWidth = findObjWidth(siWrapperObj);
	

	
	var vertOffset = 0;
	if(options.vertOffset && isNaN(options.vertOffset) === false){ vertOffset = options.vertOffset;	}
	if(BrowserDetect.browser == "Explorer"){
		//vertOffset = vertOffset +35;
		//vertOffset = 0;
	}
	
	if(BrowserDetect.browser == "Explorer" && BrowserDetect.version > 6){
		//btnTop = (btnTop/2) + 77;
		//options.initialSubMenuYoffset = -1;
	}
	
	if(BrowserDetect.browser == "Explorer"){
		options.initialSubMenuYoffset = -152;
	}
	
	var newTop = btnTop + vertOffset + btnHeight + options.initialSubMenuYoffset;
	
	
	if(BrowserDetect.browser == "Firefox"){
		//options.initialSubMenuXoffset = -98;
		//theBody = fetchThing('theBody');
		//liveLog(theBody.width);
		//liveLog(posLeft());
		//liveLog(pageWidth());
	}
	
	var newLeft = btnLeft+ options.initialSubMenuXoffset ;
	
	if(options.initialSubMenuDirection == "right"){
		newLeft = newLeft + btnWidth;
		newTop = newTop - btnHeight;
	}else if(options.initialSubMenuDirection == "left"){
		newLeft = newLeft - smWidth;
		newTop = newTop - btnHeight;
	}
	
	soWrapperObj.style.left =  newLeft + 'px';
	soWrapperObj.style.top = newTop+'px';
	soWrapperObj.style.visibility = "visible";
	
	slideOut("iw-"+idNumber);
	fadeIn("iw-"+idNumber);	
	
	
	
}
 
 var sizeSet = Array();
 function smShowSubsequent(idNumber, btnId){
	
	if(BrowserDetect.browser == "Firefox" ){
		//btnTop = (btnTop/2) + 77;
		//options.subsequentSubMenuXoffset = 1;
	}

	//dontHideParents(idNumber);
	
	//alert('idNumber= '+idNumber+' | btnId= '+btnId);
 	var btn = fetchThing(btnId);
	var sow = fetchThing(("ow-" + idNumber));
	if(!sizeSet[sow.id]){
		// this is done so the sub menus don't get squished since they are elasticy via css to expand for inner content
		//sow.obj.style.width = sow.width+'px';
		//sizeSet[sow.id] = true;
	}
	//if(BrowserDetect.browser == "Firefox"){options.subsequentSubMenuXoffset = 1;}
	var newLeft = btn.right+options.subsequentSubMenuXoffset;
	
	
	var siwObj = xDOM('iw-'+idNumber);
	var siwWidth = findObjWidth(siwObj);
	newLeft = btn.left + (btn.width) + options.subsequentSubMenuXoffset;
	//alert(btn.width)
	
	if((btn.right + sow.width) > posRight()){
		//if the subsequent submenu would go off the right edge, appear on the other side of the parent submenu		
		
		var btnArray = getElementsByClassName(document, "a", "smButton");
		if(btnArray.length <1){btnArray = getElementsByClassName(document, "a", "smButtonParent");}
		var smButtonWidth = findObjWidth(btnArray[0]);
		//newLeft = btn.left - smButtonWidth;
		
		
		
		//newLeft = btn.left - (sow.width + sow.paddingRight);
	}
	var newTop = btn.top + options.subsequentSubMenuYoffset;
	if(btn.top + sow.height > posBottom()){
		//if the subsequent submenu would go off the bottom edge, appear above the parent submenu btn
		newTop = btn.bottom - sow.height + sow.paddingBottom + sow.borderHeight + options.subsequentSubMenuYoffset;
	}
	
	
	//alert(newLeft);
	
	if(BrowserDetect.browser == "Safari"){newLeft = newLeft-5;}
	
	sow.obj.style.left = newLeft+'px';
	sow.obj.style.top = newTop+'px';
	sow.obj.style.visibility = "visible";
	
	//sow.obj.style.border ="2px solid red";
	
	//liveLog(newTop);
	

	slideOut("iw-"+idNumber);
	fadeIn("iw-"+idNumber);
	
 }
 
 function smHide(idNumber){
 	call_hideAllSubMenus();
	//alert(idNumber);
	
 }
 
 function overSOwrapper(idNumber){
 	cancell_hideAllSubMenus();
	
	/*var owObj = xDOM("ow-"+idNumber);
	var topZ = getHighestZindex();
	owObj.style.zIndex = topZ++;*/

	
	if(options.transitions.slide || options.transitions.fade){
		
		dontHideParents(idNumber);
		
		/*
		cancell_slideIn('iw-'+idNumber);
		cancell_slideOut('iw-'+idNumber);
		cancell_slideUp('iw-'+idNumber);
		cancell_slideOut('iw-'+idNumber);
		var obj = xDOM("iw-"+idNumber);
		obj.style.visibility = "visible";
		obj.style.top = 0+'px';
		obj.style.left = 0+'px';
		*/
	}
	
 }
 
 function dontHideParents(idNumber){
	
	var btnObj = xDOM("b-"+idNumber);
	
	var smOWobj = btnObj.parentNode;
	//alert(smOWobj);
	//liveLog(smOWobj.id);	
	//alert(smOWobj.className);
	//liveLog(smOWobj.className);
	
	if(smOWobj && smOWobj.className == 'sMenu'){
		//alert('beep 2');
		var newIdNumber = getIdNumber(smOWobj.id);
		//liveLog('grr-'+newIdNumber+'  || '+idNumber);
		//smShow(newIdNumber);
		
		if(hideOuterWrapper_timeOuts["iw-"+newIdNumber]){clearTimeout(hideOuterWrapper_timeOuts["iw-"+newIdNumber]);}
		//hideOuterWrapper_timeOuts['iw-'+newIdNumber];
		
		smShow(idNumber);
		
	}
 }
 
 function outSOwrapper(){
	call_hideAllSubMenus();
 }
 
function call_hideAllSubMenus(){
	cancell_hideAllSubMenus();
	timeOuts.hideAllSubMenus = setTimeout('hideAllSubMenus()',options.hideDelay);
	//liveLog('<b>hideAllSubMenus <span style="color:green;">called</span></b>');
}//end function

function cancell_hideAllSubMenus(){
	if(timeOuts.hideAllSubMenus){
		clearTimeout(timeOuts.hideAllSubMenus);
		//liveLog('<b>hideAllSubMenus <span style="color:red;">cancelled</span></b>');
	}//end if
}//end function

function hideAllSubMenus(exceptThisId){
	
	
	
	var smArray = getElementsByClassName(document, "div", "soWrapper");
	for(var i=0; i<smArray.length; i++){
		notOver(smArray[i].id, exceptThisId);
		if(exceptThisId != smArray[i].id){
			hideMenu(smArray[i].id);	
		}
		
		//when there are transitions, they will be called here and the hideMenu function will be called at the end of them
	}//end for
	
	notOver(options.wrapperId, exceptThisId);//<-- main menu
	clearTimeout(timeOuts.hideAllSubMenus);
	
}//end function

function hideMenu(menuId){
	//alert(menuId);
	
	if(options.transitions.slide || options.transitions.fade){
		var menuBtn = xDOM("b-"+getIdNumber(menuId));
		//alert(menuBtn.className);
		if(menuBtn.className == "mButtonParent" || menuBtn.className == "mButtonParentOver"){
			//alert(menuId+" is a initial submenu");
			slideIn('iw-'+ getIdNumber(menuId));
			fadeOut('iw-'+ getIdNumber(menuId));
		}else if(menuBtn.className == "smButtonParent" || menuBtn.className == "smButtonParentOver"){
			//alert(menuId+" is NOT a initial submenu");
			slideIn('iw-'+ getIdNumber(menuId));
			fadeOut('iw-'+ getIdNumber(menuId));
		}else{
			//alert(menuId+" beep");
			//hideOuterWrapper(menuId);
		}
	}else{
		hideOuterWrapper(menuId);
	}
	
	
}

function hideOuterWrapper(menuId){
	//alert(menuId);
	var idNumber = getIdNumber(menuId);
	
	clearTimeout(opacityTimeOuts["iw-"+idNumber]);
	
	
	if( !opacityTimeOuts["iw-"+idNumber]){

		menuId = 'ow-'+getIdNumber(menuId);
		var menuObj = xDOM(menuId);
		//liveLog('hideMenu just ran on:'+menuObj+" || "+menuId);
		
		menuObj.style.visibility = "hidden";
	
	
		var smHeight = findObjHeight(menuObj);
	
	
		menuObj.style.top = "-" + smHeight + "px";
		
		
	
	}else{
		//liveLog('blarg');
		//liveLog(opacityTimeOuts["iw-"+idNumber]);
	}
	
	
}

function getIdNumber(id){
	var idArray = id.split("-");
	var idNumber = idArray[idArray.length-1];
	return idNumber;	
}

function getOrSetId(obj){
	if(!obj.id){
		var d = new Date();
		var milli = d.getMilliseconds().toString();
		var randomNumber = Math.floor(Math.random()*1000);
		obj.id = obj.nodeName.toString() + '-' + milli + randomNumber.toString();
		//liveLog(obj.id,'blue');
	}
	return obj.id;
}

function notOver(menuId, exceptThisMenuId){
	
	
	var exceptThisId = null;
	if(exceptThisMenuId){ 
		exceptThisId = 'b-'+ getIdNumber(exceptThisMenuId);
	}
	//var menuObj = getObject(menuId);
	var menuObj = xDOM(menuId);
	var mButtonParentOverArray = getElementsByClassName(menuObj, "a", "mButtonParentOver");
	for(var i=0; i<mButtonParentOverArray.length; i++){
		//alert(mButtonParentOverArray[i].id+' | '+exceptThisId);
		if(exceptThisId != mButtonParentOverArray[i].id ){
			setClass(mButtonParentOverArray[i].id, 'mButtonParent');
		}
	}//end for
	var smButtonParentOverArray = getElementsByClassName(menuObj, "a", "smButtonParentOver");
	for(var i=0; i<smButtonParentOverArray.length; i++){
		if(exceptThisId != smButtonParentOverArray[i].id){
			setClass(smButtonParentOverArray[i].id, 'smButtonParent');
		}
	}//end for
	

}
 

function liveLog(message, color){
	if(options.debug){
		//var liveLogObj = getObject('liveLog');
		var pre = "";
		var post = "";
		if(color){ 
			pre = '<span style="color:'+color+';">';
			post = '</span>';
		}
		var liveLogObj = xDOM('liveLog');
		var currentContent = liveLogObj.innerHTML;
		liveLogObj.innerHTML = pre + message.toString()+ post +"<span style='color:#999;'> --> "+Date().toString()+'</span><br />'+currentContent;
	}
}//end function

function createLiveLog(){
	if(options.debug){
		var liveLogDivOW = document.createElement('div');
		liveLogDivOW.setAttribute('id', "liveLogOW");
		document.body.appendChild(liveLogDivOW);
		var lldowObj = xDOM('liveLogOW'); 
		var liveLogDiv = document.createElement('div');
		liveLogDiv.setAttribute('id', "liveLog");
		lldowObj.appendChild(liveLogDiv);
	}
}
 
 
 
 //--[ common ]--------------------------------------------------------------------------------------------------------------------------
 function fetchThing(id){
 	var arr = Array();
	arr.id = id;
	arr.obj = xDOM(id);
	arr.cssClass = arr.obj.className;
	
	arr.width = findObjWidth(arr.obj);
	arr.height = findObjHeight(arr.obj);
	
	arr.left = findPosX(arr.obj);
	arr.right = arr.left + arr.width;
	arr.top = findPosY(arr.obj);
	arr.bottom = arr.top + arr.height;
	
	arr.paddingRight = fetchStyle(id, 'padding-right', true);
	arr.paddingLeft = fetchStyle(id,'padding-left',true);
	arr.paddingBottom = fetchStyle(id,'padding-bottom', true);
	arr.paddingTop = fetchStyle(id,'padding-top',true);
	arr.paddingHeight = arr.paddingBottom + arr.paddingTop;
	arr.paddingWidth = arr.paddingLeft + arr.paddingRight;
	
	arr.marginTop = fetchStyle(id,'margin-top',true);
	arr.marginBottom = fetchStyle(id,'margin-bottom',true);
	arr.marginLeft = fetchStyle(id,'margin-left', true);
	arr.marginRight = fetchStyle(id,'margin-right',true);
	arr.marginWidth = arr.marginLeft + arr.marginRight;
	arr.marginHeight = arr.marginBottom + arr.marginTop;	
	
	arr.borderBottomWidth = fetchStyle(id, 'border-bottom-width', true);
	arr.borderTopWidth = fetchStyle(id,'border-top-width', true);
	arr.borderLeftWidth = fetchStyle(id,'border-left-width',true);
	arr.borderRightWidth = fetchStyle(id, 'border-right-width', true);
	arr.borderHeight = arr.borderBottomWidth + arr.borderTopWidth;
	arr.borderWidth = arr.borderLeftWidth + arr.borderRightWidth;
	
	arr.zIndex = fetchStyle(id,'z-index',true);
	
	/*for(x in arr){
		liveLog('arr.' + x + ' = ' + arr[x]);
	}*/
	return arr;
 }
 
function fetchStyle(id, style, convertToNumber){
	//enter styles all lowercase with hyphen between words. ie: "border-right-width"
	// see http://codepunk.hardwar.org.uk/css2js.htm for css to javascript reference conversion
	var value = null;
	if(getStyle(id,style)){ value = getStyle(id, style); }
	//if that does not work, we take out all hyphens and capitalize first letter of each word and try again
	var styleArr = style.split("-");
	var newStyle = "";
	for(var i=0; i<styleArr.length; i++){
		if(i === 0){//don't capitolize the first letter!
			newStyle += styleArr[i];
		}else{
			newStyle += (styleArr[i].replace(styleArr[i].charAt(0),styleArr[i].charAt(0).toUpperCase()));
		}
	}
	if(getStyle(id,newStyle)){ 	value = getStyle(id, newStyle); }
	if(convertToNumber){value = parseFloat(value);}
	if(convertToNumber && isNaN(value)){ value = 0;}
	return value;
} 

function getStyle(id,styleProp){
	//http://www.quirksmode.org/dom/getstyles.html
	//liveLog(styleProp);
	var y = null;
	var x = xDOM(id);
	if (x.currentStyle){
		y = x.currentStyle[styleProp];
	}else if (window.getComputedStyle){
		y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	}
	return y;
}

function findObjHeight(thing){
	if(thing.offsetHeight){
		thing_height = thing.offsetHeight;
	}
	else if(thing.style.pixelHeight){
		thing_height = thing.pixelHeight;
	} 
	return thing_height;
}//end function
	
function findObjWidth(thing){
	//last modified March 04, 2007
	var thing_width = 0;
	if(thing.offsetWidth){
		thing_width = thing.offsetWidth;
	}
	else if(thing.style.pixelWidth){
		thing_width = thing.pixelWidth;
	} 
	return thing_width;
}//end function
	
function findPosY(obj)  {
	// by Peter-Paul Koch & Alex Tingle
	// http://blog.firetree.net/2005/07/04/javascript-find-position/
	// http://www.quirksmode.org/js/findpos.html
	var curtop = 0;
    
	if(obj.offsetParent){
        while(1)
        {
		//alert('curtop= '+curtop);
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
		  {
            break;
		  }
          obj = obj.offsetParent;
        }
   } else if(obj.y){
        
		curtop += obj.y;
	}
    return curtop;
  }//end function
  
function findPosX(obj){
	// by Peter-Paul Koch & Alex Tingle
	// http://blog.firetree.net/2005/07/04/javascript-find-position/
	// http://www.quirksmode.org/js/findpos.html
    var curleft = 0;
    if(obj.offsetParent){
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
		  {
            break;
		  }
          obj = obj.offsetParent;
        }
   } else if(obj.x)
   	{
    	curleft += obj.x;
	}
    return curleft;
  }//end function
  
function getElementsByClassName(oElm, strTagName, strClassName){
	/* this awesome getElementsByClassName function was written by:
	Jonathan Snook, http://www.snook.ca/jonathan
	with add-ons by:
	Robert Nyman, http://www.robertnyman.com
	and be found at http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
	*/
    var arrElements = (strTagName == "*" && document.all)? document.all : oElm.getElementsByTagName(strTagName);
    var arrReturnElements = Array();
    strClassName = strClassName.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    var oElement;
    for(var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];      
        if(oRegExp.test(oElement.className)){arrReturnElements.push(oElement);}//end if 
    }//end for
    return (arrReturnElements);
}//end function

function setClass(id, className){
	// I made this function from David F. Miller's code (at A List apart) which can be found at:
	// http://www.alistapart.com/articles/jslogging
	// if the node's class already exists then replace its value
	//var obj = getObject(id);
	var obj = xDOM(id);
	if (obj.getAttributeNode("class")) {
	  for (var i = 0; i < obj.attributes.length; i++) {
		var attrName = obj.attributes[i].name.toUpperCase();
		if (attrName == 'CLASS') {
		  obj.attributes[i].value = className;
		}//end if
	  }//end for
	// otherwise create a new attribute
	} else {
	  obj.setAttribute("class", className);
	}//end if else
}//end function

//###V--[ Browser Window Size and Scroll Position functions ]##################################
// Browser Window Size and Position
// copyright Stephen Chapman, 3rd Jan 2005, 8th Dec 2005
// you may copy these functions but please keep the copyright notice as well
function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;} 
function pageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} 
function posLeft() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset :document.documentElement && document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ? document.body.scrollLeft : 0;} 
function posTop() {return typeof window.pageYOffset != 'undefined' ?  window.pageYOffset : document.documentElement && document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ? document.body.scrollTop : 0;} 
function posRight() {return posLeft()+pageWidth();} 
function posBottom() {return posTop()+pageHeight();}
                    

//~~~~~~~~~~[ xDOM ]~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Cross Browser DOM
// copyright Stephen Chapman, 4th Jan 2005
// you may copy this code but please keep the copyright notice as well
//http://javascript.about.com/library/blxdom.htm
var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById;
if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else {
var nsDOM = ((navigator.appName.indexOf('Netscape') != -1)
&& (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}}
function xDOM(objectId, wS) {
	if (stdDOM) return wS ? document.getElementById(objectId).style:
	document.getElementById(objectId);
	if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId];
	if (nsDOM) return document.layers[objectId];
}                  
// Object Functions
// copyright Stephen Chapman, 4th Jan 2005
//  you may copy these functions but please keep the copyright notice as well
//http://javascript.about.com/library/blobj2.htm
function objWidth(objectID) {
	var obj = xDOM(objectID,0); 
	if(obj.offsetWidth) return  parseFloat(obj.offsetWidth); if (obj.clip) return parseFloat(obj.clip.width); return 0;
}        
function objHeight(objectID) {
	var obj = xDOM(objectID,0); 
	if(obj.offsetHeight) return  parseFloat(obj.offsetHeight); if (obj.clip) return parseFloat(obj.clip.height); return 0;
}    
function objLeft(objectID) {
	var obj = xDOM(objectID,0);
	var objs = xDOM(objectID,1); 
	if(objs.left) return parseFloat(objs.left); if (objs.pixelLeft) return parseFloat(objs.pixelLeft); if (obj.offsetLeft) return parseFloat(obj.offsetLeft); return 0;
} 
function objTop(objectID) {
	var obj = xDOM(objectID,0);var objs = xDOM(objectID,1); if(objs.top) return parseFloat(objs.top); if (objs.pixelTop) return parseFloat(objs.pixelTop); if (obj.offsetTop) return parseFloat(obj.offsetTop); return 0;
} 
function objRight(objectID) {
	return parseFloat(objLeft(objectID))+parseFloat(objWidth(objectID));
} 
function objBottom(objectID) {
	return parseFloat(objTop(objectID))+parseFloat(objHeight(objectID));
} 
function objLayer(objectID) {
	var objs = xDOM(objectID,1); if(objs.zIndex) return objs.zIndex; return 0;
}
function objVisible(objectID) {
	var objs = xDOM(objectID,1); if(objs.visibility == 'hide' || objs.visibility == 'hidden') return 'hidden'; return 'visible';
}

function changeOpac(opacity, id) {//##########################################################
	// I did not write this function it can be found at:
	// http://brainerror.net/scripts_js_blendtrans.php
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
	//object.style.visibility = "visible";
}//end function