function doGetById(i) {
		var o = null;
		if (document.getElementById && document.getElementById(i) != null)
			o = document.getElementById(i);
		else if (document.layers && document.layers[i] != null)
			o = document.layers[i];
		else if (document.all)
			if (document.all[i] != null) {
				o = document.all[i];
			}
		return o;
	}
	
	function doSetClass(i, s) {
		var o = doGetById(i);
		o.className = s;
	}
	
	function doSetImage(i, s) {
		var o = doGetById(i);
		o.src = s;
	}
	
	function setDisplay(id, v) {
		if ( v==0 ) { v='none'; }
		if ( v==1 ) { v='block'; }
		if ( (v!='block') && (v!='none') ) { v==null }
			
		if (document.getElementById) {
			if (document.getElementById(id) != null) {
				if (v==null) {
					if (document.getElementById(id).style.display == "none") { v = 'block'; } 
					else { v = 'none'; }
				} document.getElementById(id).style.display = v;
			}
		} else { 
			if (document.layers) {	
				if ( v==null ) {
					if (document.id.display == "none"){ v = 'block'; } 
					else { v = 'none'; }
				} document.id.display = v;
			} else {
				if ( v==null ) {
					if (document.all.id.style.visibility == "none"){ v = 'block'; } 
					else { v = 'none'; }
				} document.all.id.style.display = v;
			}	
		}
		
		if (v == null) { return -1; }
		if (v == 'none') { return 0; }
		if (v == 'block') { return 1; }
		
	}
	
	

	
	function opacity(id, opacStart, opacEnd, millisec) {
		//speed for each frame
		var speed = Math.round(millisec / 100);
		var timer = 0;
	
		//determine the direction for the blending, if start and end are the same nothing happens
		if(opacStart > opacEnd) {
			for(i = opacStart; i >= opacEnd; i--) {
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		} else if(opacStart < opacEnd) {
			for(i = opacStart; i <= opacEnd; i++)
				{
				setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
				timer++;
			}
		}
	}
	
	//change the opacity for different browsers
	function changeOpac(opacity, id) {
		var object = document.getElementById(id).style;
		object.opacity = (opacity / 100);
		object.MozOpacity = (opacity / 100);
		object.KhtmlOpacity = (opacity / 100);
		object.filter = "alpha(opacity=" + opacity + ")";
	}
	
	function findPosX(obj)
	{
		var curleft = 0;
		if (obj.offsetParent)
		{
			while (obj.offsetParent)
			{
				curleft += obj.offsetLeft
				obj = obj.offsetParent;
			}
		}
		else if (obj.x)
			curleft += obj.x;
		return curleft;
	}
	
	function findPosY(obj)
	{
		var curtop = 0;
		if (obj.offsetParent)
		{
			while (obj.offsetParent)
			{
				curtop += obj.offsetTop
				obj = obj.offsetParent;
			}
		}
		else if (obj.y)
			curtop += obj.y;
		return curtop;
	}
	
	function set_nav(f, v, s) {
		hide_flyouts();
		doGetById('flyout_input_'+f).value = v;
		doGetById('flyout_image_'+f).src = s;
	}
	
	function show_flyout(f) {
		hide_flyouts();
		this_flyout = f;	
		place_flyout();
		
		//changeOpac(0, 'flyout_'+f)
		setDisplay('flyout_'+f, 1);
		//opacity('flyout_'+f, 0, 100, timer_fade); 
		
		//the_timer=setTimeout('fade_flyout()', timer_time);
		the_timer=setTimeout('hide_flyouts()', timer_time);
	}
	
	function fade_flyout() {
		alert();
		var f = this_flyout;
		alert(f);
		setDisplay('flyout_'+f, 1);
		opacity('flyout_'+f, 100, 0, time_fade); 
	}
	
	function hide_flyouts() {
		clearTimeout(the_timer);
		setDisplay('flyout_1', 0);
		setDisplay('flyout_2', 0);
		setDisplay('flyout_3', 0);
		this_flyout = 0;
	}
	
	function place_flyout() {
	
		var f = this_flyout;
		
		if (f != 0) {
		
			var oFlyoutLink = doGetById('flyout_link_'+f);
			var oFlyout = doGetById('flyout_'+f);
			
			if(f==3){
				var fLeft = findPosX(oFlyoutLink) + 110;
				var fTop = findPosY(oFlyoutLink) - 5;
			} else {
				var fLeft = findPosX(oFlyoutLink) + 122;
				var fTop = findPosY(oFlyoutLink) - 70;
			}
			
			oFlyout.style.top = fTop+'px';
			oFlyout.style.left = fLeft+'px';

		}
				
	}
	
	function init_page() {
		hide_flyouts();
	}
	
	var this_flyout = 0;
	var the_timer;
	var timer_time = 2000;
	var timer_fade = 250;