function openWindow(winName, url, width, height){
  var win        = window.open(url, winName, "resizable=0,location=0,directories=0,status=1,menubar=0,scrollbars=1,toolbar=0,width="+width+",height="+height);
  win.focus();
}

function hideStatusMessage(msgFieldId){
  var displayElem                  = document.getElementById(msgFieldId);
  if (displayElem){
    displayElem.innerHTML          = '';
    displayElem.style.visibility   = 'hidden';
  }	
}

function showStatusMessage (msgFieldId, msg, type){
  var displayElem                  = document.getElementById(msgFieldId);
  if (displayElem){
    if (type == 0){
      // es ist eine OK-Meldung
      displayElem.style.color      = '#B0DC00' ;
      displayElem.innerHTML        = msg;
    } 
    else {
      // es ist eine Fehler-Meldung      
      displayElem.style.color      = '#CC0000' ;
      displayElem.innerHTML        = msg;
    }
   displayElem.style.visibility    = 'visible';    
  }
  else {
    // Kein Anzeigefeld vorhanden: also Ausgabe als alert
    alert(msg);
  }    
}


function checkContactForm(msg) {
  var frm                 = document.getElementById('dataForm');
  var firstnameField      = document.getElementById('firstname');
  var lastnameField       = document.getElementById('lastname');
  var phoneField          = document.getElementById('phone');
  var emailField          = document.getElementById('email');
  var messageField        = document.getElementById('message');
  var errorField          = document.getElementById('error');
  var filledOut  = 1;  

  filledOut               = setMandatoryColor(firstnameField.value, 'labelFirstname', filledOut);  	
  filledOut               = setMandatoryColor(lastnameField.value, 'labelLastname', filledOut);  	
  filledOut               = setMandatoryColor(phoneField.value, 'labelPhone', filledOut);  	
  filledOut               = setMandatoryColor(emailField.value, 'labelEmail', filledOut);  	
  filledOut               = setMandatoryColor(messageField.value, 'labelMessage', filledOut);  	
  
  if (filledOut == 1){  
    frm.submit();	
  } 
  else {
    showStatusMessage ('msgField', msg, 1);
  } 	
}

function checkTellAFriendForm(msg) {
  var frm                 = document.getElementById('dataForm');
  var recipientNameField  = document.getElementById('recipientName');
  var recipientEmailField = document.getElementById('recipientEmail');
  var senderNameField     = document.getElementById('senderName');
  var senderEmailField    = document.getElementById('senderEmail');
  var messageField        = document.getElementById('message');
  var securityField       = document.getElementById('securityCode');
  
  var filledOut  = 1;  

  filledOut               = setMandatoryColor(recipientNameField.value, 'labelRecipientName', filledOut);  	
  filledOut               = setMandatoryColor(recipientEmailField.value, 'labelRecipientEmail', filledOut);  	
  filledOut               = setMandatoryColor(senderNameField.value, 'labelSenderName', filledOut);  	
  filledOut               = setMandatoryColor(senderEmailField.value, 'labelSenderEmail', filledOut);  	
  filledOut               = setMandatoryColor(messageField.value, 'labelMessage', filledOut);  	
  filledOut               = setMandatoryColor(securityField.value, 'labelSecurity', filledOut);  	

  if (filledOut == 1){  
    frm.submit();	
  } 
  else {
    showStatusMessage ('msgField', msg, 1);
  } 	
}

