
//-----------------------------------------------------------
// definition of globals
//-----------------------------------------------------------
    var Font08 ="font-family: Verdana, sans-serif; font-size: 8px ; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var PicFnt ="font-family: Verdana, sans-serif; font-size: 10px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: center";
    var TxtSma ="font-family: Verdana, sans-serif; font-size: 10px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font12 ="font-family: Verdana, sans-serif; font-size: 12px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font12c="font-family: Verdana, sans-serif; font-size: 12px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: center";
    var Font12t="font-family: Verdana, sans-serif; font-size: 12px; color:#330000; font-weight: bold  ; font-variant: normal; text-transform: none; text-decoration: none; text-align: center";
    var Font14 ="font-family: Verdana, sans-serif; font-size: 14px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font14t="font-family: Verdana, sans-serif; font-size: 14px; color:#330000; font-weight: bold  ; font-variant: normal; text-transform: none; text-decoration: none; text-align: center";
    var Font16 ="font-family: Verdana, sans-serif; font-size: 16px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font18 ="font-family: Verdana, sans-serif; font-size: 18px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font18t="font-family: Verdana, sans-serif; font-size: 18px; color:#330000; font-weight: bold  ; font-variant: normal; text-transform: none; text-decoration: none; text-align: center";
    var Font18b="font-family: Verdana, sans-serif; font-size: 18px; color:#330000; font-weight: bold  ; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font20 ="font-family: Verdana, sans-serif; font-size: 20px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font22 ="font-family: Verdana, sans-serif; font-size: 22px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";
    var Font24 ="font-family: Verdana, sans-serif; font-size: 24px; color:#330000; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left";

    var ns4     = (document.layers);
    var ie4     = (document.all);
    var ie5     = (document.all && document.getElementById);
    var ns6     = (!document.all && document.getElementById);
    var LayerOn = "visible";
    var LayerOff= "hidden";
    var ScreenW = screen.availWidth;
    var ScreenH = screen.availHeight;
    var PicDir  = "";
    var En_Vis  = "";
    var Ge_Vis  = "";
    var Id_Vis  = "";
    var CurLangText="";
    var WinTitle= new Array();

    if(ns4) {LayerOn="show";LayerOff="hide";}
    var CurLang = readCookie();
    var TxtArray= new Array();

    var timerID ;
    var VieTime="";
    var JktTime="";

    setInterval("ShowCurLang()",25);


//-----------------------------------------------------------
// function "SET TEXT FOR WINDOW TITLE"
//-----------------------------------------------------------
   function SetPageTitle(EnTxt,GeTxt,IdTxt)
   {
    CurLang = readCookie();
    if (CurLang=="" || CurLang==null) {CurLang="EN";SelectEN();}
    if (CurLang=="GE") {SelectGE();}
    if (CurLang=="ID") {SelectID();}
    WinTitle[1]=EnTxt;
    WinTitle[2]=GeTxt;
    WinTitle[3]=IdTxt;
    SetCookie(CurLang);
   }


//-----------------------------------------------------------
// function "CREATE STANDARD PAGE LAYOUT"
//-----------------------------------------------------------
   function StdLayout(MyDate)
   {
    xDate=MyTxtDate(MyDate);
    MaxNavWin();
    CreatePic("L001","","","0"  ,"0"  ,ScreenW-20,"120","BrickTop.jpg","");
    CreatePic("L002","","","120","0"  ,"150"     ,"400","BrickCorner.gif","");
    CreatePic("L003","","","110","150","200"     ,"75" ,"HangingSign.gif","");
    CreatePic("L004","","","38" ,"95" ,"120"     ,"46" ,"BrickButton.gif","Index.html");
    CreatePic("L005","","","38" ,"215","120"     ,"46" ,"BrickButton.gif","Galleries.html");
    CreatePic("L006","","","38" ,"335","120"     ,"46" ,"BrickButton.gif","");
    CreatePic("L007","","","38" ,"455","120"     ,"46" ,"BrickButton.gif","SiteMap.html");
    CreatePic("L008","","","38" ,"575","120"     ,"46" ,"BrickButton.gif","");
    CreateTxt("L001","","","580","5"  ,"600"     ,"20" ,TxtSma,"","Last updated on "+xDate,"Aktualisiert am "+xDate,"Tanggal terakhir di modifikasi "+xDate);
    CreateTxt("L002","","","145","150","200"     ,"20" ,Font18t,"","A Family Album","Familienalbum","Album Keluarga");
    CreateTxt("L003","","","165","150","200"     ,"20" ,Font12c,"","Two Cultures - One Family","Zwei Kulturen - Eine Familie","Dua Budaya - Satu Keluarga");
    CreateTxt("L004","","","53" ,"95" ,"120"     ,"20" ,Font12t,"Index.html","Welcome","Willkommen","Selamat datang");
    CreateTxt("L005","","","53" ,"215","120"     ,"20" ,Font12t,"Galleries.html","Galleries","Bilderserien","Galeri foto");
    CreateTxt("L006","","","53" ,"335","120"     ,"20" ,Font12t,"Miscellaneous.html","Miscellaneous","Verschiedenes","Lain-Lain");
    CreateTxt("L007","","","53" ,"455","120"     ,"20" ,Font12t,"SiteMap.html","Site Map","Orientierung","Orientasi");
    CreateTxt("L008","","","53" ,"575","120"     ,"20" ,Font12t,"Contact.html","Contact Us","Kontakt","Hubungi kami");
    CreateTxt("L009","","","595","5"  ,"600"     ,"20" ,TxtSma,"","Actual time in Vienna "+VieTime+" and in Jakarta "+JktTime,"Aktuelle Zeit in Wien "+VieTime+" und in Jakarta "+JktTime,"Waktu di Wina "+VieTime+" dan di Jakarta "+JktTime);

    NePos=ScreenW-(40*2);
    CreateDate = new Date(MyDate);
    nCreateDate= CreateDate.getFullYear()*365+CreateDate.getMonth()*30+CreateDate.getDate()+60;
    ActualDate = new Date();
    nActualDate= ActualDate.getFullYear()*365+ActualDate.getMonth()*30+ActualDate.getDate();
    if (nCreateDate>nActualDate)
    {
     document.write('<DIV style="position: absolute; left: '+NePos+'px; top: 50"px><IMG name="New" border="0" src="'+PicDir+'New.gif"   width="34" height="26"></DIV>');
    };

    UpdateClocks();
   }


