var gBreite = null;
var gHeight = null;
var gHoehe = null;
var gtopImg = null;
var gtopImglogo = null;
var gImg = null;
var gbuttonX = null;
var gDetail =null;
var gButtonFont = null;
var currentRow = null;
var currentSortBy = null;
var gImgHomeX = null;
var gImgHomeY = null;
var gFontHomeSize = null;

function transformTableData(){

	// hier sollte in Abh㭧igkeit von der Browsersprache die Sprache gesetzt werden
	// alert(navigator.browserLanguage);
	// alert("Available Resoultion : " + screen.availwidth + " x " + screen.availheight );
	gBreite = screen.availWidth;
	gHoehe = screen.availHeight;

	// legt das zu tranformierende XML Dokument fest.
	//

//	oXMLDOM = document.all.XMLWebPageData.XMLDocument;
	oXMLDOM = document.getElementById("XMLWebPageData");

	// legt fest welches stylesheet zur Transformation verwendet werden soll
	//
//	oXSLDOM = document.all.WebPageXSL.XMLDocument;
	oXSLDOM = document.getElementById("WebPageXSL");


	if ( gBreite == 800 ) 
	{
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_800");
	  	gBreite = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Y_800");  	
	  	gHoehe = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImg_800");  	
	  	gtopImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImglogo_800");  	
	  	gtopImglogo = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Img_800");  	
	  	gImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-button_800");
	  	gButtonFont=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_button_800");
	  	gbuttonX=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-detail_800");
	  	gDetail=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_X_800");
	  	gImgHomeX = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_Y_800");
	  	gImgHomeY = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@FontHomeSize_800");
	  	gFontHomeSize = objDataType.nodeValue;
	  	
	  	
     }
	else if ( gBreite == 1024 ) 
	{
	 	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_1024");
	  	gBreite = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Y_1024");  	
	  	gHoehe = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImg_1024");  	
	  	gtopImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Img_1024");  	
	  	gImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-button_1024");
	  	gButtonFont=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_button_1024");
	  	gbuttonX=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-detail_1024");
	  	gDetail=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImglogo_1024");  	
	  	gtopImglogo = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_X_1024");
	  	gImgHomeX = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_Y_1024");
	  	gImgHomeY = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@FontHomeSize_1024");
	  	gFontHomeSize = objDataType.nodeValue;

     }
     else	if ( gBreite == 1280 ) 
	{
	 	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_1280");
	  	gBreite = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Y_1280");  	
	  	gHoehe = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImg_1280");  	
	  	gtopImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Img_1280");  	
	  	gImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-button_1280");
	  	gButtonFont=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_button_1280");
	  	gbuttonX=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-detail_1280");
	  	gDetail=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImglogo_1280");  	
	  	gtopImglogo = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_X_1280");
	  	gImgHomeX = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_Y_1280");
	  	gImgHomeY = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@FontHomeSize_1280");
	  	gFontHomeSize = objDataType.nodeValue;
	 }
     else	if ( gBreite == 1400 ) 
     {
    	 	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_1280");
	  	gBreite = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Y_1280");  	
	  	gHoehe = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImg_1280");  	
	  	gtopImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Img_1280");  	
	  	gImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-button_1280");
	  	gButtonFont=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_button_1280");
	  	gbuttonX=objDataType.nodeValue;
 	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-detail_1280");
	  	gDetail=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImglogo_1280");  	
	  	gtopImglogo = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_X_1280");
	  	gImgHomeX = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_Y_1280");
	  	gImgHomeY = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@FontHomeSize_1280");
	  	gFontHomeSize = objDataType.nodeValue;
    }
	else
	{
	 	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_1024");
	  	gBreite = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Y_1024");  	
	  	gHoehe = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImg_1024");  	
	  	gtopImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Img_1024");  	
	  	gImg = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-button_1024");
	  	gButtonFont=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_button_1024");
	  	gbuttonX=objDataType.nodeValue;
 	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-detail_1024");
	  	gDetail=objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImglogo_1024");  	
	  	gtopImglogo = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_X_1024");
	  	gImgHomeX = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_Y_1024");
	  	gImgHomeY = objDataType.nodeValue;
	  	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@FontHomeSize_1024");
	  	gFontHomeSize = objDataType.nodeValue;


    }

     objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Y");
	 objDataType.nodeValue = gHoehe
     objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X");
	 objDataType.nodeValue = gBreite
     objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImg");
	 objDataType.nodeValue = gtopImg
     objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_Img");
	 objDataType.nodeValue = gImg
      objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-button");
   	objDataType.nodeValue=gButtonFont;
      objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_X_button");
   	objDataType.nodeValue=gbuttonX;
      objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@font-size-detail");
   	objDataType.nodeValue=gDetail;
   	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_TopImglogo");
	 objDataType.nodeValue = gtopImglogo;
   	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_X");
	 objDataType.nodeValue = gImgHomeX;
   	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@dim_ImgHome_Y");
	 objDataType.nodeValue = gImgHomeY;
   	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@FontHomeSize");
	 objDataType.nodeValue = gFontHomeSize;



	
	// die Transformation wird in die variable newHTML geschrieben
	//
     newHTML = oXMLDOM.transformNode(oXSLDOM);

	// Um die Transformation anzuzeigen, wird newHTML dem Element "tableBody" in die Eigenschaft
	// innerHTML geschrieben.
	//
	document.all.tableBody.innerHTML = newHTML;
     
	//   Lesen der Hintergrundfarbe und anschliessendem setzen 
	//
	objDataType = oXMLDOM.selectSingleNode("//PageState[@id='1']/@HinterGrund");
	document.all.body.style.setAttribute("background",objDataType.nodeValue,"false");
}

