var navId;
var arrNavColors;
arrNavColors = new Array();

navId = 'nav1';
arrNavColors[navId] = new Array();
arrNavColors[navId]['norm'] = new Array();
arrNavColors[navId]['over'] = new Array();

arrNavColors[navId]['norm']['color']     = '#FFFFFF';
arrNavColors[navId]['norm']['bgColor']   = '#004A89';
arrNavColors[navId]['over']['color']     = '#FFFFFF';
arrNavColors[navId]['over']['bgColor']   = '#336EA1';

navId = 'nav2';
arrNavColors[navId] = new Array();
arrNavColors[navId]['norm'] = new Array();
arrNavColors[navId]['over'] = new Array();

arrNavColors[navId]['norm']['color']     = '#FFFFFF';
arrNavColors[navId]['norm']['bgColor']   = '#004A89';
arrNavColors[navId]['over']['color']     = '#FFFFFF';
arrNavColors[navId]['over']['bgColor']   = '#336EA1';

navId = 'nav3';
arrNavColors[navId] = new Array();
arrNavColors[navId]['norm'] = new Array();
arrNavColors[navId]['over'] = new Array();

arrNavColors[navId]['norm']['color']     = '#FFFFFF';
arrNavColors[navId]['norm']['bgColor']   = '#004A89';
arrNavColors[navId]['over']['color']     = '#FFFFFF';
arrNavColors[navId]['over']['bgColor']   = '#336EA1';



function mouseoverNav1(id) {
   changeColor(id+"-link", arrNavColors['nav2']['over']['color']);
   changeBgColor(id+"-box", arrNavColors['nav2']['over']['bgColor']);

}
function mouseoutNav1(id) {
   changeColor(id+"-link", arrNavColors['nav2']['norm']['color']);
   changeBgColor(id+"-box", arrNavColors['nav2']['norm']['bgColor']);
}

function mouseoverNav2(id) {
   changeColor(id+"-link", arrNavColors['nav2']['over']['color']);
   changeBgColor(id+"-box", arrNavColors['nav2']['over']['bgColor']);
}

function mouseoutNav2(id) {
   changeColor(id+"-link", arrNavColors['nav2']['norm']['color']);
   changeBgColor(id+"-box", arrNavColors['nav2']['norm']['bgColor']);
}

function mouseoverNav3(id) {
   changeColor(id+"-link", arrNavColors['nav3']['over']['color']);
   changeBgColor(id+"-box", arrNavColors['nav3']['over']['bgColor']);
}

function mouseoutNav3(id) {
   changeColor(id+"-link", arrNavColors['nav3']['norm']['color']);
   changeBgColor(id+"-box", arrNavColors['nav3']['norm']['bgColor']);
}



// //////////////////////////////////
// TabbedPage
// //////////////////////////////////

function mouseoverTabImg(domId, num) {
   if(num!=activeTabNum) {
      highlightButton(domId+num+'_navimg', 'over');
   }
}

function mouseoutTabImg(domId, num) {
   //   alert(activeTabNum+ "  " + num);
   if(num!=activeTabNum) {
      highlightButton(domId+num+'_navimg', 'out');
   }
}

function clickTabImg(domId, tabNum) {
   var id = domId+tabNum;
   //alert(id);

   // Altes NaviImg auf norm setzen
   src = document.getElementById(domId+activeTabNum+'_navimg').src;
   basename = src.substring(0,src.lastIndexOf('_'));
   appendix = src.substring(src.lastIndexOf('_'), src.lastIndexOf('.'));
   extension = src.substring(src.lastIndexOf('.'));
   document.getElementById(domId+activeTabNum+'_navimg').src = basename + '_norm' + extension;


   // NaviImg auf active setzen
   src = document.getElementById(id+'_navimg').src;
   basename = src.substring(0,src.lastIndexOf('_'));
   appendix = src.substring(src.lastIndexOf('_'), src.lastIndexOf('.'));
   extension = src.substring(src.lastIndexOf('.'));
   document.getElementById(id+'_navimg').src = basename + '_active' + extension;


   // Aktive Tabpage einblenden, alle anderen ausblenden
   document.getElementById(domId+activeTabNum).style.display = 'none';
   document.getElementById(domId+tabNum).style.display = 'block';


   // Aktive TabId setzen
   activeTabNum = tabNum;

   return false;

}


function mouseoverTab(domId, num) {
   if(num!=activeTabNum) {
      // :todo: highlightButton(domId+num+'_navimg', 'over');
   }
}

function mouseoutTab(domId, num) {
   //   alert(activeTabNum+ "  " + num);
   if(num!=activeTabNum) {
      // :todo: highlightButton(domId+num+'_navimg', 'out');
   }
}

function clickTab(domId, tabNum) {
   var id = domId+tabNum;
   //alert(id);

   // Altes NaviImg auf norm setzen
   /*
   src = document.getElementById(domId+activeTabNum+'_navimg').src;
   basename = src.substring(0,src.lastIndexOf('_'));
   appendix = src.substring(src.lastIndexOf('_'), src.lastIndexOf('.'));
   extension = src.substring(src.lastIndexOf('.'));
   document.getElementById(domId+activeTabNum+'_navimg').src = basename + '_norm' + extension;
   */


   // NaviImg auf active setzen
   /*
   src = document.getElementById(id+'_navimg').src;
   basename = src.substring(0,src.lastIndexOf('_'));
   appendix = src.substring(src.lastIndexOf('_'), src.lastIndexOf('.'));
   extension = src.substring(src.lastIndexOf('.'));
   document.getElementById(id+'_navimg').src = basename + '_active' + extension;
   */


   // Aktive Tabpage einblenden, alle anderen ausblenden
   document.getElementById(domId+activeTabNum).style.display = 'none';
   document.getElementById(domId+tabNum).style.display = 'block';


   // Aktive TabId setzen
   activeTabNum = tabNum;

   return false;

}

function showDetailImage(domId, src) {
   $(domId).src = src;
}

var splashLang = 'de';

function changeWelcome(lang) {   
   changeVisibility('splashWelcome'+splashLang.toUpperCase(), false);
   changeVisibility('splashHotelInfo'+splashLang.toUpperCase(), false);
   changeVisibility('splashWelcome'+lang.toUpperCase(), true);
   changeVisibility('splashHotelInfo'+lang.toUpperCase(), true);
   changeContent('langInfo', arrWelcomeText[lang]['info']);
   splashLang = lang;
}