var xpos = 0;
var xoffset_0 = 21;
var xpos_0 = xpos + xoffset_0;
var ypos = 0;
var yoffset_0 = 0;
var yoffset_1 = 144;
var ypos_0 = ypos + yoffset_0;
var ypos_1 = ypos + yoffset_1;
var breite;
var trans=false;
var focus=1;
var pos_sp_1_org = true;
var pos_sp_2_org = true;
var pos_sp_3_org = true;
var pos_sp_4_org = true;
var pos_sp_1_da = true;
var pos_sp_2_da = false;
var pos_sp_3_da = false;
var pos_sp_4_da = false;
var pos_sp_5_da = false;
var pos_sp_6_da = false;
var pos_sp_7_da = false;
var hover = 0;
var fadeout=0.3;
var fadein=0.3;
var fname='';

var spaltenbreite = 1;
var color_1 = '#7D8225';
var duration = 0.4;
var sync = 0;
var transition = 'Effect.Transitions.bezier_b';
function init() {
	s1=new Spalte(1,21,'spalte1',1,1,'',$('spalte_1').offsetWidth);
	s2=new Spalte(2,21,'spalte2',0,0,'',$('spalte_2').offsetWidth);
	s3=new Spalte(3,165,'spalte3',0,0,'',$('spalte_3').offsetWidth);
	s4=new Spalte(4,165,'spalte4',0,0,'',$('spalte_4').offsetWidth);
	breite = dev_breite();
	fenster_anpassen();
}

function greyout(menu) {
	var lala = $$('.'+menu);
	lala.style.color='#c0c0c0';
}

function Spalte(ebene_nr,x,ebene_name,sichtbar,aktiv,inhalt, breite){
	this.ebene_nr=ebene_nr;
	this.x=x;
	this.status='aktiv';
	this.ebene_name=ebene_name;
	this.sichtbar=sichtbar;
	this.aktiv=aktiv;
	this.inhalt=inhalt;
	this.clicked=0;
	this.breite=breite;
}

function dev_breite () {
	if (spaltenbreite < s1.breite) spaltenbreite = s1.breite;
	if (spaltenbreite < s2.breite) spaltenbreite = s2.breite;
	if (spaltenbreite < s3.breite) spaltenbreite = s3.breite;
	if (spaltenbreite < s4.breite) spaltenbreite = s4.breite;
	return spaltenbreite * 2;
}

function color_me(selector,color) {
		var arrElements = $$(selector);
		for ( var ac = 0; ac < (arrElements.length); ac++) {
			$(arrElements[ac]).setStyle({color:color});
		}
		if( selector==".m2" ){
			if(color=='#C0C0C0') {
				color_me('.menusubhead','#C0C0C0');			
			} else {
				color_me('.menusubhead','#44505C');			
			}
		}
		
			
}

