function activate(id) {
	
	document.getElementById('change_status').style.display='block';
	
	document.getElementById('status_bar').innerHTML = '<table width="100%"><tr><td><img src="pics/state_not_actual.png" border="0"></td><td width="30">&nbsp;</td><td align="center"><font color="#CC3300"><b>Bitte den ge&auml;nderten Alarmierungsstatus &uuml;bertragen!</b></font></td></tr><form name="formUpdateAAO" method="post" action=""><tr><td colspan="3" align="right" bgcolor="F2F2F2"><input type="submit" name="sendAAO" onClick="saveChangedAAO();" value="&Uuml;bertragen"> <input type="submit" name="restAAO" value="Zur&uuml;cksetzen"></td></tr></form></table>';
	
	switch (id) {
		case "z1": document.getElementById('zug').innerHTML = '<table width="100%"><tr><td id="zug1" value="1" colspan="2" width="50%" class="zug1_active" onclick="activate(\'z1\');" onMouseOut="BgFarbe_activeZug1(\'zug1\')""><br><br>L&ouml;schzug<br>I<br><br><br></td><td id="zug2" value="0" colspan="2" width="50%" class="zug2_inactive" onclick="activate(\'z2\');" onMouseOver="BgFarbe_mouseOver(\'zug2\')" onMouseOut="BgFarbe_mouseOut(\'zug2\')"><br><br>L&ouml;schzug<br>II<br><br><br></td></tr></table>';  
           break;
		case "z2": document.getElementById('zug').innerHTML = '<table width="100%"><tr><td id="zug1" value="0" colspan="2" width="50%" class="zug1_inactive" onclick="activate(\'z1\');" onMouseOver="BgFarbe_mouseOver(\'zug1\')" onMouseOut="BgFarbe_mouseOut(\'zug1\')""><br><br>L&ouml;schzug<br>I<br><br><br></td><td id="zug2" value="2" colspan="2" width="50%" class="zug2_active" onclick="activate(\'z2\');" onMouseOut="BgFarbe_activeZug2(\'zug2\')"><br><br>L&ouml;schzug<br>II<br><br><br></td></tr></table>';
				   break;
		case "k1": document.getElementById('klein').innerHTML = '<table width="100%"><tr><td id="k1" value="1" class="klein_active" onclick="activate(\'k1\');" onMouseOver="BgFarbe_activeKlein(\'k1\')" onMouseOut="BgFarbe_activeKlein(\'k1\')"><br>Klein<br>I&nbsp;&nbsp;<br><br></td><td id="k2" class="klein_inactive" onclick="activate(\'k2\');" onMouseOver="BgFarbe_mouseOver(\'k2\')" onMouseOut="BgFarbe_mouseOut(\'k2\')"><br>Klein<br>II&nbsp;<br><br></td><td id="k3" class="klein_inactive" onclick="activate(\'k3\');" onMouseOver="BgFarbe_mouseOver(\'k3\')" onMouseOut="BgFarbe_mouseOut(\'k3\')"><br>Klein<br>III<br><br></td><td id="k4" class="klein_inactive" onclick="activate(\'k4\');" onMouseOver="BgFarbe_mouseOver(\'k4\')" onMouseOut="BgFarbe_mouseOut(\'k4\')"><br>Klein<br> VI&nbsp;<br><br></td></tr></table>';
		           break;
		case "k2": document.getElementById('klein').innerHTML = '<table width="100%"><tr><td id="k1" class="klein_inactive" onclick="activate(\'k1\');" onMouseOver="BgFarbe_mouseOver(\'k1\')" onMouseOut="BgFarbe_mouseOut(\'k1\')"><br>Klein<br>I&nbsp;&nbsp;<br><br></td><td id="k2" value="2" class="klein_active" onclick="activate(\'k2\');" onMouseOver="BgFarbe_activeKlein(\'k2\')" onMouseOut="BgFarbe_activeKlein(\'k2\')"><br>Klein<br>II&nbsp;<br><br></td><td id="k3" class="klein_inactive" onclick="activate(\'k3\');" onMouseOver="BgFarbe_mouseOver(\'k3\')" onMouseOut="BgFarbe_mouseOut(\'k3\')"><br>Klein<br>III<br><br></td><td id="k4" class="klein_inactive" onclick="activate(\'k4\');" onMouseOver="BgFarbe_mouseOver(\'k4\')" onMouseOut="BgFarbe_mouseOut(\'k4\')"><br>Klein<br> VI&nbsp;<br><br></td></tr></table>'; 
				   break;
		case "k3": document.getElementById('klein').innerHTML = '<table width="100%"><tr><td id="k1" class="klein_inactive" onclick="activate(\'k1\');" onMouseOver="BgFarbe_mouseOver(\'k1\')" onMouseOut="BgFarbe_mouseOut(\'k1\')"><br>Klein<br>I&nbsp;&nbsp;<br><br></td><td id="k2" class="klein_inactive" onclick="activate(\'k2\');" onMouseOver="BgFarbe_mouseOver(\'k2\')" onMouseOut="BgFarbe_mouseOut(\'k2\')"><br>Klein<br>II&nbsp;<br><br></td><td id="k3" value="3" class="klein_active" onclick="activate(\'k3\');" onMouseOver="BgFarbe_activeKlein(\'k3\')" onMouseOut="BgFarbe_activeKlein(\'k3\')"><br>Klein<br>III<br><br></td><td id="k4" class="klein_inactive" onclick="activate(\'k4\');" onMouseOver="BgFarbe_mouseOver(\'k4\')" onMouseOut="BgFarbe_mouseOut(\'k4\')"><br>Klein<br> VI&nbsp;<br><br></td></tr></table>';
				   break;
		case "k4": document.getElementById('klein').innerHTML = '<table width="100%"><tr><td id="k1" class="klein_inactive" onclick="activate(\'k1\');" onMouseOver="BgFarbe_mouseOver(\'k1\')" onMouseOut="BgFarbe_mouseOut(\'k1\')"><br>Klein<br>I&nbsp;&nbsp;<br><br></td><td id="k2" class="klein_inactive" onclick="activate(\'k2\');" onMouseOver="BgFarbe_mouseOver(\'k2\')" onMouseOut="BgFarbe_mouseOut(\'k2\')"><br>Klein<br>II&nbsp;<br><br></td><td id="k3" class="klein_inactive" onclick="activate(\'k3\');" onMouseOver="BgFarbe_mouseOver(\'k3\')" onMouseOut="BgFarbe_mouseOut(\'k3\')"><br>Klein<br>III<br><br></td><td id="k4" class="klein_active" value="4" onclick="activate(\'k4\');" onMouseOver="BgFarbe_activeKlein(\'k4\')" onMouseOut="BgFarbe_activeKlein(\'k4\')"><br>Klein<br> VI&nbsp;<br><br></td></tr></table>';
				   break;	
	}
	
}