function SetStandard(){
//	 XMLIsland = document.all.XMLWebPageData.XMLDocument;
//    	var objDataType = XMLIsland.selectSingleNode("//PageState[@id='1']/@Sparte");
//	objDataType.nodeValue = currentRow.attributes["name"].value;
alert(navigator.browserLanguage);

     alert(screen.height );
     alert(screen.availHeight );
     alert(screen.availWidth );
     alert(screen.width );
}

function sort(sortBy,dataType){
   XSLIsland = document.all.WebPageXSL.XMLDocument;
   var objSelect =
     XSLIsland.selectSingleNode("//xsl:sort/@select");

   objSelect.nodeValue = sortBy;

   var objOrder =
     XSLIsland.selectSingleNode("//xsl:sort/@order");
   if (currentSortBy == sortBy){
     if (objOrder.nodeValue == "ascending") {
       objOrder.nodeValue = "descending";
     } else {
       objOrder.nodeValue = "ascending";
     }
   } else {
     objOrder.nodeValue = "ascending";
   }

   currentSortBy = sortBy;
   var objDataType =
     XSLIsland.selectSingleNode("//xsl:sort/@data-type");
   objDataType.nodeValue = dataType;

   transformTableData();
   selectRow(document.getElementsByTagName('TR').item(1));
}

function keyCheck(keyCode){
   switch (keyCode)
     {
     //enter
     case 13:
       selectCurrentRow();
       break;
     //up arrow
     case 38:
       try{
         selectRow(currentRow.previousSibling);
       } catch(e){}
       break;
     //down arrow
     case 40:
       try{
         selectRow(currentRow.nextSibling);
       } catch(e){}
       break;
     }
}

function selectRow(row){
   if(row == null){
     try{
       currentRow.style.backgroundColor = "#00ffff";
     } catch(e){}
     try{
       currentRow.nextSibling.style.backgroundColor = "#ffffff";
     } catch(e){}
     try{
       currentRow.previousSibling.style.backgroundColor = "#ffffff";
     } catch(e){}
   } else {

     try{
       row.style.backgroundColor = "#00ffff";
     } catch(e){}
     try{
        currentRow.style.backgroundColor = "#ffffff";
     } catch(e){}
     parent.currentRow = row;
     currentRow = row;
   }
}

function selectCurrentRow(){
          XMLIsland = document.all.XMLWebPageData.XMLDocument;
          alert("You selected " + 
XMLIsland.selectSingleNode("//row[@id='" + 
currentRow.childNodes(0).innerText + "']").xml);
}

function selectButton(button){
   if(button == null){
     try{
       currentRow.style.backgroundColor = "#00ffff";
     } catch(e){}
     try{
       currentRow.nextSibling.style.backgroundColor = "#ffffff";
     } catch(e){}
     try{
       currentRow.previousSibling.style.backgroundColor = "#ffffff";
     } catch(e){}
   } else {

     try{
       button.style.backgroundColor = "#00ffff";
     } catch(e){}
     try{
        currentRow.style.backgroundColor = "#ffffff";
     } catch(e){}
     parent.currentRow = button;
     currentRow = button;
   }
}

function selectCurrentButton(){
           XMLIsland = document.all.XMLWebPageData.XMLDocument;
    var objDataType = XMLIsland.selectSingleNode("//PageState[@id='1']/@Sparte");
	objDataType.nodeValue = currentRow.attributes["name"].value;
}

function selectSprache(button){
   if(button == null){
     try{
       currentRow.style.backgroundColor = "#000000";
     } catch(e){}
     try{
       currentRow.nextSibling.style.backgroundColor = "#ffffff";
     } catch(e){}
     try{
       currentRow.previousSibling.style.backgroundColor = "#ffffff";
     } catch(e){}
   } else {

     try{
       button.style.backgroundColor = "#000000";
     } catch(e){}
     try{
        currentRow.style.backgroundColor = "#ffffff";
     } catch(e){}
     parent.currentRow = button;
     currentRow = button;
   }
}

function selectCurrentSprache(){
           XMLIsland = document.all.XMLWebPageData.XMLDocument;
    var objDataType = XMLIsland.selectSingleNode("//PageState[@id='1']/@Sprache");
	objDataType.nodeValue = currentRow.attributes["name"].value;
	
}