// algemeen javascript bestand met clientfunctions
var afbeeldingen = new Array(); 
var img_id; 
var current = 0; 

function ToggleNode(id) {
    var node;
    var displaystyle;
    
    node = document.getElementById(id);
    displaystyle = node.style.display;
    if (displaystyle == 'block') {
        node.style.display = 'none';
    }
    else {
        node.style.display = 'block';
    }
}

function toggleList(id, op) {
    if (op == 'open') {
        document.getElementById(id).style.display='block';
        document.getElementById(id + "minderLink").style.display='block';
        document.getElementById(id + "meerLink").style.display='none';
    }
    if (op == 'close') {
        document.getElementById(id).style.display='none';
        document.getElementById(id + "meerLink").style.display='block';
        document.getElementById(id + "minderLink").style.display='none';
    }
}

function StartVinden() {
    var tekst;
    var url;
    
    tekst=document.getElementById('ctl00_txtVinden').value;
    tekst.replace(/[/W]/,'');
   //url = 'http://localhost/kadoxlwebsite/Catalogus.aspx?v=' + escape(tekst);
   url = 'http://www.kadoxl.nl/Catalogus.aspx?v=' + escape(tekst);
//    url = 'Catalogus.aspx?v=' + escape(tekst);
    window.location = url;
}

//-------------------------------------------------------------------------
//Maten en kleuren
//-------------------------------------------------------------------------
function WijzigMaatKleur(Artikel_id, qs) {
    var maat_id;
    var kleur_id;
    var url;
    
    url='ArtikelDetail.aspx?id=' + Artikel_id
    if(document.getElementById('ddMaat')) {
        maat_id=document.getElementById('ddMaat').value;
        if(maat_id!='00000000-0000-0000-0000-000000000000') url = url + '&m=' + maat_id;
    } 
    
    if(document.getElementById('ddKleur')) {
        kleur_id=document.getElementById('ddKleur').value;
        if(kleur_id!='00000000-0000-0000-0000-000000000000') url = url + '&k=' + kleur_id;  
    } 
    
    if(qs!='') {
        url = url +  qs;
    }
    window.location = url;
}


//-------------------------------------------------------------------------
//slideshow
//-------------------------------------------------------------------------

//afbeeldingen slideshow initialiseren
function initAfbeeldingen(imgsrc, imgdest) {
    img_id = imgdest;
    afbeeldingen = document.getElementById(imgsrc).value.split(';');
    var img = new Image();
     
    for (i=0; i < afbeeldingen.length; i++) {
        img.src = afbeeldingen[i];
    }
}

//vorige afbeelding in slideshow weergeven
function vorigeAfbeelding() {
    current--
    if(current<0) current=afbeeldingen.length-1;
    document.getElementById(img_id).src = afbeeldingen[current];
}

//volgende afbeelding in slideshow weergeven
function volgendeAfbeelding() {
    current++
    if (current>afbeeldingen.length-1) current=0;
    document.getElementById(img_id).src = afbeeldingen[current];
}

//-------------------------------------------------------------------------
//az requests
//-------------------------------------------------------------------------
var req;
var responsActie;
var sequence;

