//here you place the ids of every element you want.
var ids=new Array('basic', 'intermediate', 'advanced');

function switchdiv(id){	
	hideallids();
	showdiv(id);
}


function togglediv(id){	
	if (document.getElementById(id).style.display == 'block') {
		hidediv(id);
	}	
	else {
		showdiv(id);
	}	
}


function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}


function showallids(){
        //loop through the array and hide each element by id
        for (var i=0;i<ids.length;i++){
                showdiv(ids[i]);  
        }
}

function toggleallids(){
        //loop through the array and hide each element by id
        for (var i=0;i<ids.length;i++){
                togglediv(ids[i]);
        }
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

function transitionBox(box) {
        box.style.webkitTransform = 'scale(0.5)';
        box.style.backgroundColor = 'yellow';
}



/* TEXT FIELD DESCRIPTIONS CODE */
/* <![CDATA[ */
			function addEvent(obj, evType, fn){
				 if (obj.addEventListener) {
					 obj.addEventListener(evType, fn, true);
					 return true;
				 } else if (obj.attachEvent) {
					 var r = obj.attachEvent("on"+evType, fn);
					 return r;
				 } else {
					return false;
				 }
			}

			/**
			 * TextFieldDescriptions was written by Brent O'Connor of epicserve.com
			 */ 
			var TextFieldDescriptions = {
				
				init: function() {
					if (!document.getElementsByTagName) return;
					var elems = document.getElementsByTagName("input");
					for (var i = 0; i < elems.length; i++) {
						var elem = elems[i];
						if (elem.className == 'txt' && elem.alt != '') {
							
							elem.value     = elem.alt;
							elem.className = 'txt-desc';
							elem.onblur    = 
TextFieldDescriptions.isValueEmpty;
							elem.onfocus   = 
TextFieldDescriptions.clearValue;
						}
					}
				},

				clearValue: function(e) {

					// get the element from the event object
					var elem;
					if (!e) var e = window.event;
					if (e.target) elem = e.target;
					else if (e.srcElement) elem = e.srcElement;
					if (elem.nodeType == 3) // defeat Safari bug
						elem = elem.parentNode;

					if (elem.value == elem.alt) {
						elem.value = '';
						elem.className = 'txt';
					}
				},
				
				isValueEmpty: function(e) {
					var elem;
					if (!e) var e = window.event;
					if (e.target) elem = e.target;
					else if (e.srcElement) elem = e.srcElement;
					if (elem.nodeType == 3) // defeat Safari bug
						elem = elem.parentNode;

					if (elem.value == '') {
						elem.value = elem.alt;
						elem.className = 'txt-desc';
					}
				}
				
			}
			
			addEvent(window, 'load', TextFieldDescriptions.init);
			/* ]]> */

/* END TEXT FIELD DESCRIPTIONS CODE */