$(document).ready(function() {
  		
	//Sliding menues
	$("a#menue1").click().toggle(function() {
			$('#slidemenue1').animate({
				width: 'show',
				opacity: 'show'
			}, 'fast');
		}, function() {
			$('#slidemenue1').animate({
				width: 'hide',
				opacity: 'hide'
			}, 'slow');
		});
	
	$("a#menue2").click().toggle(function() {
		$('#slidemenue2').animate({
			width: 'show',
			opacity: 'show'
		}, 'fast');
	}, function() {
		$('#slidemenue2').animate({
			width: 'hide',
			opacity: 'hide'
		}, 'slow');
	});
	
	$("a#menue3").click().toggle(function() {
		$('#slidemenue3').animate({
			width: 'show',
			opacity: 'show'
		}, 'fast');
	}, function() {
		$('#slidemenue3').animate({
			width: 'hide',
			opacity: 'hide'
		}, 'slow');
	});
	
	//First we slide down all menues
	$('#slidemenue1').animate({
		width: 'hide',
		opacity: 'hide'
	}, 'slow');
	
	$('#slidemenue2').animate({
		width: 'hide',
		opacity: 'hide'
	}, 'slow');
	
	$('#slidemenue3').animate({
		width: 'hide',
		opacity: 'hide'
	}, 'slow');
	
	
	//End of sliding menues
	
	//Now some stuff for the actionview method
	var doc_height=window.innerHeight;
	doc_height=doc_height-55;
	$("a#actionview").click().toggle(function() {
		$('#sidebarmenue').animate({
			width: 'hide',
			opacity: 'hide'
		}, 'slow');$('#content').animate({
			width: 'hide',
			opacity: 'hide'
		}, 'slow');$('#actionviewscreen').animate({
			width: 'show',
			height:doc_height,
			opacity: 'show'
		}, 'slow');start_actionview();
	}, function() {
		$('#sidebarmenue').animate({
			width: 'show',
			opacity: 'show'
		}, 'slow');$('#content').animate({
			width: 'show',
			opacity: 'show'
		}, 'slow');$('#actionviewscreen').animate({
			width: 'hide',
			opacity: 'hide'
		}, 'slow');
	});
	
	$('#location').change(function() {
		 window.location=$('#location').val();
		});

		
});


function start_actionview()
{
	snd_req(1,"srv/actionview.php","actionviewscreen");
}