function loadXMLDoc(url) 
{
   if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
//        req.setRequestHeader("Cashe-Control", "no-cache");
//        req.setRequestHeader("Pragma", "no-cache");
        req.send(null);
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

function processReqChange() 
{
    if (req.readyState == 4) {
        if (req.status == 200) {
            response = req.responseXML.documentElement;
            
            switch(responsActie) {
                case 'updateWinkelwagenTotaal':
                    updateWinkelWagenTotaal(response);
                    break
                case 'updateWinkelWagen':
                    updateWinkelWagen(response);
                    break
                case 'updateVerlanglijst':
                    updateVerlanglijst(response);
                    break
            }
        } 
        else {
            alert("There was a problem retrieving the XML data:\n" + req.statusText);
        }
    }
}

function toevoegenWinkelWagen(id, surl) {
    responsActie = 'updateWinkelwagenTotaal';
    url = surl + '?action=add&id=' + id;
    loadXMLDoc(url);
}


function wijzigAantal(id, aantal, seq, surl) {
    responsActie = 'updateWinkelWagen';
    sequence = seq;
    url = surl + '?action=edit&id=' + id + '&aantal=' + aantal;
    loadXMLDoc(url);
}

function wijzigAantalVerlanglijst(id, aantal, seq, surl) {
    responsActie = 'updateVerlanglijst';
    sequence = seq;
    url = surl + '?action=editverlanglijst&id=' + id + '&aantal=' + aantal;
    loadXMLDoc(url);
}

function wijzigAantalVerlanglijstPubliek(id, aantal, seq) {
    //alert(document.getElementById('ct100_ContentMidden_lblAantal'+sequence).inn
    oudAantal = parseInt(document.getElementById('ctl00_ContentMidden_lblAantal'+seq).innerHTML);

    nieuwAantal = oudAantal + aantal;
    
    if(document.getElementById('ctl00_ContentMidden_lblAantal'+seq)) {
        document.getElementById('ctl00_ContentMidden_lblAantal'+seq).innerHTML = nieuwAantal;
    }
}

function verlanglijstWinkelwagen(id, aantal, seq, surl) {
//alert('Verlanglijst naar ww');
    oudAantal = parseInt(document.getElementById('ctl00_ContentMidden_lblAantal'+seq).innerHTML);
    responsActie = 'updateWinkelwagenTotaal';
    url = surl + '?action=add&id=' + id + '&aantal=' + oudAantal;
    //alert(url);
    loadXMLDoc(url);
    
}

function updateWinkelWagenTotaal(response) {
    aantal = response.getElementsByTagName('aantal')[0].firstChild.data;
    bedrag = response.getElementsByTagName('bedrag')[0].firstChild.data;
 
    if(document.getElementById('ctl00_lnkWinkelwagenTekst')) {
        if(parseInt(aantal)==1) {
            document.getElementById('ctl00_lnkWinkelwagenTekst').innerHTML = aantal + ' artikel &nbsp;' + bedrag;
        }
        else {
            document.getElementById('ctl00_lnkWinkelwagenTekst').innerHTML = aantal + ' artikelen &nbsp;' + bedrag;
        }
        
    }
    toonMelding();
}

function updateWinkelWagen(response) {
    nieuwAantal = response.getElementsByTagName('nieuwaantal')[0].firstChild.data;
    aantal = response.getElementsByTagName('aantal')[0].firstChild.data;
    bedrag = response.getElementsByTagName('bedrag')[0].firstChild.data;
    
    //rechtsbovenin
    if(document.getElementById('ctl00_lnkWinkelwagenTekst')) {
        if(parseInt(aantal)==1) {
            document.getElementById('ctl00_lnkWinkelwagenTekst').innerHTML = aantal + ' artikel &nbsp;' + bedrag;
        }
        else {
            document.getElementById('ctl00_lnkWinkelwagenTekst').innerHTML = aantal + ' artikelen &nbsp;' + bedrag;
        }
    }
    
    if(document.getElementById('ctl00_ContentMidden_lblAantal'+sequence)) {
        document.getElementById('ctl00_ContentMidden_lblAantal'+sequence).innerHTML = nieuwAantal;
    }
    
    if(document.getElementById('ctl00_ContentMidden_lblTotaalAantal')) {
        if(parseInt(aantal)==1) {
            document.getElementById('ctl00_ContentMidden_lblTotaalAantal').innerHTML = aantal + ' artikel';
        }
        else {
            document.getElementById('ctl00_ContentMidden_lblTotaalAantal').innerHTML = aantal + ' artikelen';
        }
    }
       
    if(document.getElementById('ctl00_ContentMidden_lblTotaalBedrag')) {
        document.getElementById('ctl00_ContentMidden_lblTotaalBedrag').innerHTML = bedrag;
    }
}

function updateVerlanglijst(response) {
//alert('UpdateVerlanglijst');
    nieuwAantal = response.getElementsByTagName('nieuwaantal')[0].firstChild.data;
    //aantal = response.getElementsByTagName('aantal')[0].firstChild.data;
//alert(nieuwAantal);
    if(document.getElementById('ctl00_ContentMidden_lblAantal'+sequence)) {
        document.getElementById('ctl00_ContentMidden_lblAantal'+sequence).innerHTML = nieuwAantal;
    }
}

function closeMelding() {
    div = document.getElementById('wwMelding')
    if(div) {    
//        for(var i=0;i<document.embeds.length;i++) {
//		    document.embeds(i).style.visibility='visible';
//		}
        div.style.display='none';    
    }
}

function toonMelding() {
    div = document.getElementById('wwMelding')
     if(div) {    
//        if(document.embeds()) {
//            for(var i=0;i<document.embeds.length;i++) {
//		        document.embeds(i).style.visibility='hidden';
//		    }
//		}
        div.style.display='block';
    }
}

function geenraretekens(myfield, e){
	var key;

	if (window.event)
		key = window.event.keyCode;
	else if (e)
		key = e.which;
	else
		return true;
		
    //alert(key);
	if ((key==null) || (key==0) || (key==8) || 
		(key==9) || (key==13) || (key==27) || (key==32)) 
		return true;
	else if (((key>=48)&&(key<=57))||((key>=65)&&(key<=90))||((key>=97)&&(key<=122))) 
	    return true;
	else
	    return false;
}