var collapsed = true;

window.onload=function(){
  
	$('slidepanel').style.left = - document.viewport.getWidth() - 42 + "px";
	
	$('slidepanel').style.width = document.viewport.getWidth() + "px";
	$('slidepanel').style.height = document.viewport.getHeight() + "px";
  
  
	$('videoframe_parent').style.width = document.viewport.getWidth() - 40 + "px";
	$('videoframe_parent').style.height = document.viewport.getHeight() - 40 + "px";
	$('videoframe').style.width = document.viewport.getWidth() - 40 + "px";
	$('videoframe').style.height = document.viewport.getHeight() - 40 + "px";
	
	collapsed = true;
}


function slideHorizontal(){
	
	if (collapsed==true){
		slideIn();
	} else {
		slideOut();
	}
	
	collapsed = !collapsed;
	
}

function slideIn() {

	new Effect.Move($('slidepanel'), {
	   x: document.viewport.getWidth() + 2, 
	   transition: Effect.Transitions.linear
	});
	
	$('trigger').addClassName('activeTrigger');
	
	$('videoframe').src = "http://heilmann-software.de/VF_Demo_Flash/Visual_Famos_Demo_controller.swf";
	
}
function slideOut() {

	new Effect.Move($('slidepanel'), {
	   x: - (document.viewport.getWidth() + 2), 
	   transition: Effect.Transitions.linear
	});
	
	$('trigger').removeClassName('activeTrigger');
	
	$('videoframe').src = "iframe_loading.html";
	
}