/* hover function for the IE & Co */
function clickedLink(link,linkName,content){

	
	
	if(link.className != 'contentLayer'){
	
		hideGrid();
		var parentLinkId = link.id; 
		parentLinkTD = $( 'link#' + parentLinkId.substring(2,3));
		parentLinkTD.addClassName('hoverblocker');
		 
		 hideLinks(link);	
		
		 document.getElementById('transoneImage').className= linkName + 'BG';
		 
		 new Effect.Appear('transoneImage', { 
			 
			 duration:2.2,
			 from: 0.0, to:1.0,
			 fps: 50, 
			 afterFinish: function() { 
			 
			 setBG(linkName);	
			 showGrid(); 
			 new Effect.Fade('transoneImage', {	 
					 duration:0.8,
				     from: 1.0, to:0.0,
				     fps: 50, 
				     afterFinish: function() { 	
				 		new Effect.Scale(link, 400, {
							scaleContent: false,
							transition:Effect.Transitions.linear,
							
							afterFinish: function() { 	
								 link.addClassName('contentLayer');
								 link.removeClassName('linkContainer');	
								 Effect.toggle(content,'blind',{duration:2});
								 return false;	 
						 	} 
						 });
				      } 
				 });	 
	      	} 
	     });
	}else {
		hideContentLayer();
	}
	 
}

function startLinkHover(linkTD){	
	
	window.setTimeout("stopLinkHover()", 1000000);
	var linkContentTD = linkTD; 
	var childContentTD = $('linkContent' + (linkContentTD.substring(5,6)));

	if(childContentTD.style.display == 'none'){
		new Effect.Appear(linkTD, { 
			 duration:1.0,
			 to:0.7,
			 fps: 100
			
		});
		return false;
	}
	
}

function stopLinkHover(linkTD){	
	window.setTimeout("startLinkHover()", 1000000);

	var linkContentTD = linkTD; 
	var childContentTD = $('linkContent' + (linkContentTD.substring(5,6)));

	if(childContentTD.style.display == 'none'){
		new Effect.Fade(linkTD, {  
			 duration:1.0,
			 to:0.5,
			 fps: 100
			
		});
		return false;
	}
	
}

function setBG(linkName){	
	document.getElementById('contentBody').className= linkName + 'BG';	
	return false;
}

function showGrid(){	
	new Effect.Appear('gridImage', { 	 
		 duration:1,
		 from: 0.1, to:0.4,
		 fps: 100
	});
	 return false;
}

function hideGrid(){	
	new Effect.Fade('gridImage', {  
		 duration:1,
		 from: 0.4, to:0.1,
		 fps: 100
	});
	 return false;
}

function hideContentLayer(){
	
	var classnamed='contentLayer';
	
	var divs = document.getElementsByTagName('DIV');
	var len = divs.length;
	var thisDiv, thisDivID;
	for (var i = 0; i < len; i++){
		thisDiv = divs[i];
	
		if (thisDiv.className == classnamed){
			thisDivID = thisDiv.id;
	
			new Effect.Scale(thisDivID, 25, {
				scaleContent:false
				});
			
			showLinks(thisDivID);
			
			thisDiv.removeClassName('contentLayer');
			thisDiv.addClassName('linkContainer');
			
			$('linkContent' + thisDivID.substring(2,3)).style.display = 'none';
			
		}
	}
	
}



/* ****************************************************************** */
/* SHOW HIDE LINKS */
function showLinks(activeLink){
	
	
	if(activeLink.id != 'lc1'){
		Effect.Appear("lc1",{duration:1.0});
		$('link#1').removeClassName('hoverblocker');
	}
	if(activeLink.id != 'lc2'){
		Effect.Appear("lc2",{duration:1.0});
		$('link#2').removeClassName('hoverblocker');
	}
	if(activeLink.id != 'lc3'){
		Effect.Appear("lc3",{duration:1.0});
		$('link#3').removeClassName('hoverblocker');
	}
	if(activeLink.id != 'lc4'){
		Effect.Appear("lc4",{duration:1.0});
		$('link#4').removeClassName('hoverblocker');
	}
	if(activeLink.id != 'lc5'){
		Effect.Appear("lc5",{duration:1.0});
		$('link#5').removeClassName('hoverblocker');
		
	}
	if(activeLink.id != 'lc6'){
		Effect.Appear("lc6",{duration:1.0});
		$('link#6').removeClassName('hoverblocker');		
	}
}


function hideLinks(activeLink){
	if(activeLink.id != 'lc1'){
		Effect.Fade("lc1",{duration:1.0});
		
	}
	if(activeLink.id != 'lc2'){
		Effect.Fade("lc2",{duration:1.0});
		
	}
	if(activeLink.id != 'lc3'){
		Effect.Fade("lc3",{duration:1.0});
		
	}
	if(activeLink.id != 'lc4'){
		Effect.Fade("lc4",{duration:1.0});
		
	}
	if(activeLink.id != 'lc5'){
		Effect.Fade("lc5",{duration:1.0});
		
	}
	if(activeLink.id != 'lc6'){
		Effect.Fade("lc6",{duration:1.0});
		
	}
}