function spalte_focus(spalte) {
	if (trans==true) return;
	var eff = new Array();
	var i = 0;
	switch(spalte){
 		case 1:
			color_me('.m1','#004D60');
 			if (pos_sp_2_da == true && pos_sp_2_org != true) {
 				eff[i++] = new Effect.Move($('spalte_2o'), {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_2'),  {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_2_org = true;
 	 		}
 	 		if (pos_sp_3_da == true &&pos_sp_3_org != true) {
 				eff[i++] = new Effect.Move($('spalte_3o'), {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_3'),  {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_3_org = true;
 	 		}
 	 		if (pos_sp_4_da == true &&pos_sp_4_org != true) {
 				eff[i++] = new Effect.Move($('spalte_4o'), {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_4'),  {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_4_org = true;
 	 		}
 	 		hover = 1;
 	 	break;
 		case 2:
			color_me('.m2','#004D60');

			color_me('.m1','#C0C0C0');
 			if (pos_sp_5_da == true && pos_sp_2_org == true) {
	 			eff[i++] = new Effect.Move($('spalte_2o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
				eff[i++] = new Effect.Move($('spalte_2'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
				pos_sp_2_org = false;
	 		}
	 		if (pos_sp_3_da == true && pos_sp_2_org == true) {
	 			eff[i++] = new Effect.Move($('spalte_2o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
				eff[i++] = new Effect.Move($('spalte_2'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
				pos_sp_2_org = false;
	 		}
	 		if (pos_sp_3_da == true && pos_sp_3_org == false) {
	 			eff[i++] = new Effect.Move($('spalte_3o'), {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
				eff[i++] = new Effect.Move($('spalte_3'),  {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
				pos_sp_3_org = true;
	 		}
 	 		if (pos_sp_4_da == true &&pos_sp_4_org != true) {
 				eff[i++] = new Effect.Move($('spalte_4o'), {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_4'),  {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_4_org = true;
 	 		}
 	 		hover = 2;
 		break;
 		case 3:
			color_me('.m3','#004D60');

 			if (pos_sp_4_da == true && pos_sp_2_org == true) {
 				color_me('.m1','#C0C0C0');
 				color_me('.m2','#C0C0C0');
 	 			eff[i++] = new Effect.Move($('spalte_2o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_2'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_2_org = false;
 	 		}
 	 		if (pos_sp_4_da == true && pos_sp_3_org == true) {
 				color_me('.m2','#C0C0C0');
 	 			eff[i++] = new Effect.Move($('spalte_3o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_3'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_3_org = false;
 	 		}
 	 		if (pos_sp_4_da == true && pos_sp_4_org == false) {
 	 			eff[i++] = new Effect.Move($('spalte_4o'), {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_4'),  {sync: true, x:100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_4_org = true;
 	 		}
 	 		if (pos_sp_6_da == true && pos_sp_2_org == true) {
 				color_me('.m1','#004D60');
 				color_me('.m2','#004D60');
 				eff[i++] = new Effect.Move($('spalte_2o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_2'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_2_org = false;
 	 		}
 	 		if (pos_sp_6_da == true && pos_sp_3_org == true) {
 				color_me('.m1','#C0C0C0');
 				color_me('.m2','#C0C0C0');
 	 			eff[i++] = new Effect.Move($('spalte_3o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_3'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_3_org = false;
 	 		}
 	 	break;
 		case 4:
 	 		if (pos_sp_2_da == true && pos_sp_2_org == true) {
 	 			eff[i++] = new Effect.Move($('spalte_2o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_2'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_2_org = false;
 	 		}
 	 		if (pos_sp_3_da == true && pos_sp_3_org == true) {
 	 			eff[i++] = new Effect.Move($('spalte_3o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_3'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_3_org = false;
 	 		}
 	 		if (pos_sp_7_da == true && pos_sp_4_org == true) {
 	 			color_me('.m1','#C0C0C0');
 				color_me('.m2','#C0C0C0');
 				color_me('.m3','#C0C0C0');
 	 			eff[i++] = new Effect.Move($('spalte_4o'), {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				eff[i++] = new Effect.Move($('spalte_4'),  {sync: true, x:-100, y: 0, mode: 'relative', transition: Effect.Transitions.sinoidal });
 				pos_sp_4_org = false;
 	 		}
 	 	break;
	}
 	if (eff.length > 0) {	
 		trans=true;
 		new Effect.Parallel(eff,{duration:0.1, afterFinish: function(){trans = false;}});
 	}
 	return;
}

function getMenu(target,content,language) {
	if (trans == true) return;
	trans=true;
	fadeout=0.3;
	fadein=0.3;
	new Ajax.Request('getMenu.php', {
		asynchronous: false,
		parameters: {target: target, content: content, language: language},
		onComplete: function(req) {
			updateJson(req);
		}
	});
	fenster_anpassen();
}

function getPage(content,language) {
	if (trans == true) return;
	trans=true;
	fadeout=0.3;
	fadein=0.3;
	new Ajax.Request('getPage.php', {
		asynchronous: false,
		parameters: {content: content, language: language},
		onComplete: function(req) {
			updateSeite(req,5);
		}
	});
}
function getMulti(target,content,language,c2) {
	if (trans == true) return;
	trans=true;
	fadeout=0.0;
	fadein=0.0;
	fname='getPage(\'' + c2 +'\',\'' + language +'\')';
	new Ajax.Request('getMenu.php', {
		asynchronous: false,
		parameters: {target: target, content: content, language: language},
		onComplete: function(req) {
			updateJson(req);
		}
	});
	fenster_anpassen();
}
function getProject(target,content,language) {
	if (trans == true) return;
	trans=true;
	fadeout=0.3;
	fadein=0.3;
	new Ajax.Request('getProject.php', {
		asynchronous: true,
		parameters: {target: target, content: content, language: language},
		onComplete: function(req) {
			updateSeite(req,target);
		}
	});
	fenster_anpassen();
}

function updateJson( req) {
	var json_data = req.responseText;
	var obj;
	var elementDomId = '';
	var elementDomValue = '';
	var spalte 	= 0;
	var breite 	= -1;
	var content = 0;
	eval("var arrObj = ("+json_data+")");
	  
	for (obj in arrObj) {
		elementId = obj;
		elementValue = arrObj[obj];
		if (elementId == "spalte_aktiv") {
			spalte = elementValue;
		}
		if (elementId == "breite") {
			breite = elementValue;
		}
		if (elementId == "content") {
			content = elementValue;
		}
		if (elementId.match("id_off")) {
			new Effect.Fade($(elementValue),{duration:0.2});
		}
	}
	spalte_appear(spalte,content,breite);
	return;
}
function spalte_appear(spalte,content,breite) {
    switch(spalte){
    case '2':
    	if(fname!='') {
    		toexec=fname;
        	fname='';
    	} else {
    		toexec='void()';
    	}
    	fname='';
    	//console.log(fname);
    	if($('spalte_2').visible() == true) {    		
	    	var eff = new Array();
	    	var eff2 = new Array();
    		var i=0;
    		var j=0;
	    	eff[i++] = new Effect.Fade($('spalte_2o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_2'),  {sync: true });
    		if($('spalte_3').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_3o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_3'),  {sync: true });
        		pos_sp_3_da = false;
    		}
    		if($('spalte_4').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_4o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_4'),  {sync: true });
        		pos_sp_4_da = false;
    		}
    		if($('spalte_5').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_5o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_5'),  {sync: true });
        		pos_sp_5_da = false;
    		}
    		if($('spalte_6').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_6o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_6'),  {sync: true });
        		pos_sp_6_da = false;
    		}
    		if($('spalte_7').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_7o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_7'),  {sync: true });
        		pos_sp_7_da = false;
    		}
    		trans = true;
    		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){$('spalte_2').innerHTML = content;} } );
	    	eff2[j++] = new Effect.Appear($('spalte_2o'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Appear($('spalte_2'),  {sync: true , from: 0.0, to:1.0 });
	    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=2;trans = false;eval(toexec);} });

    	} else {
    		trans = true;
	    	$('spalte_2').style.left = '21px';
	    	$('spalte_2o').style.left = '21px';
	    	$('spalte_2').innerHTML = content;
	    	pos_sp_2_da = true;
	    	new Effect.Parallel([
	    	                     new Effect.Appear($('spalte_2o'), {sync: true , from: 0.0, to:1.0 }),
	    	                     new Effect.Appear($('spalte_2'), {sync: true , from: 0.0, to:1.0 }),
	    	                     new Effect.Move($('spalte_2o'), {sync: true, x: 144, y: 0, mode: 'relative' }),
	    	                     new Effect.Move($('spalte_2'), {sync: true, x: 144, y: 0, mode: 'relative' })
	    	],{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=2;trans = false;eval(toexec);} });
    	}
    	break;
    case '3':
    	if(($('spalte_3').visible() == true) ) {    		
    		var eff = new Array();
	    	var eff2 = new Array();
    		var i=0;
    		var j=0;
	    	eff[i++] = new Effect.Fade($('spalte_3o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_3'),  {sync: true });
    		if($('spalte_4').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_4o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_4'),  {sync: true });
        		pos_sp_4_da = false;
    		}
    		if($('spalte_5').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_5o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_5'),  {sync: true });
        		pos_sp_5_da = false;
    		}
    		if($('spalte_6').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_6o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_6'),  {sync: true });
        		pos_sp_6_da = false;
    		}
    		if($('spalte_7').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_7o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_7'),  {sync: true });
        		pos_sp_7_da = false;
    		}
    		
    		trans = true;
    		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){$('spalte_3').innerHTML = content;$('spalte_3').witdh = breite;} } );
	    	new Effect.Parallel([
	    	                     new Effect.Move($('spalte_3o'), {sync: true, x: -120, y: 0, mode: 'relative'}),
	    	                     new Effect.Move($('spalte_3'),  {sync: true, x: -120, y: 0, mode: 'relative'})
	    	],{duration:0.1, queue: { position: 'end', scope: 'menuxscope' } });

	    	eff2[j++] = new Effect.Appear($('spalte_3o'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Appear($('spalte_3'),  {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Move($('spalte_3o'),  { sync: true, x: 120, y: 0, mode: 'relative' });
	    	eff2[j++] = new Effect.Move($('spalte_3'),   { sync: true, x: 120, y: 0, mode: 'relative' });
	    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=2;trans = false;} });

    	} else {
    		trans = true;
	    	var eff = new Array();
	    	var eff2 = new Array();
    		var i=0;
    		var j=0;
    		if($('spalte_5').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_5o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_5'),  {sync: true });
        		pos_sp_5_da = false;
    		} else {
    			eff2[j++] = new Effect.Move($('spalte_2o'), {sync: true, x: -100, y: 0, mode: 'relative' });
    			eff2[j++] = new Effect.Move($('spalte_2'), {sync: true, x: -100, y: 0, mode: 'relative' });
    			pos_sp_2_org = false;
    		}
    		if($('spalte_4').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_4o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_4'),  {sync: true });
        		pos_sp_4_da = false;
    		}
    		if($('spalte_6').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_6o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_6'),  {sync: true });
        		pos_sp_6_da = false;
    		}
    		if($('spalte_7').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_7o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_7'),  {sync: true });
        		pos_sp_7_da = false;
    		}
    			
    		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){} } );

    		$('spalte_3').hide();
	    	$('spalte_3o').hide();
	    	$('spalte_3').style.left = '165px';
	    	$('spalte_3o').style.left = '165px';
	    	$('spalte_3').innerHTML = content;
	    	pos_sp_3_da = true;
	    	var eff3 = new Array();
	    	var k=0;
	    	eff2[j++] = new Effect.Appear($('spalte_3o'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Appear($('spalte_3'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Move($('spalte_3o'), {sync: true, x: 44, y: 0, mode: 'relative' });
   			eff2[j++] = new Effect.Move($('spalte_3'), {sync: true, x: 44, y: 0, mode: 'relative' });
	    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=2;trans = false;} });
    	}
    	break;
    case '4':
		color_me('.m2','#C0C0C0');
    	if(($('spalte_4').visible() == true) ) {    		
    		var eff = new Array();
	    	var eff2 = new Array();
    		var i=0;
    		var j=0;
	    	eff[i++] = new Effect.Fade($('spalte_4o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_4'),  {sync: true });
    		if($('spalte_5').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_5o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_5'),  {sync: true });
        		pos_sp_5_da = false;
    		}
    		if($('spalte_7').visible() == true) {
        		eff[i++] = new Effect.Fade($('spalte_7o'), {sync: true });
        		eff[i++] = new Effect.Fade($('spalte_7'),  {sync: true });
        		pos_sp_7_da = false;
    		}
    		
    		trans = true;
    		pos_sp_4_da = true;
    		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){$('spalte_4').innerHTML = content;} } );
	    	eff2[j++] = new Effect.Appear($('spalte_4o'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Appear($('spalte_4'),  {sync: true , from: 0.0, to:1.0 });
	    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=3;trans = false;} });

    	} else {
    		trans = true;
	    	var eff = new Array();
	    	var eff2 = new Array();
    		var i=0;
    		var j=0;
    		if($('spalte_5').visible() == true) {
    		} else {
    			if (hover==1) {
    				eff2[j++] = new Effect.Move($('spalte_2o'), {sync: true, x: -100, y: 0, mode: 'relative' });
    				eff2[j++] = new Effect.Move($('spalte_2'), {sync: true, x: -100, y: 0, mode: 'relative' });
        			pos_sp_2_org = false;
    			
    			}
    			eff2[j++] = new Effect.Move($('spalte_3o'), {sync: true, x: -100, y: 0, mode: 'relative' });
    			eff2[j++] = new Effect.Move($('spalte_3'), {sync: true, x: -100, y: 0, mode: 'relative' });
    			pos_sp_3_org = false;
    		}
    			
    		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){} } );

    		$('spalte_4').hide();
	    	$('spalte_4o').hide();
	    	$('spalte_4').style.left = '255px';
	    	$('spalte_4o').style.left = '255px';
	    	$('spalte_4').innerHTML = content;
	    	pos_sp_4_da = true;
	    	var eff3 = new Array();
	    	var k=0;
	    	eff2[j++] = new Effect.Appear($('spalte_4o'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Appear($('spalte_4'), {sync: true , from: 0.0, to:1.0 });
	    	eff2[j++] = new Effect.Move($('spalte_4o'), {sync: true, x: 44, y: 0, mode: 'relative' });
   			eff2[j++] = new Effect.Move($('spalte_4'), {sync: true, x: 44, y: 0, mode: 'relative' });
	    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=4;trans = false;} });
    	}
    	break;

    default:
    }
}

function updateSeite( req, area) {
	
	var json_data = req.responseText;
	var obj;
	var elementDomId = '';
	var elementDomValue = '';
	var spalte = 0;
	var content = 0;
	eval("var arrObj = ("+json_data+")");
	
	for (obj in arrObj) {
		elementId = obj;
		elementValue = arrObj[obj];
		if (elementId == "spalte_aktiv") {
			spalte = elementValue;
		}
		if (elementId == "content") {
			content = elementValue;
		}
	}
	if (area == 5) content_appear(area,content);
	if (area == 6) content_appear2(area,content);
	if (area == 7) content_appear3(area,content);
	return;
}
function content_appear(spalte,content) {
	if($('spalte_5').visible() == true) {    		
		trans = true;
		new Effect.Parallel([
    	                     new Effect.Fade($('spalte_5o'), {sync: true }),
    	                     new Effect.Fade($('spalte_5'),  {sync: true })
    	],{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){$('spalte_5').innerHTML = content;textbox_anpassen();} } );
    	new Effect.Parallel([
    	                     new Effect.Move($('spalte_5o'), {sync: true, duration:0.1, x: -120, y: 0, mode: 'relative'}),
    	                     new Effect.Move($('spalte_5'),  {sync: true, duration:0.1, x: -120, y: 0, mode: 'relative'})
    	],{duration:0.1, queue: { position: 'end', scope: 'menuxscope' } });
    	new Effect.Parallel([
    	                     new Effect.Appear($('spalte_5o'), {sync: true , from: 0.0, to:1.0 }),
    	                     new Effect.Appear($('spalte_5'),  {sync: true , from: 0.0, to:1.0 }),
    	                     new Effect.Move($('spalte_5o'),  { sync: true, x: 120, y: 0, mode: 'relative' }),
    	                     new Effect.Move($('spalte_5'),   { sync: true, x: 120, y: 0, mode: 'relative' })
    	],{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=2;trans = false;fenster_anpassen();} });
	}else{
		trans = true;
    	var eff = new Array();
    	var eff2 = new Array();
		var i=0;
		var j=0;
		if($('spalte_3').visible() == true) {
    		eff[i++] = new Effect.Fade($('spalte_3o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_3'),  {sync: true });
			pos_sp_3_da = false;
		} else {
			eff2[j++] = new Effect.Move($('spalte_2o'), {sync: true, x: -100, y: 0, mode: 'relative' });
			eff2[j++] = new Effect.Move($('spalte_2'), {sync: true, x: -100, y: 0, mode: 'relative' });
			pos_sp_2_org = false;
		}
		if($('spalte_4').visible() == true) {
    		eff[i++] = new Effect.Fade($('spalte_4o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_4'),  {sync: true });
			pos_sp_4_da = false;
		}
		if($('spalte_6').visible() == true) {
    		eff[i++] = new Effect.Fade($('spalte_6o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_6'),  {sync: true });
			pos_sp_6_da = false;
		}
		if($('spalte_7').visible() == true) {
    		eff[i++] = new Effect.Fade($('spalte_7o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_7'),  {sync: true });
			pos_sp_7_da = false;
		}
		
		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){} } );

    	$('spalte_5').style.left = '165px';
    	$('spalte_5o').style.left = '165px';
    	$('spalte_6').innerHTML = '';
    	$('spalte_7').innerHTML = '';
    	$('spalte_5').innerHTML = content;
		pos_sp_5_da = true;
    	textbox_anpassen();
    	eff2[j++] = new Effect.Appear($('spalte_5o'), {sync: true , from: 0.0, to:1.0 });
    	eff2[j++] = new Effect.Appear($('spalte_5'), {sync: true , from: 0.0, to:1.0 });
    	eff2[j++] = new Effect.Move($('spalte_5o'), {sync: true, x: 44, y: 0, mode: 'relative' });
		eff2[j++] = new Effect.Move($('spalte_5'), {sync: true, x: 44, y: 0, mode: 'relative' });
    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=2;trans = false;fenster_anpassen();} });
	}
}
function content_appear2(spalte,content) {
	color_me('.m2','#C0C0C0');
//	color_me('.m1','#004D60');
//	color_me('.m2','#C0C0C0');

	if($('spalte_6').visible() == true) {    		
    	trans = true;
		new Effect.Parallel([
    	                     new Effect.Fade($('spalte_6o'), {sync: true }),
    	                     new Effect.Fade($('spalte_6'),  {sync: true })
    	],{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){$('spalte_6').innerHTML = content;textbox_anpassen();} } );
    	new Effect.Parallel([
    	                     new Effect.Move($('spalte_6o'), {sync: true, duration:0.1, x: -120, y: 0, mode: 'relative'}),
    	                     new Effect.Move($('spalte_6'),  {sync: true, duration:0.1, x: -120, y: 0, mode: 'relative'})
    	],{duration:0.1, queue: { position: 'end', scope: 'menuxscope' } });
    	new Effect.Parallel([
    	                     new Effect.Appear($('spalte_6o'), {sync: true , from: 0.0, to:1.0 }),
    	                     new Effect.Appear($('spalte_6'),  {sync: true , from: 0.0, to:1.0 }),
    	                     new Effect.Move($('spalte_6o'),  { sync: true, x: 120, y: 0, mode: 'relative' }),
    	                     new Effect.Move($('spalte_6'),   { sync: true, x: 120, y: 0, mode: 'relative' })
    	],{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=3;trans = false;fenster_anpassen();} });
	}else{
		trans = true;
    	var eff = new Array();
    	var eff2 = new Array();
		var i=0;
		var j=0;
		if($('spalte_4').visible() == true) {
    		eff[i++] = new Effect.Fade($('spalte_4o'), {sync: true });
    		eff[i++] = new Effect.Fade($('spalte_4'),  {sync: true });
			pos_sp_4_da = false;
		} else {
			eff2[j++] = new Effect.Move($('spalte_3o'), {sync: true, x: -100, y: 0, mode: 'relative' });
			eff2[j++] = new Effect.Move($('spalte_3'), {sync: true, x: -100, y: 0, mode: 'relative' });
			pos_sp_3_org = false;
		}
		
		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){} } );

    	$('spalte_6').style.left = '315px';
    	$('spalte_6o').style.left = '315px';
    	$('spalte_5').innerHTML = '';
    	$('spalte_7').innerHTML = '';
    	$('spalte_6').innerHTML = content;
		pos_sp_6_da = true;
    	textbox_anpassen();
    	eff2[j++] = new Effect.Appear($('spalte_6o'), {sync: true , from: 0.0, to:1.0 });
    	eff2[j++] = new Effect.Appear($('spalte_6'), {sync: true , from: 0.0, to:1.0 });
    	eff2[j++] = new Effect.Move($('spalte_6o'), {sync: true, x: 44, y: 0, mode: 'relative' });
		eff2[j++] = new Effect.Move($('spalte_6'), {sync: true, x: 44, y: 0, mode: 'relative' });
    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=3;trans = false;fenster_anpassen();} });
	}
}
function content_appear3(spalte,content) {
	color_me('.m2','#C0C0C0');
	color_me('.m3','#C0C0C0');
	
	if($('spalte_7').visible() == true) {    		
    	trans = true;
		new Effect.Parallel([
    	                     new Effect.Fade($('spalte_7o'), {sync: true }),
    	                     new Effect.Fade($('spalte_7'),  {sync: true })
    	],{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){$('spalte_7').innerHTML = content;textbox_anpassen();} } );
    	new Effect.Parallel([
    	                     new Effect.Move($('spalte_7o'), {sync: true, duration:0.1, x: -120, y: 0, mode: 'relative'}),
    	                     new Effect.Move($('spalte_7'),  {sync: true, duration:0.1, x: -120, y: 0, mode: 'relative'})
    	],{duration:0.1, queue: { position: 'end', scope: 'menuxscope' } });
    	new Effect.Parallel([
    	                     new Effect.Appear($('spalte_7o'), {sync: true , from: 0.0, to:1.0 }),
    	                     new Effect.Appear($('spalte_7'),  {sync: true , from: 0.0, to:1.0 }),
    	                     new Effect.Move($('spalte_7o'),  { sync: true, x: 120, y: 0, mode: 'relative' }),
    	                     new Effect.Move($('spalte_7'),   { sync: true, x: 120, y: 0, mode: 'relative' })
    	],{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=4;trans = false;fenster_anpassen();} });
	}else{
		trans = true;
    	var eff = new Array();
    	var eff2 = new Array();
		var i=0;
		var j=0;
		eff2[j++] = new Effect.Move($('spalte_4o'), {sync: true, x: -100, y: 0, mode: 'relative' });
		eff2[j++] = new Effect.Move($('spalte_4'), {sync: true, x: -100, y: 0, mode: 'relative' });
		pos_sp_4_org = false;
		
		new Effect.Parallel(eff,{duration:fadeout, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){} } );

    	$('spalte_7').style.left = '285px';
    	$('spalte_7o').style.left = '285px';
    	$('spalte_5').innerHTML = '';
    	$('spalte_6').innerHTML = '';
    	$('spalte_7').innerHTML = content;
		pos_sp_7_da = true;
    	textbox_anpassen();
    	eff2[j++] = new Effect.Appear($('spalte_7o'), {sync: true , from: 0.0, to:1.0 });
    	eff2[j++] = new Effect.Appear($('spalte_7'), {sync: true , from: 0.0, to:1.0 });
    	eff2[j++] = new Effect.Move($('spalte_7o'), {sync: true, x: 100, y: 0, mode: 'relative' });
		eff2[j++] = new Effect.Move($('spalte_7'), {sync: true, x: 100, y: 0, mode: 'relative' });
    	new Effect.Parallel(eff2,{duration:fadein, queue: { position: 'end', scope: 'menuxscope' },afterFinish: function(){focus=4;trans = false;fenster_anpassen();} });
	}
}