//-----------------------------------------------------------
// function "MAXIMIZE NAVIGATOR WINDOW"
//-----------------------------------------------------------
   function MaxNavWin()
   {
    if (window.screen)
    {
     window.moveTo(0, 0);
     window.resizeTo(ScreenW, ScreenH);
    }
   }


//-----------------------------------------------------------
// function "COMPOSE DATE IN TEXT FORM"
//-----------------------------------------------------------
   function MyTxtDate(MyDate)
   {
    mDate = new Date(MyDate);
    if (mDate.getDate()<10) {mDay="0"+mDate.getDate();} else {mDay=mDate.getDate();}
    if ((mDate.getMonth()+1)<10){mMonth="0"+(mDate.getMonth()+1);} else {mMonth=(mDate.getMonth()+1);}
    return (mDay+"."+mMonth+"."+mDate.getFullYear());
   }


//-----------------------------------------------------------
// function "SHOW STANDARD FLAGS FOR CHANGE OF LANGUAGE"
//-----------------------------------------------------------
   function Flags()
   {
    EnPos=ScreenW-(40*4);
    GePos=ScreenW-(40*3);
    IdPos=ScreenW-(40*2);
    document.write('<DIV style="position: absolute; left: '+EnPos+'px; top: 142"px><a OnMouseOver="javascript:SelectEN()"><IMG name="English" border="0" src="'+PicDir+'English.gif"   width="34" height="26"></a></DIV>');
    document.write('<DIV style="position: absolute; left: '+GePos+'px; top: 142"px><a OnMouseOver="javascript:SelectGE()"><IMG name="English" border="0" src="'+PicDir+'Deutsch.gif"   width="34" height="26"></a></DIV>');
    document.write('<DIV style="position: absolute; left: '+IdPos+'px; top: 142"px><a OnMouseOver="javascript:SelectID()"><IMG name="English" border="0" src="'+PicDir+'Indonesia.gif" width="34" height="26"></a></DIV>');
   }

   function SelectEN()
   {
    if (CurLang!="EN") {CurLang="EN";DoChangeLanguage();}
   }

   function SelectGE()
   {
    if (CurLang!="GE") {CurLang="GE";DoChangeLanguage();}
   }

   function SelectID()
   {
    if (CurLang!="ID") {CurLang="ID";DoChangeLanguage();}
   }

   function DoChangeLanguage()
   {
    ShowCurLang();
    ChangeLanguage();
    SetCookie(CurLang);
   }


//-----------------------------------------------------------
// function "Show Current Language Settings"
//-----------------------------------------------------------
   function ShowCurLang()
   {
    CurLangText="English selected";
    if (CurLang=="" || CurLang==null) {CurLang="EN";}
    if (CurLang=="EN") {CurLangText="English selected";}
    if (CurLang=="GE") {CurLangText="Deutsch ausgewählt";}
    if (CurLang=="ID") {CurLangText="Menggunakan Bahasa Indonesia";}
    window.defaultstatus=CurLangText;
    window.status=CurLangText;return true;
   }