function changeDetailImage(detailImageId, previewImageId, link, previewId){
  var detailImage         = document.getElementById(detailImageId);

  if (detailImage){
    var previewImage      = document.getElementById(previewImageId);
    var sourcePreview     = previewImage.src;
    var sourceDetail      = detailImage.src;
 
    sourcePreview         = sourcePreview.replace("k.jpg",".jpg");
    detailImage.src       = sourcePreview;
    
    // Tabs anpassen
    for (var i=0;i<=4;i++){
      var tabLink         = document.getElementById('tab'+i);
      if(tabLink){	
      	var link          = tabLink.href;
      	link              = link.replace(/preview=[0-9]*/,'preview=' + previewId); 
      	tabLink.href      = link;
      }	
    }
    
    //Print-Button anpassen
    var buttLink          = document.getElementById('button3');    
    var link              = buttLink.href;
    link                  = link.replace(/preview=[0-9]*/,'preview=' + previewId); 
    buttLink.href         = link;        

    //Print-Button Beschriftung anpassen
    var buttTextLink      = document.getElementById('buttonText3');    
    var link              = buttTextLink.href;
    link                  = link.replace(/preview=[0-9]*/,'preview=' + previewId); 
    buttTextLink.href     = link;        
  }
  else {
    document.location.href = link;	
  }  
}

function setMandatoryColor(value, fieldId, filledOut){
  var errorColor          = '#CC0000';
  var okColor             = '#000000';
  var elem                = document.getElementById(fieldId);

  if (value == '') {
    elem.style.color      = errorColor;  
    filledOut             = 0;	
  }
  else {
    elem.style.color      = okColor;  	
  }	
  return filledOut;
}

function checkLoginMandatory(message){
  var loginField          = document.getElementById('login');
  var passwordField 	  = document.getElementById('password');
  var todoField           = document.getElementById('todo');
  var login               = loginField.value;	
  var password            = passwordField.value;	
  var filledOut           = 1;  

  if (login == '' || password == ''){
    filledOut             = setMandatoryColor(login, 'labelCustomerLogin', filledOut);  	
    filledOut             = setMandatoryColor(password, 'labelCustomerPassword', filledOut);  	
    todoField.value       = '';
    return message;	
  } 	
  else {
    todoField.value       = 'login';
    return ''; 	
  }
}

function checkShippingMandatory(message){
  var firstnameField      = document.getElementById('deliveryFirstname');
  var lastnameField       = document.getElementById('deliveryLastname');
  var streetField 	  = document.getElementById('deliveryStreet');
  var cityField           = document.getElementById('deliveryCity');
  var zipcodeField 	  = document.getElementById('deliveryZipcode');
  var countryIdField      = document.getElementById('deliveryCountryId');
  var todoField           = document.getElementById('todo');
  var filledOut           = 1;  

  if (isFieldGroupChecked('deliveryTitle') == false){
    filledOut             = setMandatoryColor('', 'labelTitle', filledOut);  	  	
  }
  else {
    filledOut             = setMandatoryColor('1', 'labelTitle', filledOut);  	  	  	
  }

  filledOut               = setMandatoryColor(firstnameField.value, 'labelFirstname', filledOut);  	
  filledOut               = setMandatoryColor(lastnameField.value, 'labelLastname', filledOut);  	
  filledOut               = setMandatoryColor(streetField.value, 'labelStreet', filledOut);  	
  filledOut               = setMandatoryColor(cityField.value, 'labelCity', filledOut);  	

  if ((zipcodeField.value == '')||(cityField.value == '')){
    filledOut               = setMandatoryColor('', 'labelZipCity', filledOut);  	
  }
  else {  
    filledOut               = setMandatoryColor('1', 'labelZipCity', filledOut);  	
  }  

  filledOut               = setMandatoryColor(countryIdField.value, 'labelCountry', filledOut);  	
  
  if (filledOut == 1){
    todoField.value       = 'update';
    return ''; 	
  }
  else {
    todoField.value       = '';
    return message; 	  	
  }  
}

function isFieldGroupChecked(fieldName){
  var radioList             = "";
  var isChecked             = false;
  ///paramter ermitteln
  radioList                 = document.getElementsByName(fieldName);
  
  for (var i=0;i<radioList.length;i++){
    if (radioList[i].checked==true){
      isChecked             = true
    }
  }
  return isChecked;
}