function Fensterweite () {
	if (window.innerWidth) {
		return window.innerWidth;
	} else if (document.body && document.body.offsetWidth) {
		return document.body.offsetWidth;
	} else {
		return 0;
	}
}

function Fensterhoehe () {
	if (window.innerHeight) {
		return window.innerHeight;
	} else if (document.body && document.body.offsetHeight) {
		return document.body.offsetHeight;
	} else {
		return 0;
	}
}

function textbox_anpassen(){
	return;
	Hoehe = Fensterhoehe();
	var spaltenhoehe = Hoehe - yoffset_1;
	var textscroll = Hoehe - yoffset_1 - 380;
	
	if ($('textscroll')) {
		$('textscroll').setStyle({ height:textscroll+'px'}); 
	}
}
function fenster_anpassen(){
	Weite = Fensterweite();
	Maxbreite=0;
	if (pos_sp_5_da) {
		Maxbreite=873;
	}
	if (pos_sp_6_da) {
		Maxbreite=1023;
	}
	if (pos_sp_7_da) {
		Maxbreite=1053;
	}
	if (Weite < Maxbreite){
		$('logo').hide();
	}else
	{
		$('logo').show();
	}
	Hoehe = Fensterhoehe();
	var spaltenhoehe = Hoehe - yoffset_1;
	//var textscroll = Hoehe - yoffset_1 - 380;
	var hhoehe = hoechste_hoehe();
	if (hhoehe > spaltenhoehe) spaltenhoehe=hhoehe; 
	$('spalte_1').setStyle({ height:spaltenhoehe+'px'}); 
	$('spalte_2').setStyle({ height:spaltenhoehe+'px'}); 
	$('spalte_3').setStyle({ height:spaltenhoehe+'px'}); 
	$('spalte_4').setStyle({ height:spaltenhoehe+'px'}); 
	$('spalte_5').setStyle({ height:spaltenhoehe+'px'}); 
	$('spalte_6').setStyle({ height:spaltenhoehe+'px'}); 
	$('spalte_7').setStyle({ height:spaltenhoehe+'px'}); 
	//textbox_anpassen();
}

function hoechste_hoehe() {
	$('spalte_5').style.height='auto'; 
	$('spalte_6').style.height='auto'; 
	$('spalte_7').style.height='auto'; 
	var hhoehe = $('spalte_1').getHeight();
	if ($('spalte_2').getHeight() > hhoehe) hhoehe = $('spalte_2').getHeight(); 
	if ($('spalte_3').getHeight() > hhoehe) hhoehe = $('spalte_3').getHeight(); 
	if ($('spalte_4').getHeight() > hhoehe) hhoehe = $('spalte_4').getHeight(); 
	if ($('spalte_5').getHeight() > hhoehe) hhoehe = $('spalte_5').getHeight(); 
	if ($('spalte_6').getHeight() > hhoehe) hhoehe = $('spalte_6').getHeight(); 
	if ($('spalte_7').getHeight() > hhoehe) hhoehe = $('spalte_7').getHeight(); 
	return hhoehe;
	
}

function sendform(id){
	$(id).request({
		  method: 'post',
		  onComplete: function(req) {
			  $(id).replace(req.responseText); 
			  }
		});
}