//-----------------------------------------------------------
// function "Create a Picture on screen" ID's: "Pic9999pos", "Pic9999ref", "Pic9999def"
//-----------------------------------------------------------
   function CreatePic(id,position,visibility,top,left,width,height,pic,href)
   {
    if (id=="")         {alert("Picture-Id is missing");}
    if (position=="")   {position="absolute";}
    if (visibility=="") {visibility="visible";}
    if (visibility=="visible") {visibility=LayerOn;} else {visibility=LayerOff;}
    if (top=="")        {top="10";}
    if (left=="")       {left="10";}
    if (width=="")      {width="100";}
    if (height=="")     {height="75)";}
    if (pic=="")        {alert("Picture-Source is missing");}
    if (href=="")
       {document.write('<DIV id="Pic'+id+'pos" style="position: '+position+'; left: '+left+'px; top: '+top+'px"><a id="Pic'+id+'ref"><img id="Pic'+id+'def" border="0" src="'+PicDir+pic+'" width="'+width+'px" height="'+height+'px"></A></DIV>');}
    else
       {document.write('<DIV id="Pic'+id+'pos" style="position: '+position+'; left: '+left+'px; top: '+top+'px"><a id="Pic'+id+'ref" href="'+href+'"><img id="Pic'+id+'def" border="0" src="'+PicDir+pic+'" width="'+width+'px" height="'+height+'px"></A></DIV>');}
   }


//-----------------------------------------------------------
// function "Create a text on screen" ID's: "xxTxt9999pos", "xxTxt9999tab", "xxTxt9999txt", "xxTxt9999val"
//-----------------------------------------------------------
   function CreateTxt(id,position,visibility,top,left,width,height,font,href,EnText,GeText,IdText)
   {
    if (id=="")         {alert("Text-Id is missing");}
    if (position=="")   {position="absolute";}
    if (visibility=="") {visibility="visible";}
    if (visibility=="visible") {visibility=LayerOn;} else {visibility=LayerOff;}
    if (CurLang=="EN")  {EN_Vis=LayerOn;} else {EN_Vis=LayerOff;}
    if (CurLang=="GE")  {GE_Vis=LayerOn;} else {GE_Vis=LayerOff;}
    if (CurLang=="ID")  {ID_Vis=LayerOn;} else {ID_Vis=LayerOff;}
    if (top=="")        {top="10";}
    if (left=="")       {left="10";}
    if (width=="")      {width="100";}
    if (height=="")     {height="25)";}
    if (font=="")       {font=Font12;}
    if (EnText=="")     {EnText=" ";}
    if (GeText=="")     {GeText=EnText;}
    if (IdText=="")     {IdText=EnText;}
    if (href=="")       
       {document.write('<div id="EnTxt'+id+'pos" style="position:'+position+'; visibility:'+EN_Vis+'; left:'+left+'px; top:'+top+'px;"><table id="EnTxt'+id+'tab" border="0" cellspacing="0" cellpadding="0" width="'+width+'px" height="'+height+'px"><tr><td id="EnTxt'+id+'fnt" style="'+font+'" valign="top"><a id="EnTxt'+id+'txt" style="'+font+'"><div id="EnTxt'+id+'val" >'+EnText+'</div></a></td></tr></table></div>');
        document.write('<div id="GeTxt'+id+'pos" style="position:'+position+'; visibility:'+GE_Vis+'; left:'+left+'px; top:'+top+'px;"><table id="GeTxt'+id+'tab" border="0" cellspacing="0" cellpadding="0" width="'+width+'px" height="'+height+'px"><tr><td id="GeTxt'+id+'fnt" style="'+font+'" valign="top"><a id="GeTxt'+id+'txt" style="'+font+'"><div id="GeTxt'+id+'val" >'+GeText+'</div></a></td></tr></table></div>');
        document.write('<div id="IdTxt'+id+'pos" style="position:'+position+'; visibility:'+ID_Vis+'; left:'+left+'px; top:'+top+'px;"><table id="IdTxt'+id+'tab" border="0" cellspacing="0" cellpadding="0" width="'+width+'px" height="'+height+'px"><tr><td id="IdTxt'+id+'fnt" style="'+font+'" valign="top"><a id="IdTxt'+id+'txt" style="'+font+'"><div id="IdTxt'+id+'val" >'+IdText+'</div></a></td></tr></table></div>');}
    else
       {document.write('<div id="EnTxt'+id+'pos" style="position:'+position+'; visibility:'+EN_Vis+'; left:'+left+'px; top:'+top+'px;"><table id="EnTxt'+id+'tab" border="0" cellspacing="0" cellpadding="0" width="'+width+'px" height="'+height+'px"><tr><td id="EnTxt'+id+'fnt" style="'+font+'" valign="top"><a id="EnTxt'+id+'txt" href="'+href+'" style="'+font+'"><div id="EnTxt'+id+'val" >'+EnText+'</div></a></td></tr></table></div>');
        document.write('<div id="GeTxt'+id+'pos" style="position:'+position+'; visibility:'+GE_Vis+'; left:'+left+'px; top:'+top+'px;"><table id="GeTxt'+id+'tab" border="0" cellspacing="0" cellpadding="0" width="'+width+'px" height="'+height+'px"><tr><td id="GeTxt'+id+'fnt" style="'+font+'" valign="top"><a id="GeTxt'+id+'txt" href="'+href+'" style="'+font+'"><div id="GeTxt'+id+'val" >'+GeText+'</div></a></td></tr></table></div>');
        document.write('<div id="IdTxt'+id+'pos" style="position:'+position+'; visibility:'+ID_Vis+'; left:'+left+'px; top:'+top+'px;"><table id="IdTxt'+id+'tab" border="0" cellspacing="0" cellpadding="0" width="'+width+'px" height="'+height+'px"><tr><td id="IdTxt'+id+'fnt" style="'+font+'" valign="top"><a id="IdTxt'+id+'txt" href="'+href+'" style="'+font+'"><div id="IdTxt'+id+'val" >'+IdText+'</div></a></td></tr></table></div>');}
    TxtArray_length = TxtArray.length++; TxtArray[TxtArray_length] = id;
   }