function checkConfirm(message, link, step){
  var filledOut           = 1;  
  var todoField           = document.dataForm.todo;

  if (isFieldGroupChecked('generalTermsFlag') == false){
    filledOut             = setMandatoryColor('', 'labelGeneralTermsInfo', filledOut);  	  	
  }
  else {
    filledOut             = setMandatoryColor('1', 'labelGeneralTermsInfo', filledOut);  	  	  	
  }

  if (filledOut == 1){
    if (todoField.value != 'placeOrder'){  	
      todoField.value       ='placeOrder';
      goOrderStep(step, link);
    }  
  }
  else {
    todoField.value       = '';
    showStatusMessage ('msgField', message, 1); 	  	
  }  
}

function checkDirectPaypalMandatory(message){
  var phoneDayField       = document.getElementById('directInvoicePhoneDay');
  var phoneNightField     = document.getElementById('directInvoicePhoneNight');
  var emailField          = document.getElementById('directInvoiceEmail');  
  var todoField           = document.getElementById('directTodo');
  
  var filledOut           = 1;  

  filledOut               = setMandatoryColor(phoneDayField.value, 'directLabelPhoneDay', filledOut);  	
  filledOut               = setMandatoryColor(phoneNightField.value, 'directLabelPhoneNight', filledOut);  	
  filledOut               = setMandatoryColor(emailField.value, 'directLabelEmail', filledOut);  	
  
  if (filledOut == 1){
    todoField.value       = 'direct';
    return ''; 	
  }
  else {
    todoField.value       = '';
    return message; 	  	
  }  
}	

function checkDirectMandatory(message){
  var firstnameField      = document.getElementById('directInvoiceFirstname');
  var lastnameField       = document.getElementById('directInvoiceLastname');
  var streetField 	  = document.getElementById('directInvoiceStreet');
  var cityField           = document.getElementById('directInvoiceCity');
  var zipcodeField 	  = document.getElementById('directInvoiceZipcode');
  var countryIdField      = document.getElementById('directInvoiceCountryId');

  var phoneDayField       = document.getElementById('directInvoicePhoneDay');
  var phoneNightField     = document.getElementById('directInvoicePhoneNight');
  var emailField          = document.getElementById('directInvoiceEmail');
  
  var todoField           = document.getElementById('directTodo');
  
  var filledOut           = 1;  

  if (document.getElementById('directTitle1').checked || document.getElementById('directTitle2').checked){
    filledOut             = setMandatoryColor('1', 'directLabelTitle', filledOut);  	  	  	
  }
  else {
    filledOut             = setMandatoryColor('', 'directLabelTitle', filledOut);  	  	
  }

  filledOut               = setMandatoryColor(firstnameField.value, 'directLabelFirstname', filledOut);  	
  filledOut               = setMandatoryColor(lastnameField.value, 'directLabelLastname', filledOut);  	
  filledOut               = setMandatoryColor(streetField.value, 'directLabelStreet', filledOut);  	
  
  if ((zipcodeField.value == '')||(cityField.value == '')){
    filledOut               = setMandatoryColor('', 'directLabelZipCity', filledOut);  	
  }
  else {  
    filledOut               = setMandatoryColor('1', 'directLabelZipCity', filledOut);  	
  }
      
  filledOut               = setMandatoryColor(countryIdField.value, 'directLabelCountry', filledOut);  	
  filledOut               = setMandatoryColor(phoneDayField.value, 'directLabelPhoneDay', filledOut);  	
  filledOut               = setMandatoryColor(phoneNightField.value, 'directLabelPhoneNight', filledOut);  	
  filledOut               = setMandatoryColor(emailField.value, 'directLabelEmail', filledOut);  	
  
  if (filledOut == 1){
    todoField.value       = 'direct';
    return ''; 	
  }
  else {
    todoField.value       = '';
    return message; 	  	
  }  
}	

