$(document).ready(function(){
	
	$("h1.second-headline").css("display", "block");

	$("#bigimage").css("opacity", "0");
	
	anim();
	initShowHide();
});	


function initShowHide() {

	document.getElementById('text-scroll').style.display = 'none';
	
	var as = document.getElementById('toggle').getElementsByTagName('a');
		
	for (var i = 0; i < as.length; i++) {
		as[i].onclick = function() {
			toggle(this);
			return false;
		}	
	}
	
	toggle(as[1]);
}


function toggle(s) {
	
	var id = s.href.match(/#(\w.+)/)[1];
	
	if (id == "item1") {
		document.getElementById('toggle1').style.display = 'block';
		document.getElementById('toggle2').style.display = 'none';
		document.getElementById('toggle3').style.display = 'none';
		document.getElementById('toggle4').style.display = 'none';
		document.getElementById('toggle5').style.display = 'none';
	}
	
	else if (id == "item2") {
		document.getElementById('toggle2').style.display = 'block';
		document.getElementById('toggle1').style.display = 'none';
		document.getElementById('toggle3').style.display = 'none';
		document.getElementById('toggle4').style.display = 'none';
		document.getElementById('toggle5').style.display = 'none';
		
	}
	
	else if (id == "item3") {
		document.getElementById('toggle3').style.display = 'block';
		document.getElementById('toggle2').style.display = 'none';
		document.getElementById('toggle1').style.display = 'none';
		document.getElementById('toggle4').style.display = 'none';
		document.getElementById('toggle5').style.display = 'none';
		
	}
	
	else if (id == "item4") {
		document.getElementById('toggle4').style.display = 'block';
		document.getElementById('toggle2').style.display = 'none';
		document.getElementById('toggle1').style.display = 'none';
		document.getElementById('toggle3').style.display = 'none';
		document.getElementById('toggle5').style.display = 'none';
		
	}
	
	else if (id == "item5") {
		document.getElementById('toggle5').style.display = 'block';
		document.getElementById('toggle2').style.display = 'none';
		document.getElementById('toggle1').style.display = 'none';
		document.getElementById('toggle4').style.display = 'none';
		document.getElementById('toggle3').style.display = 'none';
		
	}
	
	// Clone the activated toggleable element from the content pool
	var clone = document.getElementById(id).cloneNode(true);
	// This clone will be wrapped in a generated container element called 'cloneDiv' 
	// Try to get a reference to an existing container element
	var cloneDiv = document.getElementById('cloneDiv');
	// In case the container element already exists
	if (cloneDiv) {
		// Replace the previously cloned toggleable element with the new one
		cloneDiv.replaceChild(clone, cloneDiv.firstChild);	
	}
	// In case the container element isn't created yet
	else {
		
		// Create the container element
		var cloneDiv = document.createElement('div');
		// Add the id attribute and set its value
		cloneDiv.setAttribute('id', 'cloneDiv');
		// Put the cloned element in the cloned container
		cloneDiv.appendChild(clone);
		// Append the cloned container to the body of the document
		document.getElementById('rightcol').appendChild(cloneDiv);
	}
}