//-----------------------------------------------------------
// function "Create a Thumbnail plus Text"
//-----------------------------------------------------------
   function CreateThumbText(id,position,pic,href,EnText,GeText,IdText)
   {
    if (id<1 || id >10) {alert("Worng Thumnail-Id !");}
    TxtTop=325;
    if (position=="L") {PicTop=230;} else {PicTop=218;}
    if (position=="L") {PicWidth=100; PicHeight=75;}
    if (position=="P") {PicWidth=75; PicHeight=100;}
    if (id>5) {PicTop+=190; TxtTop+=190;}
    if (id<10) {NormId="000"+id;}else {NormId="00"+id;}
    if (id>5) {TxtLeft=160*(id-5);} else {TxtLeft=160*id;}
    if (id>5) {PicLeft=160*(id-5);} else {PicLeft=160*id;}
    if (position=="L") {PicLeft+=10;} else {PicLeft+=22;}
    CreatePic(NormId,"","",PicTop,PicLeft,PicWidth,PicHeight,pic,href);
    CreateTxt(NormId,"","",TxtTop,TxtLeft,120,20,PicFnt,href,EnText,GeText,IdText);
   }


//-----------------------------------------------------------
// function "Create a Thumbnail plus Text"
//-----------------------------------------------------------
   function CreateBigPicText(position,pic,href,EnText,GeText,IdText)
   {
    if (position=="L") {PicTop=270;} else {PicTop=230;}
    if (position=="L") {PicWidth=300; PicHeight=225;}
    if (position=="P") {PicWidth=225; PicHeight=300;}
    NormId="0001";
    PicLeft=160;
    if (position=="L") {PicLeft+=10;} else {PicLeft+=60;}
    CreatePic(NormId,"","",PicTop,PicLeft,PicWidth,PicHeight,pic,href);
    CreateTxt(NormId,"","",230,600,230,280,Font12,href,EnText,GeText,IdText);
   }


//-----------------------------------------------------------
// function "Edit a picture source"
//-----------------------------------------------------------
   function EditPicSrc(Id,src,width,height)
   {
    MyId="Pic"+Id+"def";
    if(ns4)             {MyObj=document.layers[MyId];}
    else if(ie4)        {MyObj=document.all[MyId];}
    else if(ie5 || ns6) {MyObj=document.getElementById(MyId);}
    if (src!="")        {MyObj.src=src;}
    if (width!="")      {MyObj.width=width;}
    if (height!="")     {MyObj.height=height;}
   }


//-----------------------------------------------------------
// function "Edit a picture link"
//-----------------------------------------------------------
   function EditPicLnk(Id,link)
   {
    MyId="Pic"+Id+"ref";
    if(ns4)             {MyObj=document.layers[MyId];}
    else if(ie4)        {MyObj=document.all[MyId];}
    else if(ie5 || ns6) {MyObj=document.getElementById(MyId);}
    if (link!="")       {MyObj.href=link;}
   }


//-----------------------------------------------------------
// function "Edit a picture position"
//-----------------------------------------------------------
   function EditPicPos(Id,top,left,position)
   {
    MyId="Pic"+Id+"pos";
    if(ns4)             {MyObj=document.layers[MyId];}
    else if(ie4)        {MyObj=document.all[MyId].style;}
    else if(ie5 || ns6) {MyObj=document.getElementById(MyId).style;}
    if (top!="")        {MyObj.top=top;}
    if (left!="")       {MyObj.left=left;}
    if (position!="")   {MyObj.position=position;}
   }


//-----------------------------------------------------------
// function "Edit a picture visibility"
//-----------------------------------------------------------
   function EditPicVis(Id,visibility)
   {
    MyId="Pic"+Id+"pos";
    if(ns4)             {MyObj=document.layers[MyId];}
    else if(ie4)        {MyObj=document.all[MyId].style;}
    else if(ie5 || ns6) {MyObj=document.getElementById(MyId).style;}
    if (visibility!="") {MyObj.visibility=visibility;}
   }


//-----------------------------------------------------------
// function "Edit a text field width"
//-----------------------------------------------------------
   function EditTxtWidth(Id,width)
   {
    EN_Id="EnTxt"+Id+"txt";
    GE_Id="GeTxt"+Id+"txt";
    ID_Id="IdTxt"+Id+"txt";
    if(ns4)             {EditTxtWidth2(document.layers[EN_Id],width);EditTxtWidth2(document.layers[GE_Id],width);EditTxtWidth2(document.layers[ID_Id],width);}
    else if(ie4)        {EditTxtWidth2(document.all[EN_Id],width);EditTxtWidth2(document.all[GE_Id],width);EditTxtWidth2(document.all[ID_Id],width);}
    else if(ie5 || ns6) {EditTxtWidth2(document.getElementById(EN_Id),width);EditTxtWidth2(document.getElementById(GE_Id),width);EditTxtWidth2(document.getElementById(ID_Id),width);}
   }
   function EditTxtWidth2(Id,width)
   {
    if (width!="")      {Id.width=width;}
   }


