/* var home = */
var overclaar = '<img class="vierkantgroot1" src="plaatjes/vierkant-groot1.png" alt="" /> <img class="vierkantgroot2" src="plaatjes/vierkant-groot2.png" alt="" /> <img class="plaatjegroot" src="plaatjes/over-claar.jpg" alt="" /> <img class="plaatjegrootgeel" src="plaatjes/geel.jpg" alt="" /> <div class="tekst"> <h1>Over Claar</h1><br/>Poppen & Beesten is een website van Claar van Leent. Hier kunt u door haar ontworpen, handgemaakte Poppen & Beesten bestellen.<br/>De poppen zijn zorgvuldig met veel aandacht voor detail gehaakt van handgesponnen wol.<br/><br/>Naast Poppen & Beesten leidt Claar met veel enthousiasme het Kinderatelier de Blauwe Ezel en geeft ze spinlessen in Wolatelier het Blauwe Schaap in het Sallandse dorp Diepenveen.<br/><br/><a class="eerste" href="http://www.kinderatelierdeblauweezel.nl/" target="_blank">Kinderatelier &#8220;De Blauwe Ezel&#8221;</a><br/><a class="eerste" href="http://www.wolatelierhetblauweschaap.blogspot.com/" target="_blank">Wolatelier &#8220;Het Blauwe Schaap&#8221;</a></div>';
var bestelwijze = '<img class="vierkantgroot1" src="plaatjes/vierkant-groot1.png" alt="" /> <img class="vierkantgroot2" src="plaatjes/vierkant-groot2.png" alt="" /> <img class="plaatjegroot" src="plaatjes/bestelwijze.jpg" alt="" /> <img class="plaatjegrootgeel" src="plaatjes/geel.jpg" alt="" /> <div class="tekst"> <h1>Bestelwijze</h1><br/>U zoekt iets uit en klikt op de link <span id="bestel">bestel</span>. Het bestellen gaat in drie stappen.<br/><br/>1. U vult uw adres en email in.<br/>2. U controleert of de gegevens juist zijn.<br/>3. Vervolgens klikt u op verstuur.<br/><br/>U ontvangt een mail met alle bestel- en betaalgegevens. U maakt het bedrag over naar Poppen & Beesten. Zodra de betaling binnen is wordt uw bestelling verstuurd.<br/><br/><a class="eerste nietgeklikt" href="http://www.poppenenbeesten.nl">Home</a>' + ' ' + '<a class="nietgeklikt" target="_blank" href="http://www.poppenenbeesten.nl/pdf/voorwaardenpoppenenbeesten.pdf">Over garantie en levering</a></div>';
var topgrootvierkant = '500px';

function openen() {
  window.open("http://meerover.poppenenbeesten.nl");
}

function filmpje() {
  document.getElementById('filmpjerechts').innerHTML = '<object type="application/x-shockwave-flash" data="flash/home_uit.swf" width="320" height="240"><param name="movie" value="flash/home_uit.swf" /></object>';
}
var huidig = 1;

function vervanggeluid(stand) {
  if(stand%2 == 1) {
    document.getElementById('filmpjerechts').innerHTML = '<object type="application/x-shockwave-flash" data="flash/home.swf" width="320" height="240"><param name="movie" value="flash/home.swf" /></object>';
    document.getElementById('geluidplaatje').src = "plaatjes/geluid_aan.gif";
    document.getElementById('geluidplaatje').title = "muziek uit";
    huidig++;
  }
  if(stand%2 == 0) {
    document.getElementById('filmpjerechts').innerHTML = '<object type="application/x-shockwave-flash" data="flash/home_uit.swf" width="320" height="240"><param name="movie" value="flash/home_uit.swf" /></object>';
    document.getElementById('geluidplaatje').src = "plaatjes/geluid_uit.gif";
    document.getElementById('geluidplaatje').title = "muziek aan";
    huidig++;
  }
}


