// JavaScript Document

function clickBack() {
 if (!document.getElementsByTagName) return; 
 var anchors = document.getElementsByTagName("a"); 
 for (var i=0; i<anchors.length; i++) { 
   var anchor = anchors[i]; 
   if (anchor.className == "linkback")  {
	   //var newDestiny = eval(history.back())
		anchor.onclick = goBack;
   }		
 } 
} 

function goBack() {
		history.back();
		return false;
}

function externalLinks() { 
	if (!document.getElementsByTagName) return; 
	var anchors = document.getElementsByTagName("a"); 
	for (var i=0; i<anchors.length; i++) { 
		var anchor = anchors[i]; 
		if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external") anchor.target = "_blank"; 
	} 
} 

function hideImages(){
	if(document.getElementById('block-image')){
		document.getElementById('block-image').style.display = "none";	
	}
	if(document.getElementById('board-image')){
		document.getElementById('board-image').style.display = "none";	
	}
	if(document.getElementById('tile-image')){
		document.getElementById('tile-image').style.display = "none";	
	}
}

function toggleMarbleImage(show) {
	hideImages();
	document.getElementById(show+'-image').style.display = "block";
}

function showMarbleImages() {
	
	hideImages();
	if(document.getElementById('tile-image')){
		document.getElementById('tile-image').style.display = "block";	
	}
	var togglers = document.getElementsByTagName("a");
	for (var n=0; n<togglers.length; n++) { 
		toggler = togglers[n];
		if (toggler.className == "toggler") {
			toggler.onclick = function() {
				toggleMarbleImage(this.id);
				return false;
			}
		}
	} // end for
}

function showMarbleImages1() { 
	if (!document.getElementsByTagName) return; 
	var anchors = document.getElementsByTagName("div"); 
	for (var i=0; i<anchors.length; i++) { 
		var anchor = anchors[i]; 
		if (anchor.id == "images-canvas")  {
			if (anchor.hasChildNodes()) {
				var nodeList = anchor.childNodes;
				for (var x=0; x<nodeList.length; x++) {
						//nodeList[x].style.display = "none";
						//nodeList[0].style.display = "block";						
				} // end for
			} else {
				
			} // end if
		} // end if		
	} // end for 
	
	var togglers = document.getElementsByTagName("a");
	for (var n=0; n<togglers.length; n++) { 
		toggler = togglers[n];
		if (toggler.className == "toggler") {
			toggler.onclick = function() {
				//alert(this.id);	
				toggleMarbleImage(this.id);
				return false;
			}
		}
	} // end for
} 

window.onload = function() {
	clickBack();
	externalLinks()
	showMarbleImages()
}