//-----------------------------------------------------------
// function "Edit a text link"
//-----------------------------------------------------------
   function EditTxtLnk(Id,link)
   {
    EN_Id="EnTxt"+Id+"txt";
    GE_Id="GeTxt"+Id+"txt";
    ID_Id="IdTxt"+Id+"txt";
    if(ns4)             {EditTxtLnk2(document.layers[EN_Id],link);EditTxtLnk2(document.layers[GE_Id],link);EditTxtLnk2(document.layers[ID_Id],link);}
    else if(ie4)        {EditTxtLnk2(document.all[EN_Id],link);EditTxtLnk2(document.all[GE_Id],link);EditTxtLnk2(document.all[ID_Id],link);}
    else if(ie5 || ns6) {EditTxtLnk2(document.getElementById(EN_Id),link);EditTxtLnk2(document.getElementById(GE_Id),link);EditTxtLnk2(document.getElementById(ID_Id),link);}
   }
   function EditTxtLnk2(Id,link)
   {
    if (link!="")       {Id.href=link;}
   }


//-----------------------------------------------------------
// function "Edit a text value"
//-----------------------------------------------------------
   function EditTxtVal(Id,EnText,GeText,IdText)
   {
    if (EnText=="") {EnText=" ";}
    if (GeText=="") {GeText=EnText;}
    if (IdText=="") {IdText=EnText;}
    EN_Id="EnTxt"+Id+"val";
    GE_Id="GeTxt"+Id+"val";
    ID_Id="IdTxt"+Id+"val";
    if(ns4)             {EditTxtVal2(document.layers[EN_Id],EnText);EditTxtVal2(document.layers[GE_Id],GeText);EditTxtVal2(document.layers[ID_Id],IdText);}
    else if(ie4)        {EditTxtVal2(document.all[EN_Id],EnText);EditTxtVal2(document.all[GE_Id],GeText);EditTxtVal2(document.all[ID_Id],IdText);}
    else if(ie5 || ns6) {EditTxtVal2(document.getElementById(EN_Id),EnText);EditTxtVal2(document.getElementById(GE_Id),GeText);EditTxtVal2(document.getElementById(ID_Id),IdText);}
   }
   function EditTxtVal2(Id,text)
   {
    if (ns6) {if (text!="")   {Id.innerHTML=text;}}
    else     {if (text!="")   {Id.innerText=text;}}
   }


//-----------------------------------------------------------
// function "Edit a text position"
//-----------------------------------------------------------
   function EditTxtPos(Id,top,left,position)
   {
    EN_Id="EnTxt"+Id+"pos";
    GE_Id="GeTxt"+Id+"pos";
    ID_Id="IdTxt"+Id+"pos";
    if(ns4)             {EditTxtPos2(document.layers[EN_Id],top,left,position);EditTxtPos2(document.layers[GE_Id],top,left,position);EditTxtPos2(document.layers[ID_Id],top,left,position);}
    else if(ie4)        {EditTxtPos2(document.all[EN_Id].style,top,left,position);EditTxtPos2(document.all[GE_Id].style,top,left,position);EditTxtPos2(document.all[ID_Id].style,top,left,position);}
    else if(ie5 || ns6) {EditTxtPos2(document.getElementById(EN_Id).style,top,left,position);EditTxtPos2(document.getElementById(GE_Id).style,top,left,position);EditTxtPos2(document.getElementById(ID_Id).style,top,left,position);}
   }
   function EditTxtPos2(Id,top,left,position)
   {
    if (top!="")        {Id.top=top;}
    if (left!="")       {Id.left=left;}
    if (position!="")   {Id.position=position;}
   }