function checkRegisterMandatory(message){
  var loginField          = document.getElementById('newCustomerLogin');
  var passwordField       = document.getElementById('newCustomerPassword');
  var password2Field      = document.getElementById('newCustomerPassword2');

  var firstnameField      = document.getElementById('invoiceFirstname');
  var lastnameField       = document.getElementById('invoiceLastname');
  var streetField 	  = document.getElementById('invoiceStreet');
  var cityField           = document.getElementById('invoiceCity');
  var zipcodeField 	  = document.getElementById('invoiceZipcode');
  var countryIdField      = document.getElementById('invoiceCountryId');

  var phoneDayField       = document.getElementById('invoicePhoneDay');
  var phoneNightField     = document.getElementById('invoicePhoneNight');
  var emailField          = document.getElementById('invoiceEmail');
  
  var todoField           = document.getElementById('todo');
  
  var filledOut           = 1;  

  filledOut               = setMandatoryColor(loginField.value, 'labelNewCustomerLogin', filledOut);  	
  filledOut               = setMandatoryColor(passwordField.value, 'labelNewCustomerPassword', filledOut);  	
  filledOut               = setMandatoryColor(password2Field.value, 'labelNewCustomerPassword2', filledOut);  	

  if (document.getElementById('title1').checked || document.getElementById('title2').checked){
    filledOut             = setMandatoryColor('1', 'labelTitle', filledOut);  	  	  	
  }
  else {
    filledOut             = setMandatoryColor('', 'labelTitle', filledOut);  	  	
  }

  filledOut               = setMandatoryColor(firstnameField.value, 'labelFirstname', filledOut);  	
  filledOut               = setMandatoryColor(lastnameField.value, 'labelLastname', filledOut);  	
  filledOut               = setMandatoryColor(streetField.value, 'labelStreet', filledOut);  	
  
  if ((zipcodeField.value == '')||(cityField.value == '')){
    filledOut               = setMandatoryColor('', 'labelZipCity', filledOut);  	
  }
  else {  
    filledOut               = setMandatoryColor('1', 'labelZipCity', filledOut);  	
  }
      
  filledOut               = setMandatoryColor(countryIdField.value, 'labelCountry', filledOut);  	
  filledOut               = setMandatoryColor(phoneDayField.value, 'labelPhoneDay', filledOut);  	
  filledOut               = setMandatoryColor(phoneNightField.value, 'labelPhoneNight', filledOut);  	
  filledOut               = setMandatoryColor(emailField.value, 'labelEmail', filledOut);  	
  
  if (filledOut == 1){
    todoField.value       = 'update';
    return ''; 	
  }
  else {
    todoField.value       = '';
    return message; 	  	
  }  
}

function checkRegisterMandatory2(message){
  var loginField          = document.getElementById('newCustomerLogin');
  var passwordField       = document.getElementById('newCustomerPassword');
  var password2Field      = document.getElementById('newCustomerPassword2');

  var firstnameField      = document.getElementById('registerInvoiceFirstname');
  var lastnameField       = document.getElementById('registerInvoiceLastname');
  var streetField 	  = document.getElementById('registerInvoiceStreet');
  var cityField           = document.getElementById('registerInvoiceCity');
  var zipcodeField 	  = document.getElementById('registerInvoiceZipcode');
  var countryIdField      = document.getElementById('registerInvoiceCountryId');

  var phoneDayField       = document.getElementById('registerInvoicePhoneDay');
  var phoneNightField     = document.getElementById('registerInvoicePhoneNight');
  var emailField          = document.getElementById('registerInvoiceEmail');
  
  var todoField           = document.getElementById('registerTodo');
  
  var filledOut           = 1;  

  filledOut               = setMandatoryColor(loginField.value, 'labelNewCustomerLogin', filledOut);  	
  filledOut               = setMandatoryColor(passwordField.value, 'labelNewCustomerPassword', filledOut);  	
  filledOut               = setMandatoryColor(password2Field.value, 'labelNewCustomerPassword2', filledOut);  	

  if (document.getElementById('registerTitle1').checked || document.getElementById('registerTitle2').checked){
    filledOut             = setMandatoryColor('1', 'registerLabelTitle', filledOut);  	  	  	
  }
  else {
    filledOut             = setMandatoryColor('', 'registerLabelTitle', filledOut);  	  	
  }

  filledOut               = setMandatoryColor(firstnameField.value, 'registerLabelFirstname', filledOut);  	
  filledOut               = setMandatoryColor(lastnameField.value, 'registerLabelLastname', filledOut);  	
  filledOut               = setMandatoryColor(streetField.value, 'registerLabelStreet', filledOut);  	
  
  if ((zipcodeField.value == '')||(cityField.value == '')){
    filledOut               = setMandatoryColor('', 'registerLabelZipCity', filledOut);  	
  }
  else {  
    filledOut               = setMandatoryColor('1', 'registerLabelZipCity', filledOut);  	
  }
      
  filledOut               = setMandatoryColor(countryIdField.value, 'registerLabelCountry', filledOut);  	
  filledOut               = setMandatoryColor(phoneDayField.value, 'registerLabelPhoneDay', filledOut);  	
  filledOut               = setMandatoryColor(phoneNightField.value, 'registerLabelPhoneNight', filledOut);  	
  filledOut               = setMandatoryColor(emailField.value, 'registerLabelEmail', filledOut);  	
  
  if (filledOut == 1){
    todoField.value       = 'register';
    return ''; 	
  }
  else {
    todoField.value       = '';
    return message; 	  	
  }  
}

