// hide any DOM element by ID name
function hide(element) {
	document.getElementById(element).style.display='none';
}

// show (un-hide) any DOM element by ID name
function show(element) {
	document.getElementById(element).style.display='';
}

function show_layover(l_type, calling_object, expand_to_side, l_title,l_image, l_sub_title, l_text, l_extras) {

	// add an 'onmouseout' event to the calling object (usually an anchor tag)
	// onmouseout, hide the layover
	// this will overwrite any existing onmouseout functionality for the calling object (possibly a problem with .net)
	//calling_object.onmouseout = function () { hide('layover'); } 
	
	// l_ represents layover - should help prevent name collision
	
	// make sure that the layover is hidden
	hide('layover');

	// get the position of the calling object (the anchor tag)
	object_position = find_position(calling_object);	
	
	// reposition the layover
	if (expand_to_side == "left") {
		// left -- left edge of calling_object, plus the width of the calling object
		// top -- top of calling_object, minus a number to roughly position the 'point' in the correct position
		document.getElementById('layover').style.left = object_position[0] + calling_object.offsetWidth + 5 + 'px';
		document.getElementById('layover').style.top = object_position[1] - 65 + 'px';	

		// hide the right pointer, show the left
		hide('layover_pointer_right_register');
		show('layover_pointer_left');
	} else {
		document.getElementById('layover').style.left = object_position[0] - 330 + 'px';
		document.getElementById('layover').style.top = object_position[1] - 65 + 'px';	

		// hide the left pointer, show the right
		hide('layover_pointer_left');
		show('layover_pointer_right_register');
	}
		
	// update the content of the window
	document.getElementById('layover_title_text').innerHTML=l_title;
	//document.getElementById('layover_image').src=l_image;
	document.getElementById('layover_sub_title').innerHTML=l_sub_title;
	document.getElementById('layover_text').innerHTML= eval("\"" + l_text + "\"");
	document.getElementById('layover_extras').innerHTML=l_extras;
	
	// what type of layover is this?
	/*
		1 - directory => title, address, image on right w border, copy, optional extras in footer
		2 - destination => title, empty, image on left no border, copy, empty
		3 - maps and guides => title, empty, image on right w border, copy, empty
		4 - welcome center => title, address, image on left no border, copy, empty
		5 - simple (subscriptions => title, empty, empty, copy, empty
		6 - snow report => title, location, image with border on right, copy, icons
		999 - page preview ==> page url, large image
	*/
	
	switch(l_type) {
		case 1:
			//document.getElementById('layover_image_container').className = 'dir'
			//document.getElementById('layover_image').className = 'dir'; // border and positioning
			document.getElementById('layover_sub_title').className = 'bold'; // address is bold
			break;
		case 2:
			//document.getElementById('layover_image').className = 'dest'; // border and positioning
			//document.getElementById('layover_text').className = 'first_line'; // first line is bold
			//document.getElementById('layover_text').style.marginLeft = '65px';
			
			//document.getElementById('layover_image_container').className = 'float_left';
			document.getElementById('layover_text').className = 'first_line float_right';
			document.getElementById('layover_text').style.width = '215px';			
			
			hide('layover_sub_title');
			hide('layover_extras');
			break;
		case 3:
			//document.getElementById('layover_image_container').className = 'mg float_right';
			//document.getElementById('layover_image').className = 'mg'; // border and positioning
			//document.getElementById('layover_image').style.border = '4px solid #999999'; // ie6 is great!
			hide('layover_sub_title');
			hide('layover_extras');
			break;
		case 4:
			//document.getElementById('layover_image').className = 'dest'; // border and positioning
			//document.getElementById('layover_image_container').className = 'dest float_left';
			document.getElementById('layover_sub_title').className = 'float_right first_line'; // first line of address is bold
			document.getElementById('layover_sub_title').style.height = '40px'; // clear the image - make room for the description
			document.getElementById('layover_sub_title').style.width = '210px';
			document.getElementById('layover_text').style.clear = 'both';
			//hide('layover_extras');
			//document.getElementById('layover_text').style.clear = 'left';
			document.getElementById('layover_text').innerHTML = '<strong>Description</strong><br /> ' + l_text; // prepend
			break;
		case 5:
			hide('layover_sub_title');
			hide('layover_image');
			hide('layover_extras');
			document.getElementById('layover_body').style.paddingBottom = '1px'; // tighten up the bottom
			break;
		case 6:
			//document.getElementById('layover_image_container').className = 'dir' // image on the right
			//document.getElementById('layover_image').className = 'dir'; // border
			document.getElementById('layover_sub_title').className = 'bold inline ie6'; // address is bold
			break;
		case 999:		
			// strip off the http:// ....com/ portion of the name
			l_position = l_title.indexOf('.com');
			document.getElementById('layover_title_text').innerHTML = l_title.substring(l_position + 4);
			hide('layover_sub_title');
			hide('layover_text');
			hide('layover_extras');

			// brief time delay
			//time_delay(500);
			break;
	}
	
	// display the layover
	show('layover');
	
}

// from http://www.quirksmode.org/js/findpos.html#
function find_position(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

// this is used on pages with search filtering that can expand/collapse
function toggle_filter_display(element, calling_item) {
	if (document.getElementById(element).style.display == 'none') {
		document.getElementById(element).style.display = '';
		calling_item.className = 'form_label_open'
	} else {
		document.getElementById(element).style.display = 'none';
		calling_item.className = 'form_label_closed'
	}
}

// makes text search fields nice to use
function smart_clear(element) {
	if (element.defaultValue == element.value) {
		element.value = '';
	}
}

function smart_restore(element) {
	if (element.value == '') {
		element.value = element.defaultValue;
	}
}

// popup window function 
function popUp(URL) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=1,width=465,height=450,left = 346,top = 135');");
	return false;
}


// time delay borrowed from www.sean.co.uk
function time_delay(millis) {

	var the_date = new Date();
	var current_date = null;

	do { 
		current_date = new Date(); 
	}
	
	while(current_date-the_date < millis);
}

// find the height of the current browser window
// modified version - original from www.howtocreate.co.uk
function find_window_height() {
  var myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}