//Show hide elements based on selected item
//var qls=new Array('assoc1','assoc2','assoc3');

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

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<qls.length;i++){
		hidediv(qls[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';
		}
	}
}

//Date Display local to user

function dateShow() {
	var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
	
	// Array of month Names
	var monthNames = new Array(
	"January","February","March","April","May","June","July","August","September","October","November","December");
	
	var now = new Date();
	
	//document.write(dayNames[now.getDay()] + ", " + monthNames[now.getMonth()] + " " + now.getDate() + ", " + now.getFullYear());
	document.write(monthNames[now.getMonth()] + " " + now.getDate() + ", " + now.getFullYear());
}



//3 Panel slide downs on main player

try {
		  document.execCommand("BackgroundImageCache", false, true);
	} catch(err) {}
	
	var ids=new Array('todo_top','feedback_top','dini_top');
	var mid=new Array('todo_links','feedback_links','dini_links');
	var bot=new Array('todo_foot','feedback_foot','dini_foot');

	
//@@__________TOP DIVS

	function setBGTop(id){
		setColourTop();
		showdivTop(id);
	}
	
		function setColourTop(){
	
		for (var i=0;i<ids.length;i++){
			hidedivTop(ids[i]);
		}
	}
	
	function hidedivTop(id) {
		
		myclass = 'light_green_top_l';
		//safe function to hide an element with a specified id
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'feedback_top') {
				document.getElementById(id).className = 'light_green_top_m';
			}
			else if (id == 'dini_top') {
				document.getElementById(id).className = 'light_green_top_r';
			}
			else {
			document.getElementById(id).className = myclass;//if it's todo
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'feedback_top') {
				document.id.className = 'light_green_top_l';
				}
				else if (id == 'dini_top') {
					document.id.className = 'light_green_top_m';
				}
				else {
				document.id.className = myclass;
				}
			}
			else { // IE 4
				if (id == 'feedback_top') {
					document.all.id.className = 'light_green_top_m';
				}
				else if (id == 'dini_top') {
					document.all.id.className = 'light_green_top_r';
				}
				else {
					document.all.id.className = myclass;
				}
			}
		}
	}
	
	function showdivTop(id) {
		
		myclass = 'dark_green_top_l';
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'feedback_top') {
			//alert(id+" dark")
				document.getElementById(id).className = 'dark_green_top_m';
			}
			else if (id == 'dini_top') {
				document.getElementById(id).className = 'dark_green_top_r';
			}
			else{
				document.getElementById(id).className = myclass;
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'feedback_top') {
				//alert(id+" dark")
					document.id.className = 'dark_green_top_m';
				}
				else if (id == 'dini_top') {
					document.id.className = 'dark_green_top_r';
				}
				else{
					document.id.className = myclass;
				}
			}
			else { // IE 4
				if (id == 'feedback_top') {
				//alert(id+" dark")
					document.all.id.className = 'dark_green_top_m';
				}
				else if (id == 'dini_top') {
					document.all.id.className = 'dark_green_top_r';
				}
				else{
					document.all.id.className = myclass;
				}
			}
		}
	}


//@@__________MIDDLE DIVS

	function setBGMid(id){
		setColourMid();
		showdivMid(id);
	}
	
	function setColourMid(){
		for (var i=0;i<mid.length;i++){
			hidedivMid(mid[i]);
		}
	}
	
	function hidedivMid(id) {
		
		myclass = 'light_green_middle_l';
		//safe function to hide an element with a specified id
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'feedback_links') {
				document.getElementById(id).className = 'light_green_middle_m';
			}
			else if (id == 'dini_links') {
				document.getElementById(id).className = 'light_green_middle_r';
			}
			else {
			document.getElementById(id).className = myclass;//if it's todo
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'feedback_links') {
				document.id.className = 'light_green_middle_l';
				}
				else if (id == 'dini_links') {
					document.id.className = 'light_green_middle_r';
				}
				else {
				document.id.className = myclass;
				}
			}
			else { // IE 4
				if (id == 'feedback_links') {
					document.all.id.className = 'light_green_middle_m';
				}
				else if (id == 'dini_links') {
					document.all.id.className = 'light_green_middle_r';
				}
				else {
					document.all.id.className = myclass;
				}
			}
		}
	}
	
	function showdivMid(id) {
		
		myclass = 'dark_green_middle_l';
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'feedback_links') {
			//alert(id+" dark")
				document.getElementById(id).className = 'dark_green_middle_m';
			}
			else if (id == 'dini_links') {
				document.getElementById(id).className = 'dark_green_middle_r';
			}
			else{
				document.getElementById(id).className = myclass;
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'feedback_links') {
				//alert(id+" dark")
					document.id.className = 'dark_green_middle_m';
				}
				else if (id == 'dini_links') {
					document.id.className = 'dark_green_middle_r';
				}
				else{
					document.id.className = myclass;
				}
			}
			else { // IE 4
				if (id == 'feedback_links') {
				//alert(id+" dark")
					document.all.id.className = 'dark_green_middle_m';
				}
				else if (id == 'dini_links') {
					document.all.id.className = 'dark_green_middle_r';
				}
				else{
					document.all.id.className = myclass;
				}
			}
		}
	}
	
	
