// author: mike foskett - http://webSemantics.co.uk/
function $id(i){return(document.getElementById(i)?document.getElementById(i):false)}
function isDom(){return (document.getElementById&&document.getElementsByTagName)}

/* onload handler - author: Simon Willisons - http://simon.incutio.com/archive/2004/05/26/addLoadEvent */
function addLoad(f){var o=window.onload;if(typeof window.onload!='function'){window.onload=f}else{window.onload=function(){o();f()}}}

// className: swap, add, remove or check - author: Christian Heilmann - http://onlinetools.org
function jsCSS(action,obj,class1,class2){
  switch (action){
	case 'swap':obj.className=!jsCSS('check',obj,class1)?obj.className.replace(class2,class1): obj.className.replace(class1,class2);break;
	case 'add':if(!jsCSS('check',obj,class1)){obj.className+=obj.className?' '+class1:class1};break;
	case 'remove':var rep=obj.className.match(' '+class1)?' '+class1:class1;obj.className=obj.className.replace(rep,'');break;
	case 'check':return new RegExp('\\b'+class1+'\\b').test(obj.className);break;
  }
  return false;
}

function setOpacity(id,op){
  var o=document.getElementById(id).style;
  o.opacity=op/100;
  o.MozOpacity=op/100;
  o.KhtmlOpacity=op/100;
  o.filter="alpha(opacity="+op+")";
}

function closeInfo(){
	// close all open pop-ups by removing .show and reset opacity to 0
	jsCSS('remove',$id('Tag'),'show');
	setOpacity('Tag',0);
	jsCSS('remove',$id('Leapster2'),'show');
	setOpacity('Leapster2',0);
	jsCSS('remove',$id('Clickstart'),'show');
	setOpacity('Clickstart',0);
}

function setItUp(){
	// Add close links to pop-up divs
	$id('Tag').innerHTML='<a href="#" onclick="closeInfo();return false;" class="close"><img src="/p/i/leapfrog/close2.png" width="43" height="29" title="" alt="Close window" /><span>&#160;</span></a>'+$id('Tag').innerHTML;
	$id('Leapster2').innerHTML='<a href="#" onclick="closeInfo();return false;" class="close"><img src="/p/i/leapfrog/close2.png" width="43" height="29" title="" alt="Close window" /><span>&#160;</span></a>'+$id('Leapster2').innerHTML;
	$id('Clickstart').innerHTML='<a href="#" onclick="closeInfo();return false;" class="close"><img src="/p/i/leapfrog/close2.png" width="43" height="29" title="" alt="Close window" /><span>&#160;</span></a>'+$id('Clickstart').innerHTML;
	// get anchor links a.more
	var lnks=$id('contentWrapper').getElementsByTagName('a');
	for (var i=0;i<lnks.length;i++){
		if(jsCSS('check',lnks[i],'more')){
			// onclick add/remove .show to pop-up divs 
			lnks[i].onclick=function(){
				// pop-up div id taken from anchor href
				var divObj=$id(this.href.substring(this.href.lastIndexOf('#')+1))
				if (jsCSS('check',divObj,'show')) var show=true;
				closeInfo();
				if (!show){
					for(var o=0;o<101;o+=25){
					  setTimeout("setOpacity('"+divObj.id+"',"+o+")",o*2);
					}
					jsCSS('add',divObj,'show');
				}
				return false;
}	}	}	}


if (isDom()){
	document.documentElement.className="hasJS";
	addLoad(setItUp);
}