function vervang(inhoud,id_number) {

     for (i = 0; i <= getal; i++) {
       document.getElementById('catnaam' + i).className = "nietgeklikt";

     }
     document.getElementById('catnaam0').className = "eerste nietgeklikt";
     document.getElementById('linkmenu').innerHTML = '';
     document.getElementById('menuplekonder').style.top = topgrootvierkant;
     document.getElementById('form').style.visibility= "hidden";
     document.getElementById('vierkant').innerHTML = inhoud;                                    
     for (i = 1; i <= 3; i++) {
       document.getElementById('option' + i).className = "nietgeklikt";
     }
     document.getElementById('option' + id_number).className = "geklikt";

     if (i = 1) {
       document.getElementById('option' + i).className = "eerste nietgeklikt";
     }
     /* document.getElementById('linkmenu').style.visibility = "hidden";  */

     if (id_number == 2) {
       document.getElementById('plaatjelinks').innerHTML = '<img src="plaatjes/over-claar-top.jpg" alt="" />';
       document.getElementById('filmpjerechts').innerHTML = '<object type="application/x-shockwave-flash" data="flash/overclaar.swf" width="320" height="240"><param name="movie" value="flash/overclaar.swf" /></object>';
       document.getElementById('geluidplaatje').style.visibility = 'hidden';
     }
     if (id_number == 3) {
       document.getElementById('plaatjelinks').innerHTML = '<img src="plaatjes/standaard-top.jpg" alt="" />';
       document.getElementById('filmpjerechts').innerHTML = '<object type="application/x-shockwave-flash" data="flash/home_uit.swf" width="320" height="240"><param name="movie" value="flash/home_uit.swf" /></object>';
       document.getElementById('geluidplaatje').style.visibility = 'visible';
       document.getElementById('geluidplaatje').src = "plaatjes/geluid_uit.gif";
       document.getElementById('geluidplaatje').title = "muziek aan";
       huidig = 1;
     }

}

/* precies goede getal bij i<=4, uitzoeken */

/*
var getal = 4;
*/
function kleur(id_number) {
     for (i = 0; i <= getal; i++) {
       document.getElementById('catnaam' + i).className = "nietgeklikt";

     }
     document.getElementById('catnaam' + id_number).className = "geklikt";
     document.getElementById('catnaam0').className = "eerste nietgeklikt";
     document.getElementById('option1').className = "eerste nietgeklikt";
     document.getElementById('option2').className = "nietgeklikt";
     document.getElementById('option3').className = "nietgeklikt";

}

function test(tekst) {

     document.getElementById('vierkant').innerHTML = tekst;
}



function topondermenu(pixels) {

  document.getElementById('menuplekonder').style.top = pixels;
}

function linkplaatje(nummer) {
  document.getElementById('vierkant').innerHTML = nummer;
}

function linkkleur(id_number) {
     for (i = 0; i <= getallink; i++) {
       document.getElementById('link' + i).className = "nietgeklikt";

     }
     document.getElementById('link' + id_number).className = "geklikt";
     document.getElementById('link0').className = "eerste nietgeklikt";

}

var kop;
var fotogroot;
var verhaaltje;
var bestelnr;
var kosten;

function grootvierkant(titel, grotefoto, tekst, bestelnaam, prijs) {

     document.getElementById('form').style.visibility= "hidden";

     var zoek = prijs.search(/\./);
     if(zoek == -1) {
       var prijs2 = prijs + ',-';

     }
     else {
       var prijs1 = prijs.replace(/\.00/,"\,-");
       var prijs3 = prijs1.replace(/\./,"\,");
       var prijs2 = prijs3;
       
     }
     kop = titel;
     fotogroot = grotefoto;
     verhaaltje = tekst;
     bestelnr = bestelnaam;
     kosten = prijs2;

     /*document.getElementById('javavar').innerHTML = '<script type="text/javascript">var kop = ' + titel + '; var fotogroot = ' + grotefoto + '; var verhaaltje = ' + tekst + '; var bestelnr = ' + bestelnaam  + '; var kosten = ' + prijs2 + ';</script>';*/
     document.getElementById('vierkant').innerHTML = '<img class="vierkantgroot1" src="plaatjes/vierkant-groot1.png" alt="" /> <img class="vierkantgroot2" src="plaatjes/vierkant-groot2.png" alt="" /> <img class="plaatjegroot" src="plaatjes/' + grotefoto + '" alt="" /> <img class="plaatjegrootgeel" src="plaatjes/geel.jpg" alt="" /> <div class="totaal"><h1 id="hoofd">' + titel + '</h1><br/><div id="bestelinfo" >Bestelnummer: ' + bestelnaam + '<br />Prijs &euro; ' + prijs2 + '<span id="incl">&nbsp;&nbsp;inclusief&nbsp;BTW&nbsp;en&nbsp;verzendkosten</span></div><div id="veld"><div id="tekst">' + tekst + '</div><a class="eerste bestelplek" href="#vierkant" onclick="bestelformulier();kleurstap(1)">Bestel</a></div></div>';
     document.getElementById('linkmenu').focus();
}

var b=1;

function linkmenu(a, getalcategorie)
{

     var linken = '<a id="link0" class="eerste geklikt" href="http://www.poppenenbeesten.nl">Home</a>';
     /*for (b = 1; b <= getalcategorie; b++)
     {

     var linken2 = '<a class="nietgeklikt" href="#" id="pop' + b + '">' + categorienaam + '</a>';

     }
     */
     var linken2 = a;
     document.getElementById('linkmenu').innerHTML = linken + ' ' + linken2;

}

