// JavaScript Document
/*****************************************************************************************/
/*Skript zum Erstellen des Link-Highlight,
 auch bei Wechsel zwischen den html-Seiten wird der aktuelle Link im Highlight angezeigt: */
/*****************************************************************************************/

    /*hier können die Styles angepasst werden*/
    var textcolor_normal = '#707070';
    var textcolor_highlight = '#ff3300';
    var textdecoration_normal = 'none';
    var textdecoration_highlight = 'underline overline';
    
    var dont_change;
      
    /*Aufruf: onload() im body-Tag jeder Seite*/
    function set_dont_change(object){
      dont_change = object;
    }
    /*Aufruf: onmouseover() im a-Tag des Menues*/
    function hover_start(a_element){
      a_element.style.color= textcolor_highlight;
      a_element.style.textDecoration= textdecoration_highlight;          
    }
    /*Aufruf: onmouseout() im a-Tag des Menues*/
    function hover_end(a_element){    
      a_element.style.color= textcolor_normal;
      a_element.style.textDecoration= textdecoration_normal; 
      if(dont_change){
      dont_change.style.color= textcolor_highlight;
      dont_change.style.textDecoration= textdecoration_highlight;
      }
    }
    /*Aufruf: onmousedown() im a-Tag des Menues*/
    function active_start(a_element){
      if(dont_change != a_element){ 
        a_element.style.color= textcolor_highlight;
        a_element.style.textDecoration= textdecoration_highlight;
        /*Hier den vorherigen Klick zurücksetzten*/
        dont_change.style.color= textcolor_normal;
        dont_change.style.textDecoration= textdecoration_normal;
      }         
    }    
    /*Aufruf: onmouseup() im a-Tag des Menues*/
    function stay_active(a_element){
      dont_change = a_element;
    }
/*****************************************************************************************/
/*Ende Link-Highlight-Skript!*/
/*****************************************************************************************/ 
  
    /*art_mountain.html, art_trees.html, art_water.html: Skript um die großen Bilder anzuzeigen*/
    function show_img(url,who){
    document.getElementById('img_container').src = url;
    /*macht die Thumbnail-Border dauerhaft rot*/
    who.childNodes[0].style.border = 'solid 2px #ff3300';
    }
    
    /*gibt der border des aktuellen Thumbnails das Highlight */
    function set_thumbnail_active_border(img_tag_id){
      document.getElementById(img_tag_id).style.border = 'solid 2px #ff3300';
    }
    
/*****************************************************************************************/
/*Skripte für das Kontaktformular:*/
/*****************************************************************************************/     
/*erstmal die Div-Tags mit den Auswahllisten unsichtbar machen:
 Aufruf: in der contact.html im Body-Tag onload()*/ 
    function hide_select(){
      document.getElementById('choose_pic').style.visibility = "hidden";  
      document.getElementById('choose_price').style.visibility = "hidden"; 
      document.getElementById('email_field').style.visibility = "hidden";
    }
/*Skript um zu überprüfen ob Preise oder Bilder gewählt wurde --> macht dann die entsprechende Liste sichtbar
Aufruf: in der contact.html in den input-Tags-->type=checkbox onclick(id)*/ 
    function show_select(id){
      if(document.getElementById(id).checked == true){
        document.getElementById('choose_'+id).style.visibility = "visible";
      }else if(document.getElementById(id).checked == false){
        document.getElementById('choose_'+id).style.visibility = "hidden";
      }
    }

/*Skript um zu überprüfen ob ja oder nein gewählt wurde --> macht dann die E-Mail_Eingabe sichtbar
Aufruf: in der contact.html in den input-Tags-->type=radio onclick(ja_nein)*/   
    function show_mail(ja_nein){
      if(ja_nein == 'ja'){
        document.getElementById('email_field').style.visibility = "visible";
      }else if(ja_nein == 'nein'){
        document.getElementById('email_field').style.visibility = "hidden";
      }
    }