//@@__________BOTTOM DIVS
	function setBGBot(id){
		setColourBot();
		showdivBot(id);
	}
	
	function setColourBot(){
	
		for (var i=0;i<bot.length;i++){
			hidedivBot(bot[i]);
		}
	}
	
	function hidedivBot(id) {
		
		myclass = 'light_green_bottom_r';
		//safe function to hide an element with a specified id
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'todo_foot') {
				document.getElementById(id).className = 'light_green_bottom_l';
			}
			else if (id == 'feedback_foot') {
				document.getElementById(id).className = 'light_green_bottom_m';
			}
			else {
			document.getElementById(id).className = myclass;
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'todo_foot') {
				document.id.className = 'light_green_bottom_l';
				}
				else if (id == 'feedback_foot') {
					document.id.className = 'light_green_bottom_m';
				}
				else {
				document.id.className = myclass;
				}
			}
			else { // IE 4
				if (id == 'todo_foot') {
					document.all.id.className = 'light_green_bottom_l';
				}
				else if (id == 'feedback_foot') {
					document.all.id.className = 'light_green_bottom_m';
				}
				else {
					document.all.id.className = myclass;
				}
			}
		}
	}
	
	function showdivBot(id) {
		
		myclass = 'dark_green_bottom_r';
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'todo_foot') {
			//alert(id+" dark")
				document.getElementById(id).className = 'dark_green_bottom_l';
			}
			else if (id == 'feedback_foot') {
				document.getElementById(id).className = 'dark_green_bottom_m';
			}
			else{
				document.getElementById(id).className = myclass;
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'todo_foot') {
				//alert(id+" dark")
					document.id.className = 'dark_green_bottom_l';
				}
				else if (id == 'feedback_foot') {
					document.id.className = 'dark_green_bottom_m';
				}
				else{
					document.id.className = myclass;
				}
			}
			else { // IE 4
				if (id == 'todo_foot') {
				//alert(id+" dark")
					document.all.id.className = 'dark_green_bottom_l';
				}
				else if (id == 'feedback_foot') {
					document.all.id.className = 'dark_green_bottom_m';
				}
				else{
					document.all.id.className = myclass;
				}
			}
		}
	}
	

//@@_______Quick link shuffler tabs switcher
//left, middle, right
//.QV_bg_lt_l, .QV_bg_dk_l, .QV_bg_lt_m, .QV_bg_dk_m, .QV_bg_lt_r, .QV_bg_dk_r

	function setQL(id){
		setColourQL();
		showdivQL(id);
	}
	
	function setColourQL(){
	
		for (var i=0;i<qvqls.length;i++){
			hidedivQL(qvqls[i]);
		}
	}
	
	function hidedivQL(id) {
				
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'left') {
				document.getElementById(id).className = 'QV_bg_lt_l';
			}
			else if (id == 'middle') {
				document.getElementById(id).className = 'QV_bg_lt_m';
			}
			else {
			document.getElementById(id).className = 'QV_bg_lt_r';
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'left') {
				document.id.className = 'QV_bg_lt_r';
				}
				else if (id == 'middle') {
					document.id.className = 'QV_bg_lt_m';
				}
				else {
				document.id.className = 'QV_bg_lt_r';
				}
			}
			else { // IE 4
				if (id == 'left') {
					document.all.id.className = 'QV_bg_lt_r';
				}
				else if (id == 'middle') {
					document.all.id.className = 'QV_bg_lt_m';
				}
				else {
					document.all.id.className = 'QV_bg_lt_r';
				}
			}
		}
	}
	
	function showdivQL(id) {
		
		
		if (document.getElementById) { // DOM3 = IE5, NS6
			if (id == 'left') {
			//alert(id+" dark")
				document.getElementById(id).className = 'QV_bg_dk_l';
			}
			else if (id == 'middle') {
				document.getElementById(id).className = 'QV_bg_dk_m';
			}
			else{
				document.getElementById(id).className = 'QV_bg_dk_r';
			}
		}
		else {
			if (document.layers) { // Netscape 4
				if (id == 'left') {
				//alert(id+" dark")
					document.id.className = 'QV_bg_dk_l';
				}
				else if (id == 'middle') {
					document.id.className = 'QV_bg_dk_m';
				}
				else{
					document.id.className = 'QV_bg_dk_r';
				}
			}
			else { // IE 4
				if (id == 'left') {
				//alert(id+" dark")
					document.all.id.className = 'QV_bg_dk_l';
				}
				else if (id == 'middle') {
					document.all.id.className = 'QV_bg_dk_m';
				}
				else{
					document.all.id.className = 'QV_bg_dk_r';
				}
			}
		}
	}

	function info(recInfo) {
        	infoPane = window.open("",recInfo,"scrollbars=yes,resizable=yes,width=875,height=395")
        	infoPane.focus()
	}