function checkLogin(handler, frmId){
  var frm                 = document.getElementById('dataForm');
  var message             = "";
  
  if (frmId){
    frm                   = document.getElementById(frmId);
  }
  
  if (handler){
    hideStatusMessage('msgField');
    message               = eval(handler);
    if (message == ""){
      frm.submit();			
    }	
    else {
      showStatusMessage ('msgField', message, 1);
    }
  }
  else {
    frm.submit();			
  }  
}

function isReturnPressed (e) { 
  return (e && (e.which == 13 || e.keyCode == 13));
}

function callNextStep(frmId, successPage, errorPage, todo, processLink){
  var frm                 = document.getElementById(frmId);	
  
  frm.successPage.value   = successPage;
  frm.errorPage.value     = errorPage;
  frm.todo.value          = todo;
  showStatusMessage('msgField', 'Bitte einen Moment warten - Ihre Daten werden verarbeitet!', 0);
  frm.action              = processLink;
  frm.submit();			
}

function goOrderStep(step, link, handler, frmId){
  var frm                 = document.getElementById('dataForm');
  var frm2                = '';
  var errorField          = document.getElementById('error');
  var message             = '';
  
  if (frmId){
    frm2                  = document.getElementById(frmId);  	
    
    if (frm2){
      frm                 = frm2;
    }    
  } 
  
  if (handler){
    hideStatusMessage('msgField');
    message               = eval(handler);
    if (message == ""){
      if (document.getElementById('todo2')){
        if (document.getElementById('todo2').value != 'paypal'){
          frm.orderStep.value   = step;  
          frm.action            = link;
          frm.submit();			
        }  
      }
      else {
        frm.orderStep.value   = step;  
        frm.action            = link;
        frm.submit();			
      }  
    }	
    else {
      showStatusMessage ('msgField', message, 1);
    }
  }
  else {
    showStatusMessage('msgField', 'Bitte einen Moment warten...', 0);
    if (document.getElementById('todo2')){
      if (document.getElementById('todo2').value != 'paypal'){
        frm.orderStep.value   = step;  
        frm.action            = link;
        frm.submit();			
      }  
    }
    else {
      frm.orderStep.value   = step;  
      frm.action            = link;
      frm.submit();			
    }  
  }  
}

function sendOrder(link){
  var frm                 = document.getElementById('dataForm');	
  frm.action              = link;
  frm.submit();			
}

function deletePosition(productId, link){
  var frm                 = document.getElementById('dataForm');	
  document.getElementById('orderStep').value       = 1;  
  document.getElementById('todo').value            = 'delete';
  frm.productId.value                              = productId;  
  frm.action              = link;
  frm.submit();			

}