//-----------------------------------------------------------
// function "Edit a text font and align"
//-----------------------------------------------------------
   function EditTxtFnt(Id,Size,Align,Weight,Color,Family)
   {
    EN_Id_1="EnTxt"+Id+"txt";
    GE_Id_1="GeTxt"+Id+"txt";
    ID_Id_1="IdTxt"+Id+"txt";
    EN_Id_2="EnTxt"+Id+"fnt";
    GE_Id_2="GeTxt"+Id+"fnt";
    ID_Id_2="IdTxt"+Id+"fnt";
    if(ns4)             {EditTxtFnt2(document.layers[EN_Id_1],Size,Align,Weight,Color,Family)              ;EditTxtFnt2(document.layers[GE_Id_1],Size,Align,Weight,Color,Family)              ;EditTxtFnt2(document.layers[ID_Id_1],Size,Align,Weight,Color,Family)              ;}
    else if(ie4)        {EditTxtFnt2(document.all[EN_Id_1].style,Size,Align,Weight,Color,Family)           ;EditTxtFnt2(document.all[GE_Id_1].style,Size,Align,Weight,Color,Family)           ;EditTxtFnt2(document.all[ID_Id_1].style,Size,Align,Weight,Color,Family)           ;}
    else if(ie5 || ns6) {EditTxtFnt2(document.getElementById(EN_Id_1).style,Size,Align,Weight,Color,Family);EditTxtFnt2(document.getElementById(GE_Id_1).style,Size,Align,Weight,Color,Family);EditTxtFnt2(document.getElementById(ID_Id_1).style,Size,Align,Weight,Color,Family);}
    if(ns4)             {EditTxtFnt3(document.layers[EN_Id_2],Align)              ;EditTxtFnt3(document.layers[GE_Id_2],Align)              ;EditTxtFnt3(document.layers[ID_Id_2],Align)              ;}
    else if(ie4)        {EditTxtFnt3(document.all[EN_Id_2].style,Align)           ;EditTxtFnt3(document.all[GE_Id_2].style,Align)           ;EditTxtFnt3(document.all[ID_Id_2].style,Align)           ;}
    else if(ie5 || ns6) {EditTxtFnt3(document.getElementById(EN_Id_2).style,Align);EditTxtFnt3(document.getElementById(GE_Id_2).style,Align);EditTxtFnt3(document.getElementById(ID_Id_2).style,Align);}
   }
   function EditTxtFnt2(Id,Size,Align,Weight,Color,Family)
   {
    if (Size!="")        {Id.fontSize=Size;}
    if (Align!="")       {Id.textAlign=Align;}
    if (Weight!="")      {Id.fontWeight=Weight;}
    if (Color!="")       {Id.color=Color;}
    if (Family!="")      {Id.fontFamily=Family;}
   }
   function EditTxtFnt3(Id,Align)
   {
    if (Align!="")       {Id.textAlign=Align;}
   }


//-----------------------------------------------------------
// function "Edit a text visibility"
//-----------------------------------------------------------
   function EditTxtVis(Id,Language)
   {
    if (Language=="")   {En_Vis=LayerOn  ;Ge_Vis=LayerOff ;Id_Vis=LayerOff;}
    if (Language=="EN") {En_Vis=LayerOn  ;Ge_Vis=LayerOff ;Id_Vis=LayerOff;}
    if (Language=="GE") {En_Vis=LayerOff ;Ge_Vis=LayerOn  ;Id_Vis=LayerOff;}
    if (Language=="ID") {En_Vis=LayerOff ;Ge_Vis=LayerOff ;Id_Vis=LayerOn;}
    EN_Id="EnTxt"+Id+"pos";
    GE_Id="GeTxt"+Id+"pos";
    ID_Id="IdTxt"+Id+"pos";
    if(ns4)             {EditTxtVis2(document.layers[EN_Id],En_Vis);EditTxtVis2(document.layers[GE_Id],Ge_Vis);EditTxtVis2(document.layers[ID_Id],Id_Vis);}
    else if(ie4)        {EditTxtVis2(document.all[EN_Id].style,En_Vis);EditTxtVis2(document.all[GE_Id].style,Ge_Vis);EditTxtVis2(document.all[ID_Id].style,Id_Vis);}
    else if(ie5 || ns6) {EditTxtVis2(document.getElementById(EN_Id).style,En_Vis);EditTxtVis2(document.getElementById(GE_Id).style,Ge_Vis);EditTxtVis2(document.getElementById(ID_Id).style,Id_Vis);}
   }
   function EditTxtVis2(Id,visibility)
   {
    if (visibility!="") {Id.visibility=visibility;}
   }


//-----------------------------------------------------------
// function "Change language visibility"
//-----------------------------------------------------------
   function ChangeLanguage()
   {
    var Current = TxtArray.length;
    while(Current>0) 
    {
     Current--; 
     if (CurLang=="EN") {En_Vis=LayerOn  ;Ge_Vis=LayerOff ;Id_Vis=LayerOff;}
     if (CurLang=="GE") {En_Vis=LayerOff ;Ge_Vis=LayerOn  ;Id_Vis=LayerOff;}
     if (CurLang=="ID") {En_Vis=LayerOff ;Ge_Vis=LayerOff ;Id_Vis=LayerOn;}
     EN_Id="EnTxt"+TxtArray[Current]+"pos";
     GE_Id="GeTxt"+TxtArray[Current]+"pos";
     ID_Id="IdTxt"+TxtArray[Current]+"pos";
     if(ns4)             {EditTxtVis2(document.layers[EN_Id],En_Vis);EditTxtVis2(document.layers[GE_Id],Ge_Vis);EditTxtVis2(document.layers[ID_Id],Id_Vis);}
     else if(ie4)        {EditTxtVis2(document.all[EN_Id].style,En_Vis);EditTxtVis2(document.all[GE_Id].style,Ge_Vis);EditTxtVis2(document.all[ID_Id].style,Id_Vis);}
     else if(ie5 || ns6) {EditTxtVis2(document.getElementById(EN_Id).style,En_Vis);EditTxtVis2(document.getElementById(GE_Id).style,Ge_Vis);EditTxtVis2(document.getElementById(ID_Id).style,Id_Vis);}
    }
   }