function kleurpoplink(catnr, popnr, getalpop) {
     for (i = 1; i <= getalpop; i++) {
       document.getElementById('cat' + catnr + 'pop' + i).className = "nietgeklikt";

     }
     document.getElementById('cat' + catnr + 'pop' + popnr).className = "geklikt";
     document.getElementById('link0').className = "eerste nietgeklikt";
}

function bestelformulier() {
    /* document.getElementById('veld').innerHTML = '<div id="tekst"><div id="ingevuld">Bij deze stap vult u uw gegevens in: </div><br /><div id="form"><span class="bruin"><form id="bestellen" action="http://www.poppenenbeesten.dk/cgi-bin/FormMail.pl" method="post">Naam: <input class="input1" type="text" id="naam" /><br />Adres: <input class="input2" type="text" id="adres" /><br />Postcode: <input class="input3" type="text" id="postcode" /><br />Plaats: <input class="input4" type="text" id="plaats" /><br />Mailadres: <input class="input5" type="text" id="mail" /><br /></form></span></div><div id="linkbestel"><a class="eerste bestelplek2" href="#" onclick="kleurstap(2);controleform();">Verder met stap 2</a></div></div>';   */
    document.getElementById('bestelinfo').style.top = '20px';
    document.getElementById('tekst').style.top  = '100px';
    document.getElementById('linkmenu').innerHTML = '<div id="stapmenu"><span class="geklikt" id="stap1">Stap 1</span><span class="nietgeklikt" id="stap2">Stap 2</span><span class="nietgeklikt" id="stap3">Stap 3</span></div>';
    document.getElementById('veld').innerHTML = '<div id="tekst"><div id="ingevuld"><br /><br />Bij deze stap vult u uw gegevens in: </div><br /><div id="linkbestel"><a class="eerste bestelplek2" href="#vierkant" onclick="kleurstap(2);controleform();">Verder met stap 2</a></div></div>';
    document.getElementById('form').style.visibility = "visible";
    document.getElementById('incl').innerHTML = '';

}


function kleurstap(id_number) {
for (i = 1; i <= 3; i++) {
       document.getElementById('stap' + i).className = "nietgeklikt";
     }
     document.getElementById('stap' + id_number).className = "geklikt"
}

function controleform() {
  if(document.getElementById('mail').value == '' || document.getElementById('naam').value == '' || document.getElementById('adres').value == '' || document.getElementById('postcode').value == '' || document.getElementById('plaats').value == '')
  {
    document.getElementById('ingevuld').innerHTML += '<span class="rood">U heeft niet alle vakjes ingevuld</span>';
  }
  else {
  var email = document.getElementById('mail').value;
  var naamp = document.getElementById('naam').value;
  var adresp = document.getElementById('adres').value;
  var postcodep = document.getElementById('postcode').value;
  var plaatsp = document.getElementById('plaats').value;
  document.getElementById('bestelnummer').value = bestelnr;
  document.getElementById('prijs').value = kosten;
  document.getElementById('kopbestel').value = kop;
  document.getElementById('foto').value = fotogroot;
  document.getElementById('form').style.visibility= "hidden";
  document.getElementById('ingevuld').innerHTML = 'Bij deze stap controleert u uw gegevens: <span class="bruin"><br /><br />' + email + '<br /><br />' + naamp + '<br />' + adresp + '<br />' + postcodep + '&nbsp;' + plaatsp + '<br /></span></div><div class="bestelplek3"><a class="eerste" href="#vierkant" onclick="kleurstap(1);bestelformulier();">Fout? Terug naar stap 1</a>&nbsp;<a href="#vierkant" onclick="kleurstap(3);besteld();">Verder met stap 3</a>';
  document.getElementById('tekst').style.top  = '80px';
  document.getElementById('linkbestel').innerHTML = '';
  }
}

function besteld() {

 /*
 document.getElementById('hoofd').innerHTML = kop + ' besteld!';
 document.getElementById('ingevuld').innerHTML = 'Een email is naar u onderweg. Nadat uw betaling ontvangen is, wordt uw bestelling verstuurd.<br />Mocht er iets niet naar uw wens zijn beantwoordt dan de mail. Of u belt met Claar van Leent: 0570 592 849<br /><br /><span class="groen">Wilt u nog iets bestellen? Herhaal dan dit procede.</span><a class="eerste bestelplek4" href="http://www.poppenenbeesten.nl">Home</a>';
 document.getElementById('tekst').style.top  = '80px';
 */

 document.getElementById('bestellen').submit();

}



