//~~~~~~~~~~~~~~~~~~toggle script
function toggleBoxes(obj,box,tag,hide) {
		if (typeof(hide) == 'undefined') hide = 'empty';
		var el = document.getElementById(obj);
		var container = document.getElementById(box);
		var hideElements = container.getElementsByTagName(tag);
		for (i = 0; i < hideElements.length; i++) {
			if (el.getAttribute('id') != hideElements[i].getAttribute('id') && hideElements[i].className == hide) {
				hideElements[i].style.display = 'none';
			} else {
				hideElements[i].style.display = '';
			}
		}
		
	}
	
function setTab(img) {
		var el = document.getElementById(img);
		var container = document.getElementById('tabs');
		var imgElements = container.getElementsByTagName('img');
		
		for (i = 0; i < imgElements.length; i++) {
			if (el.getAttribute('id') != imgElements[i].getAttribute('id')) {
				imgElements[i].src = imgElements[i].src.replace(/-down(\.[^.]+)$/, '$1');
			} else {
				el.src = el.src.replace(/-over(\.[^.]+)$/, '-down$1');
			}
		}
		
		
		
	
	//getElementById('tab2').src='images/blueTab2-down.gif';getElementById('tab1').src='images/blueTab1.gif';
	
}
// ~~~~~~~~~~~~~~~~~rollovers~~~~~~~~~~
// as long as there's a corresponding image with the same name followed by "-over"
//all you need to do is wrap the image in an href with a class='rollover'. like so,,
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<a href="##" class="rollover" alt=""><img src="basic_image.gif" /></a>
function setupRollovers() {
if (!document.getElementsByTagName)
return;
var all_links = document.getElementsByTagName('a');
for (var i = 0; i < all_links.length; i++) {
var link = all_links[i];
if (link.className &&
(' ' + link.className + ' ').indexOf(' rollover ') != -1)
{
if (link.childNodes &&
link.childNodes.length == 1 &&
link.childNodes[0].nodeName.toLowerCase() == 'img') {
link.onmouseover = mouseover;
link.onmouseout = mouseout;
}
}
}
}
function findTarget(e)
{
/* Begin the DOM events part, which you */
/* can ignore for now if it's confusing */
var target;
if (window.event && window.event.srcElement)
target = window.event.srcElement;
else if (e && e.target)
target = e.target;
if (!target)
return null;
while (target != document.body &&
target.nodeName.toLowerCase() != 'a')
target = target.parentNode;
if (target.nodeName.toLowerCase() != 'a')
return null;
return target;
}
function mouseover(e) {
var target = findTarget(e);
if (!target) return;
// the only child node of the a-tag in target will be an img-tag
var img_tag = target.childNodes[0];
// Take the "src", which names an image called "something.ext",
// Make it point to "something_over.ext"
// This is done with a regular expression
img_tag.src = img_tag.src.replace(/(\.[^.]+)$/, '-over$1');
}
function mouseout(e) {
var target = findTarget(e);
if (!target) return;
// the only child node of the a-tag in target will be an img-tag
var img_tag = target.childNodes[0];
// Take the "src", which names an image as "something_over.ext",
// Make it point to "something.ext"
// This is done with a regular expression
img_tag.src = img_tag.src.replace(/-over(\.[^.]+)$/, '$1');
}
// When the page loads, set up the rollovers
window.onload = function() {
	setupRollovers();
	
	}