function updatePosition(productId, link, msg){
  var frm                 = document.getElementById('dataForm');
  var newQuantity	  = document.getElementById('quantity_' + productId).value;

  if (isNaN(newQuantity)) {
    // keine Zahl eingegeben
    showStatusMessage ('msgField', msg, 1);
  }
  else {
    if (newQuantity == 0){
      // identisch mit artikel löschen	
      deletePosition(productId, link);
    }
    else {
      if (newQuantity < 0){
        // negative Mengen sind nicht zulässig
        showStatusMessage ('msgField', msg, 1);
      }
      else {
        document.getElementById('orderStep').value       = 1;  
        document.getElementById('todo').value            = 'update';
        frm.productId.value                              = productId;  
        frm.action                                       = link;
        frm.submit();			      	
      }
    }
  }	
}

function changePayment(link){
  var frm                 = document.getElementById('dataForm');	
  document.getElementById('prevOrderStep').value   = 1;  
  document.getElementById('orderStep').value       = 1;  
  showStatusMessage('msgField', 'Bitte einen Moment warten - Die Zahlungsmethode wird ge&auml;ndert!', 0);
  frm.action              = link;
  frm.submit();			
}

function moveField() {
  var ns4   = (document.layers)? true:false
  var ie    = (document.styleSheets&&document.all)? true:false
  var ns6   = document.getElementById&&!document.all;
  var opera = (document.all&& !document.styleSheets)? true:false;

  if (document.getElementById("msgField")){ 
    topPosition = 200;

    if (ie) document.getElementById("msgField").style.top         = document.body.scrollTop + topPosition;
    if (ns6||opera||ns4) document.getElementById("msgField").style.top = pageYOffset + topPosition;
  }  
  setTimeout("moveField()",200);	
}

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

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

function showImages(idx){
  var h             = getWindowHeight();
  var w             = getWindowWidth();
  var hTotal        = document.body.offsetHeight + 500;
  var wTotal        = document.body.offsetWidth;
  var backgroundObj = document.getElementById('backgroundLayer');
  var imageBigObj   = document.getElementById('imageBig');
  var imageBoxObj   = document.getElementById('imageBox');
  var mandatSelectorBoxObj = document.getElementById('mandatSelectorBox');

  mandatSelectorBoxObj.style.visibility   = 'hidden';
  
  var boxThumb      = "";
  var thumb         = "";
  var ie            = (document.styleSheets&&document.all)? true:false

  backgroundObj.style.top = hTotal/2 + 'px';   
  backgroundObj.style.left = wTotal/2 + 'px';
  
  for (var i=1;i<=hTotal;i++){
    backgroundObj.style.height = i + 'px';
  
    if (i%2 == 1){
      backgroundObj.style.top = (parseInt(backgroundObj.style.top)-1) + 'px';
    }                      
  }
  for (var j=1;j<=wTotal;j++){
    backgroundObj.style.width = j + 'px';
  
    if (j%2 == 1){
      backgroundObj.style.left = (parseInt(backgroundObj.style.left)-1) + 'px';
    }  
  }  
  
  if(!idx){
    actIndex          = 0;
  }
  else {
    actIndex          = idx;  
  }
  
  getNextImage(0);

  for (var i=0;i<imageList.length;i++){
    if (i<10){
      boxThumb                 = document.getElementById('boxThumb' + i);
      boxThumb.onclick         = new Function("getImageByIdx("+i+")");
      thumb                    = document.getElementById('thumb' + i);
      thumb.src                = imageList[i].src;
        
      if (imageList[i].width > imageList[i].height){
        thumb.width            = '100';
      }
      else {
        thumb.height           = '100';
      }
    } 
  }   
  if (imageList.length<10){
    for (var i=imageList.length;i<10;i++){
      boxThumb                  = document.getElementById('boxThumb' + i);
      boxThumb.onclick          = new Function("hideImage()");
      boxThumb.style.backgroundColor = '#dddddd';
      boxThumb.style.border     = '3px solid #dddddd';
      thumb                     = document.getElementById('thumb' + i);
      thumb.src                 = 'http://www.pnshop.de/pnshop_web/images/misc/0.png';
      thumb.style.width         = '100px';
      thumb.style.height        = '100px';
    }
    if (imageList.length<3){
      document.getElementById('thumbSpacer0').innerHTML = '';
    }
    else if (imageList.length<5){
      document.getElementById('thumbSpacer1').innerHTML = '';
    }
    else if (imageList.length<7){
      document.getElementById('thumbSpacer2').innerHTML = '';
    }
  }

  if (ie) {
    imageBoxObj.style.top  = document.body.scrollTop+5;  	  	
    imageBoxObj.style.left = document.body.offsetWidth/2-parseInt(imageBoxObj.style.width)/2;
  }
  else {
    imageBoxObj.style.top  = window.pageYOffset+5;  
    imageBoxObj.style.left = window.innerWidth/2-parseInt(imageBoxObj.style.width)/2;
  }          
}

