function toggle(key) {

	var toggleContentElm = 'toggled_content_' + key;
	var toggleContentButtonElm = 'toggled_button_' + key;
	
	if (document.getElementById(toggleContentElm) && document.getElementById(toggleContentButtonElm)) {
	
		var toggleContent = document.getElementById(toggleContentElm);
		var toggleContentButton = document.getElementById(toggleContentButtonElm);
		
		if (toggleContent.style.display == 'none') {
			toggleContent.style.display = '';
			toggleContentButton.style.backgroundImage = 'url(../images/triangle-open.gif)';
		} else {
			toggleContent.style.display = 'none';
			toggleContentButton.style.backgroundImage = 'url(../images/triangle-close.gif)';
		}
	}
}

function showToggledContent() {
	var hash = document.location.hash;
	if (hash.length > 0) {
		hash = hash.replace(/#/i, ''); // remove the # from the hash
		toggle(hash);
	}
}

function swap_image(image_num) {

	var num_images = 0;
	
	if (document.getElementById('num_images')) {
		num_images = parseInt(document.getElementById('num_images').value);
	}
	
	if (num_images == 0) return false;
	
	// hide all images and text, remove class from all links
	
	for (var i = 0; i <= num_images; i++) {
	
		if (document.getElementById('image_' + i)) {
			document.getElementById('image_' + i).style.display = 'none';
		}
		
		if (document.getElementById('image_text_' + i)) {
			document.getElementById('image_text_' + i).style.display = 'none';
		}
		
		if (document.getElementById('image_link_' + i)) {
			//alert(document.getElementById('image_link_' + i).className);
			document.getElementById('image_link_' + i).className = '';
		}
	}
	
	
	// show active image/text, highlight relevant link
	
	if (document.getElementById('image_' + image_num)) {
		document.getElementById('image_' + image_num).style.display = '';
	}
	
	if (document.getElementById('image_text_' + image_num)) {
		document.getElementById('image_text_' + image_num).style.display = '';
	}
	
	if (document.getElementById('image_link_' + image_num)) {
		document.getElementById('image_link_' + image_num).className += 'selected';
	}
	
	return false;	
	
}

function slideSwap(e) {
	
	var element;
	
	// cross browser method of finding out who is calling this function
	// this is the IE way
	if (window.event && window.event.srcElement) {
		element = window.event.srcElement;
	}
	if (e && e.target) {
		element = e.target;
	}
	
	// make sure we get an anchor tag
	while (element != document.body && element.nodeName.toLowerCase() != 'a') {
		element = element.parentNode;
	}
	
	// get the value of the element
	//var src = element.src;
	// change the src of the main image
	//var mainImage = document.getElementById("imagePlaceholder");
	//mainImage.src = src;
	
	// get the id of the div to toggle (found in the rel attribute of the anchor)
	var toggleDiv = element.getAttribute("rel");
	//alert(toggleDiv);
	
	var toggleDivs = new Array('slide_0', 'slide_1', 'slide_2', 'slide_3');
	for (var i = 0; i < toggleDivs.length; i++) {
		
		var tempToggleDiv = toggleDivs[i];
		if (document.getElementById(tempToggleDiv)) {
			//alert(element);
			if (tempToggleDiv == toggleDiv) {
				document.getElementById(tempToggleDiv).style.display = '';
			} else {
				document.getElementById(tempToggleDiv).style.display = 'none';
			}
		}
	}
	
	// turn off all borders first
	var image_anchors = document.getElementById("slide_selector").getElementsByTagName("a");
	for (var i = 0; i < image_anchors.length; i++) {
		var anchor = image_anchors[i];
		// unhighlight all other anchors
		anchor.className = anchor.className.replace(/\b ?selected\b/,'');
	}
	
	// highlight clicked anchor
	element.className += 'selected';
	
	// cancel default anchor link
	if (window.event) {
		window.event.returnValue = false;
	} else {
		e.preventDefault();
	}
}

function ini_slideSwap() {	
	if (document.getElementById) {
		if (document.getElementById("slide_selector")) {
			var anchors = document.getElementById("slide_selector").getElementsByTagName("a");
			for (var i = 0; i < anchors.length; i++) {
				var element = anchors[i];
				addEvent(element, 'click', slideSwap, false);
				element.onclick = cancelClick; // for the benefit of Safari
			}
		}
	}	
}

addLoadEvent(ini_slideSwap);