var  img_prefix = "img/";
var  menu_items = new  Array
(
   // normal, selected, hover

   new  Array ( "home.gif", "home_sel.gif", "home_hover.gif" ),
   new  Array ( "biografie.gif", "biografie_sel.gif", "biografie_hover.gif" ),
   new  Array ( "uitgaven.gif", "uitgaven_sel.gif", "uitgaven_hover.gif" ),
   new  Array ( "cds.gif", "cds_sel.gif", "cds_hover.gif" ),
   new  Array ( "discografie.gif", "discografie_sel.gif", "discografie_hover.gif" ),
   new  Array ( "interviews.gif", "interviews_sel.gif", "interviews_hover.gif" ),
   new  Array ( "orgeladviezen.gif", "orgeladviezen_sel.gif", "orgeladviezen_hover.gif" ),
   new  Array ( "fotos.gif", "fotos_sel.gif", "fotos_hover.gif" ),
   new  Array ( "varia.gif", "varia_sel.gif", "varia_hover.gif" ),
   new  Array ( "email.gif", "email_sel.gif", "email_hover.gif" )
);

// Holds the preloaded images

var  pic;

var  menu_selected = 0;



function  changeImg ( chg_id, new_img )
{
   chg_id.src = new_img;
}



function  changeMenuSel ( m_item )
{
   var  old_item = document.getElementById ( "m_option_" + window.menu_selected );
   var  new_item = document.getElementById ( "m_option_" + m_item );

   if ( old_item && new_item )
   {
      // Restore old menu item

      old_item.src = window.img_prefix + window.menu_items [ window.menu_selected ][ 0 ];

      // Set new menu item

      window.menu_selected = m_item;
      new_item.src = window.img_prefix + window.menu_items [ window.menu_selected ][ 1 ];
   }
}



function  changeMenuOver ( m_item )
{
   var  item = document.getElementById ( "m_option_" + m_item );

   if ( item )
   {
      item.src = window.img_prefix + window.menu_items [ m_item ][ 2 ];
//	   alert ( "new src: " + item.src );
   }
}



function  changeMenuOut ( m_item )
{
   var  item = document.getElementById ( "m_option_" + m_item );

   if ( item )
   {
      var  id = 0;

      if ( window.menu_selected == m_item )
      {
         id = 1;
      }

      item.src = window.img_prefix + window.menu_items [ m_item ][ id ];
   }
}



function  on_load ()
{
   var  d = 0;

   window.pic = new  Array ( window.menu_items.length * 3 );

   for ( c = 0; c < window.menu_items.length; c++ )
   {
      for ( e = 0; e < 3; e++, d++ )
      {
         window.pic [ d ]     = new  Image ( 1, 1 );
         window.pic [ d ].src = window.img_prefix + window.menu_items [ c ][ e ];
      }
   }
}



function  doHRef ( hrefLoc )
{
// top.changeMenuSel ( menuSel );
   window.location.href = hrefLoc;
}



/*
 * Code doesn't work with IE!!
 *
   
function  checkemail ( mail )
{
   var  str    = mail;
   var  filter = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
   
   return  filter.test ( mail );
}
*/



// Email Validation. Written by PerlScriptsJavaScripts.com

function  check_email ( e )
{
   ok = "1234567890qwertyuiop[]asdfghjklzxcvbnm.@-_QWERTYUIOPASDFGHJKLZXCVBNM";

   for ( i = 0; i < e.length; i++ )
   {
      if ( ok.indexOf ( e.charAt ( i ) ) < 0 )
      { 
         return ( false );
      }	
   } 
   
   if ( document.images )
   {
      re     = /(@.*@)|(\.\.)|(^\.)|(^@)|(@$)|(\.$)|(@\.)/;
      re_two = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
      
      if ( !e.match ( re ) && e.match ( re_two ) )
      {
         return ( true );
      } 
   }
   
   return  false;
}



function  checkForm ( frm )
{
   var  errmsg = "";
 
   if ( frm.naam.value == "" )
   {
      errmsg += "* Het veld 'naam' moet ingevuld zijn.\n";
   }

   if ( frm.emailadres.value == "" )
   {
      errmsg += "* Het veld 'E-mailadres' moet ingevuld zijn.\n";
   }
   else if ( !check_email ( frm.emailadres.value ) )
   {
      errmsg += "* Het formaat van uw e-mailadres is niet in orde.\n";
   }

   if ( frm.bericht.value == "" )
   {
      errmsg += "* U dient een bericht in te voeren.\n";
   }

   if ( errmsg != "" )
   {
      alert ( "Het formulier is niet correct ingevuld:\n\n" + errmsg );

      return  false;
   }

   return  true;
}



function  checkBestelForm ( frm )
{
   var  errmsg = "";

// alert ( frm.cancel.value );
   
   if ( frm.achternaam.value == "" )
   {
      errmsg += "* Het veld 'achternaam' moet ingevuld zijn.\n";
   }

   if ( frm.voorletters.value == "" )
   {
      errmsg += "* Het veld 'voorletters' moet ingevuld zijn.\n";
   }

   if ( frm.adres.value == "" )
   {
      errmsg += "* Het veld 'adres' moet ingevuld zijn.\n";
   }

   if ( frm.postcode.value == "" )
   {
      errmsg += "* Het veld 'postcode' moet ingevuld zijn.\n";
   }

   if ( frm.woonplaats.value == "" )
   {
      errmsg += "* Het veld 'woonplaats' moet ingevuld zijn.\n";
   }

   /*
   if ( frm.telefoonnummer.value == "" )
   {
      errmsg += "* Het veld 'telefoonnummer' moet ingevuld zijn.\n";
   }
   */
      
   if ( frm.emailadres.value == "" )
   {
      errmsg += "* Het veld 'e-mailadres' moet ingevuld zijn.\n";
   }
   else if ( !check_email ( frm.emailadres.value ) )
   {
      errmsg += "* Het formaat van uw e-mailadres is niet in orde.\n";
   }

   if ( errmsg != "" )
   {
      alert ( "Het formulier is niet correct ingevuld:\n\n" + errmsg );

      return  false;
   }

   return  true;
}



function  checkUitgaven ()
{
   var  frm    = document.step0_form;
   var  result = false;
   var  error  = false;
   
   for ( var  c = 0; ( c < frm.elements.length ) && !result; c++ )
   {
      if ( ( frm.elements [ c ].type == "text" ) && ( frm.elements [ c ].value.length > 0 ) )
      {
         var  val   = frm.elements [ c ].value;
         var  ok    = "1234567890";

         for ( i = 0; i < val.length; i++ )
         {
            if ( ok.indexOf ( val.charAt ( i ) ) < 0 )
            { 
               error = true;
            }
         }
         
         if ( !error )
         {
            if ( parseInt ( val, 10 ) > 0 )
               result = true;
         }
      }
   }
   
   if ( !result )
   {
      alert ( 'Om te bestellen, dient u de gewenste hoeveelheid in het veld \'Aantal\' in te vullen.' );
   }
   
   return  result;
}