function saveChangedAAO() {
	
	 var varZug = "";
	 var varKlein = "";

   var obj = document.getElementById('zug1');
    if (obj != null){
      //alert("kennet er");
      //alert(document.getElementById('zug1').getAttribute('value'));
    } else {
      //alert ("kennst net??");
    }

   
	//alert(this.document.getElementById('zug1').value);
  //alert(document.getElementById('zug2').value);
  
	 if (document.getElementById('zug1').getAttribute('value') == "1") {
		 varZug = "1";
	 } else if (document.getElementById('zug2').getAttribute('value') == "2"){
		 varZug = "2";
	 }
		 
	 if (document.getElementById('k1').getAttribute('value') == "1") {
		 varKlein = "1";
	 } else if (document.getElementById('k2').getAttribute('value') == "2") {
		 varKlein = "2";
	 } else if (document.getElementById('k3').getAttribute('value') == "3") {
		 varKlein = "3";
	 } else if (document.getElementById('k4').getAttribute('value') == "4") {
		 varKlein = "4";
	 } 
	  //alert(varZug);
	 save_files('lib/saveAAOstate.php', varZug + ";" + varKlein);

}

function save_files( link, parameter) {
	      
	 $.ajax({
        url: link,
        data: 'parameter=' + parameter ,
        type: 'POST',
        cache: false,
        success: function(data) {
            location.reload();			
        }
    });

  
  
 // new Ajax.Request ( link, {
//		method: 'post',
//		parameters: 'parameter=' + parameter ,
//		onComplete: function(rsp) {			
//			location.reload();			
//		}
//	});
	
}

function BgFarbe_mouseOver(IdName) {
	
	document.getElementById(IdName).style.backgroundColor = "#FFFFCC"; 
	
} 

function BgFarbe_mouseOut(IdName) {
	
	document.getElementById(IdName).style.backgroundColor = "8C998C"; 
	
} 

function BgFarbe_activeZug1(IdName) { 
	
	document.getElementById(IdName).style.backgroundColor = "FF4D33"; 
	
}

function BgFarbe_activeZug2(IdName) { 
	
	document.getElementById(IdName).style.backgroundColor = "FFFF66"; 
	
}

function BgFarbe_activeKlein(IdName) { 
	
	document.getElementById(IdName).style.backgroundColor = "B2CCFF"; 
	
}