// utils.js - alle javascript code

// zet deze op 0 in de hoofdpagina

var subpagina = 1;


// functie toonFotos: toont foto's in het topregelveld/fotoveld

function toonFotos()

{

   // document.writeln('<p>');
   
   fotoItem('100%', '100%', 'plaatjes/heading2.jpg', 'heading studio b.m');

  // document.writeln('</p>');

}


// functie toonMenu: javascript definities voor menuveld

function toonMenu()

{


   // menu
  document.writeln('<ul id="menu_ul">');  // <UL> OPEN



    menuItem('index.html', 'entree');


    menuItem('http://www.natuurlijkeverzorging.nl','naar de webshop');


  document.writeln('</ul>'); // </UL> GESLOTEN



}



function toonInfo()

{

    // logo

    document.writeln('<p>');

    document.writeln('</p>');

    document.writeln('<h2 style="color: rbg(73,108,96);">webshop open:</h2>');

    document.writeln('<ul id="info_ul">');  // <UL> OPEN:

    infoItem('Maandag t/m Zondag van 00.00 tot 24.00');


  document.writeln('</ul>'); // </UL> GESLOTEN



  document.writeln('<h2 style="color: rbg(73,108,96);">Telefoon:</h2>');

  document.writeln('<ul id="info_ul">');  // <UL> OPEN

    infoItem('06 1077 3007');

    infoItem('');

  document.writeln('</ul>'); // </UL> GESLOTEN



  document.writeln('<h2 style="color: rbg(73,108,96);"></h2>');

  document.writeln('<ul id="info_ul">');  // <UL> Adres

    infoItem('');

  document.writeln('</ul>'); // </UL> GESLOTEN



  //foto pand


  document.writeln('<div style="margin-right: 2%; margin-top: 5%; margin-left: 5%;">');

  fotoItem('90%', '20%', 'plaatjes/pand.jpg', 'pand studio b.m');

  document.writeln('</div>');


}



// hulpfunctie menuItem(url, omschrijving)

// hier niks in aanpassen

function menuItem(url, omschrijving)

{

    document.writeln('<li id="menu_li">',

      '<a id="menu_a" href="' +

      (subpagina ? '../' : '') + 

      url + '">' + omschrijving + '</a>',

      '</li>');


}


// hulpfunctie fotoItem(width, height, url, alttekst)

// hier niks in aanpassen

function fotoItem(width, height, url, alttekst)

{

  document.write(

      '<IMG id="foto" STYLE="width: ' + width + '; height: ' + height + ';" SRC="' +

      (subpagina ? '../' : '') + 

      url + '" ALT="' + alttekst + '">'

      );


}


function infoItem(omschrijving)

{

    document.writeln('<li id="info_li">', omschrijving, '</li>');


}