//-----------------------------------------------------------
// function "SHOW STANDARD THUMBNAIL FRAMES"
//-----------------------------------------------------------
   function StdThbPicPage()
   {
    var i = 5; 
    var Left=160;
    while(i>0) 
    { 
     StdFrame(210,(Left*i),120,140);
     i--; 
    } 
    i = 5; 
    Left=160;
    while(i>0) 
    { 
     StdFrame(400,(Left*i),120,140);
     i--; 
    } 
   }


//-----------------------------------------------------------
// function "SHOW STANDARD PICTURE FRAME PLUS TEXT FRAME"
//-----------------------------------------------------------
   function StdBigPicPage()
   {
    StdFrame(210,160,320,340);
    StdFrame(210,590,250,340);
   }


//-----------------------------------------------------------
// function "SHOW STANDARD FRAME"
//-----------------------------------------------------------
   function StdFrame(top,left,width,height)
   {
    document.write("<DIV style='position: absolute; top: "+(top+5)+"px; left: "+(left+5)+"px;'><table bgcolor='#808080' border='0' width='"+width+"' height='"+height+"'><tr><td></td></tr></table></DIV><DIV style='position: absolute; top: "+top+"px; left: "+left+"px;'><table bgcolor='#C0C0C0' border='0' width='"+width+"' height='"+height+"'><tr><td></td></tr></table></DIV>");
   }


//-----------------------------------------------------------
// function "COOKIES FOR SELECTED LANGUAGE DETECTION"
//-----------------------------------------------------------
   function SetCookie(value) 
   {
    var argv    = SetCookie.arguments;
    var argc    = SetCookie.arguments.length;
    var name    = "Language";
    var expires = (argc > 3) ? new Date(argv[3]) : null;
    var path    = "/files";
    var domain  = "www.hassmann-cc.com";
    var secure  = false;
    document.cookie = name + "=" + escape(value)
       + ((expires == null) ? "" : ("; expires=" + expires.toGMTString()))
       + ((path == null) ? "" : ("; path=" + path))
       + ((domain == null) ? "" : ("; domain=" + domain))
       + ((secure == true) ? "; secure" : "");
   }
   function readCookie() 
   {
    var arg  = "Language=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i    = 0;

    while(i < clen) {
       var offset = i + alen;

       if(document.cookie.substring(i, offset) == arg) {
          var iEnd  = document.cookie.indexOf(";", offset);
 
          if(iEnd == -1) {
             iEnd = document.cookie.length;
          }
 
          return unescape(document.cookie.substring(offset, iEnd));
       }
 
       i = document.cookie.indexOf(" ", i) + 1;
 
       if(i == 0) {
          break;
          }
       }

    return null;
   }


//-----------------------------------------------------------
// function "Create TIMEZONE OBJECT"
//-----------------------------------------------------------
   function tzone(tz, os, ds, cl)
   {
    this.ct = new Date(0) ;       // datetime
    this.tz = tz ;                // code
    this.os = os ;                // GMT offset
    this.ds = ds ;                // has daylight savings
    this.cl = cl ;                // font color
   }


//-----------------------------------------------------------
// function "CONTINUOSLY UPDATE THE TIME"
//-----------------------------------------------------------
   function UpdateClocks()
   {
     var ct = new Array(
             new tzone('VIE: ', +1, 1),
             new tzone('JKT: ', +7, 0)
             ) ;
    var dt = new Date() ;                                      // [GMT] time according to machine clock
    var startDST = new Date(dt.getFullYear(), 3, 1) ;
    var endDST = new Date(dt.getFullYear(), 9, 26) ;
    var ds_active ;                                            // DS currently active
    if (startDST < dt && dt < endDST) {ds_active = 1 ;}
    else {ds_active = 0 ;}

    for(n=0 ; n<ct.length ; n++) {if (ct[n].ds == 1 && ds_active == 1) ct[n].os++ ;}  // Adjust each clock offset if that clock has DS and in DS.

    gmdt = new Date() ;                                        // compensate time zones
    for (n=0 ; n<ct.length ; n++) {ct[n].ct = new Date(gmdt.getTime() + ct[n].os * 3600 * 1000) ;}

    VieTime = ClockString(ct[0].ct);
    JktTime = ClockString(ct[1].ct);
    EditTxtVal("L009","Actual time in Vienna "+VieTime+" and in Jakarta "+JktTime,"Aktuelle Zeit in Wien "+VieTime+" und in Jakarta "+JktTime,"Waktu di Wina "+VieTime+" dan di Jakarta "+JktTime);
    timerID = window.setTimeout("UpdateClocks()", 1001) ;
   }