function hideImages(e){
  if (!e){
    e                           = window.event;
  }      
  var target = e.target || e.srcElement
  var backgroundObj             = document.getElementById('backgroundLayer');
  var mandatSelectorBoxObj      = document.getElementById('mandatSelectorBox');

  mandatSelectorBoxObj.style.visibility    = 'visible';    

  if (target.id == 'backgroundLayer'){
    backgroundObj.style.top     = -10000;   
    backgroundObj.style.left    = -10000;
  }                  
}

function hideImage(){
  var backgroundObj             = document.getElementById('backgroundLayer');
  var mandatSelectorBoxObj      = document.getElementById('mandatSelectorBox');

  mandatSelectorBoxObj.style.visibility    = 'visible';    

  backgroundObj.style.top       = -10000;   
  backgroundObj.style.left      = -10000;
}

function preLoadImages(list){
  var listArr                   = list.split(',');

  for (var i=0;i<listArr.length;i++){
    var img                     = new Image();

    img.src                     = listArr[i];      
    imageList[imageList.length] = img;
  }  
} 

function resizeBorder(w,h){
  var imageBoxObj          = document.getElementById('imageBox');
  var imageSelectorObj     = document.getElementById('imageSelector');
  var ie            = (document.styleSheets&&document.all)? true:false

  if (w<300){
    w                      = 300;
  }

  imageBoxObj.style.width  = (w+40+220) + 'px';      
  imageBoxObj.style.height = (h+80) + 'px';
  imageSelectorObj.style.width = (w+40+220) + 'px';      

  if (ie) {
    imageBoxObj.style.left = document.body.offsetWidth/2-parseInt(imageBoxObj.style.width)/2;
  }
  else {
    imageBoxObj.style.left = window.innerWidth/2-parseInt(imageBoxObj.style.width)/2;
  }          
}

function getImageByIdx(idx){
  actIndex            = idx;
  getNextImage(0);
}

function getNextImage(dir){
  var imageBigObj     = document.getElementById('imageBig');
  var actImageTextObj = document.getElementById('actImageText');

  actIndex            = actIndex + dir;
  
  if (actIndex > imageList.length-1){
    actIndex          = 0;
  } 
  if (actIndex < 0){
    actIndex          = imageList.length-1;
  }
  imageBigObj.src = imageList[actIndex].src; 
  
  resizeBorder(imageBigObj.width,imageBigObj.height);
  actImageTextObj.innerHTML = 'Bild ' + (actIndex + 1) + ' von ' + imageList.length;
}

function showLoginBox(idx){
  document.getElementById('loginLayer').style.visibility  = 'hidden';
  document.getElementById('newLayer').style.visibility    = 'hidden';
  document.getElementById('directLayer').style.visibility = 'hidden';
  
  if (idx == 1){
    document.getElementById('loginLayer').style.visibility = 'visible';
  }
  if (idx == 2){
    document.getElementById('newLayer').style.visibility = 'visible';
  }
  if (idx == 3){
    document.getElementById('directLayer').style.visibility = 'visible';
  }
}