//-----------------------------------------------------------
// function "CREATE PROPER TIME STRING"
//-----------------------------------------------------------
   function ClockString(dt)
   {
    var stemp, ampm ;
    var dt_year = dt.getUTCFullYear() ;
    var dt_month = dt.getUTCMonth() + 1 ;
    var dt_day = dt.getUTCDate() ;
    var dt_hour = dt.getUTCHours() ;
    var dt_minute = dt.getUTCMinutes() ;
    var dt_second = dt.getUTCSeconds() ;
    dt_year = dt_year.toString() ;

    if (dt_day < 10)    {dt_day   = '0' + dt_day ;}
    if (dt_month < 10)  {dt_month = '0' + dt_month ;}
    if (dt_hour < 10)   {dt_hour  = '0' + dt_hour ;}
    if (dt_minute < 10) {dt_minute = '0' + dt_minute ;}
    if (dt_second < 10) {dt_second = '0' + dt_second ;}

    stemp = dt_day + '.' + dt_month + '.' + dt_year + ' ' + dt_hour + ":" + dt_minute + ":" + dt_second;
    return stemp ;
   }


//-----------------------------------------------------------
// function "Mailer for Contact"
//-----------------------------------------------------------
   function ContactMailer()
   {
    var MailerForm="";
    MailerForm+='<form method=post action="/~site/Scripts_ElementMailer/ElementMailer.dll" NAME ="CONTACT_FORM">';
    MailerForm+='<input type=hidden name=CMD value="CMDSubmitFormElement">';
    MailerForm+='<input type=hidden name=BACKPAGEURL value="http://www.hassmann-cc.com/Contact.html">';
    MailerForm+='<input type=hidden name="FORM_SUBMIT_BUTTON_NAME">';
    MailerForm+='<DIV style="position: absolute; top: 274px; left: 341px; width: 393px; height: 24px;">';
    MailerForm+='<INPUT TYPE=TEXT MAXLENGTH=1000 NAME="REQ_FORM_Name" SIZE=48 VALUE="">';
    MailerForm+='</DIV>';
    MailerForm+='<DIV style="position: absolute; top: 306px; left: 342px; width: 393px; height: 24px;">';
    MailerForm+='<INPUT TYPE=TEXT MAXLENGTH=1000 NAME="REQ_FORM_Email" SIZE=48 VALUE="">';
    MailerForm+='</DIV>';
    MailerForm+='<DIV style="position: absolute; top: 340px; left: 342px; width: 392px; height: 96px;">';
    MailerForm+='<TEXTAREA NAME="FORM_Comment" ROWS=5 COLS=46 WRAP=HARD ></TEXTAREA>';
    MailerForm+='</DIV>';
    MailerForm+='<DIV style="position: absolute; top: 444px; left: 545px; width: 67px; height: 25px;">';
    MailerForm+='<INPUT TYPE=BUTTON NAME="FORM_SUBMIT_Submit_Button#1" VALUE="Submit" OnClick="submit()">';
    MailerForm+='<INPUT TYPE=HIDDEN NAME="FORM_SUBMIT_FIELDS_Submit_Button1" VALUE="REQ_FORM_Name;REQ_FORM_Email;FORM_Comment;">';
    MailerForm+='<INPUT TYPE=HIDDEN NAME="FORM_SUBMIT_EMAIL_Submit_Button1" VALUE = "Chris_gf@hotmail.com">';
    MailerForm+='<INPUT TYPE=HIDDEN NAME="SUBMITMETHOD" VALUE="EMAIL">';
    MailerForm+='<INPUT TYPE=HIDDEN NAME="HSID_" VALUE = "1750257174" >';
    MailerForm+='</DIV>';
    MailerForm+='<DIV style="position: absolute; top: 445px; left: 444px; width: 57px; height: 25px;">';
    MailerForm+='<INPUT TYPE=RESET NAME="FORM_Reset_Button#1" VALUE="Reset" OnClick="reset()">';
    MailerForm+='</DIV>';
    MailerForm+='</form>';
    document.write(MailerForm);
   }


//-----------------------------------------------------------
// function "Navigation buttons on bottom"
//-----------------------------------------------------------
   function CreateNavButtns(first,prev,idx,next,last)
   {
    if (first=="") {pic1="BotFirstInact.bmp"   ;ref1="";} else {pic1="BotFirstAct.bmp"   ;ref1=first;}
    if (prev=="")  {pic2="BotPreviousInact.bmp";ref2="";} else {pic2="BotPreviousAct.bmp";ref2=prev; }
    if (idx=="")   {pic3="BotIndexInact.bmp"   ;ref3="";} else {pic3="BotIndexAct.bmp"   ;ref3=idx;  }
    if (next=="")  {pic4="BotNextInact.bmp"    ;ref4="";} else {pic4="BotNextAct.bmp"    ;ref4=next; }
    if (last=="")  {pic5="BotLastInact.bmp"    ;ref5="";} else {pic5="BotLastAct.bmp"    ;ref5=last; }
    CreatePic("NB001","","",560,495,18,17,pic1,ref1);
    CreatePic("NB002","","",560,513,18,17,pic2,ref2);
    CreatePic("NB003","","",560,531,18,17,pic3,ref3);
    CreatePic("NB004","","",560,549,18,17,pic4,ref4);
    CreatePic("NB005","","",560,567,18,17,pic5,ref5);
   }
