//----------------------------------------------------------------------------------------------------------------------
// ## JavaScript voor de winkels van Merchandisingdirect.com
// ## http://www.merchandisingdirect.com/js/shop.js
//----------------------------------------------------------------------------------------------------------------------


/* -----------------------------------*/
/* GLOBALE VARIABELEN INITIALISEREN
/* -----------------------------------*/
var checkobject_tag = document.getElementsByTagName;
var checkobject_id  = document.getElementById;
var volledige_url;



//----------------------------------------------------------------------------------------------------------------------
// ## MDCFOOTER
// ## Footer die standaard in elke winkel en in bestellijst.html (winkelwagen) en  
// ## koop.html (NAW-pagina) onderaan wordt geplaatst
// ## Voorbeeld onderaan in NL: <script type="text/javascript">mdcfooter()</script>
// ## Voorbeeld onderaan in UK: <script type="text/javascript">mdcfooter("uk")</script>
// ## Voorbeeld tussen HEAD-tags: <script type="text/javascript" src="http://www.merchandisingdirect.com/js/shop.js"></script>
// ##
//----------------------------------------------------------------------------------------------------------------------
function mdcfooter(aLanguage) 
{
    if (aLanguage == "uk") {
        document.open();
        document.writeln(" <div id=\"mdcfooter\" style=\"line-height: 170%\"> ");
        document.writeln(" &copy; <a href=\"http://www.merchandisingdirect.com\">Merchandisingdirect.com</a> All rights reserved.<br> ");
        document.writeln(" <a href=\"javascript://\" title=\" If you have questions or if you prefer to place your order by telephone\" onClick=\"MM_openBrWindow('http://www.merchandisingdirect.com/callandorder.html?trck=mdcfooter-uk-belenbestel','','width=470,height=150')\">Call &amp; Order</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/uk/?trck=mdcfooter-nl-help\">Help</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/uk/termsconditions.html?trck=mdcfooter-uk-av\">Terms and Conditions</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/uk/disclaimer.html?trck=mdcfooter-uk-disclaimer\">Disclaimer</a> ");
        document.writeln(" </div> ");
        document.close();
    }
    
    else if (typeof(aLanguage == "undefined")) {    
        document.open();
        document.writeln(" <div id=\"mdcfooter\" style=\"line-height: 170%\"> ");
        document.writeln(" &copy; <a href=\"http://www.merchandisingdirect.com\" target=\"_blank\">Merchandisingdirect.com</a> Alle rechten voorbehouden.<br> ");
        document.writeln(" <a href=\"javascript://\" title=\"U kunt hier uw vragen kwijt of u kunt telefonisch bestellen\" onClick=\"MM_openBrWindow('http://www.merchandisingdirect.com/belenbestel.html?trck=mdcfooter-nl-belenbestel','','width=450,height=140')\">Bel en bestel</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/meestgesteldevragen.html?trck=mdcfooter-nl-help\" target=\"_blank\">Help</a> | ");
		document.writeln(" <a href=\"javascript://\" onClick=\"MM_openBrWindow('http://www.merchandisingdirect.com/support/nl/verzendkosten.html?trck=mdcfooter-nl-verzendkosten','','scrollbars=yes,resizable=yes,width=780,height=550')\">Verzendkosten</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/algemenevoorwaarden.html?trck=mdcfooter-nl-av\" target=\"_blank\">Algemene Voorwaarden</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/disclaimer.html?trck=mdcfooter-nl-disclaimer\" target=\"_blank\">Disclaimer</a> ");
        document.writeln(" </div> ");
        document.close();
    }        
}



function mdcfooter_theatershop()
{
	document.open();
        document.writeln(" <div id=\"mdcfooter\" style=\"line-height: 170%\"> ");
        document.writeln(" &copy; <a href=\"http://www.merchandisingdirect.com\" target=\"_blank\">Merchandisingdirect.com</a> Alle rechten voorbehouden.<br> ");
        document.writeln(" <a href=\"javascript://\" title=\"U kunt hier uw vragen kwijt of u kunt telefonisch bestellen\" onClick=\"MM_openBrWindow('http://www.merchandisingdirect.com/belenbestel_theatershop.html?trck=mdcfooter-nl-belenbestel','','width=450,height=180')\">Bel en bestel</a> | ");
                document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/meestgesteldevragen.html?trck=mdcfooter-nl-help\" target=\"_blank\">Help</a> | ");
		document.writeln(" <a href=\"javascript://\" onClick=\"MM_openBrWindow('http://www.merchandisingdirect.com/support/nl/verzendkosten.html?trck=mdcfooter-nl-verzendkosten','','scrollbars=yes,resizable=yes,width=780,height=550')\">Verzendkosten</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/algemenevoorwaarden.html?trck=mdcfooter-nl-av\" target=\"_blank\">Algemene Voorwaarden</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/disclaimer.html?trck=mdcfooter-nl-disclaimer\" target=\"_blank\">Disclaimer</a> ");
        document.writeln(" </div> ");
        document.close();
}


function mdcfooter_tickets()
{
        document.open();
        document.writeln(" <div id=\"mdcfooter\" style=\"line-height: 170%\"> ");
        document.writeln(" &copy; <a href=\"http://www.merchandisingdirect.com\" target=\"_blank\">Merchandisingdirect.com</a> Alle rechten voorbehouden.<br> ");
        document.writeln(" <a href=\"javascript://\" title=\"U kunt hier uw vragen kwijt of u kunt telefonisch bestellen\" onClick=\"MM_openBrWindow('http://www.merchandisingdirect.com/belenbestel.html?trck=mdcfooter-nl-belenbestel','','width=450,height=140')\">Bel en bestel</a> | ");
        document.writeln(" <a href=\"http://www.merchandisingdirect.com/support/nl/algemenevoorwaarden2.html?trck=mdcfooter-nl-av\" target=\"_blank\">Algemene Voorwaarden</a> | ");
        document.writeln(" </div> ");
        document.close();
}



//----------------------------------------------------------------------------------------------------------------------
// ## HOTMEDIA REPLACEMENT SCRIPT
// ## Script dat images achter elkaar toont. Vervangt het Java Hotmedia.
// ## Zie werkend voorbeeld op http://www.merchandisingdirect.com/eg/pages/20003492.html
// ##
// ## Gebruik: foto's die getoond moeten worden in body onload plaatsen en onderstaand form gebruiken
// ## <body onload="ani_pics('images/20004256b_1.jpg,images/20004256b_2.jpg')>
// ## <form name="aniform">
// ## <img src="images/20004256b_1.jpg" width="300" height="300" border="0" alt="" name="anim">
// ## <input type="button" name="runit" onClick="controleit();defocus(this)"  value="Stop">
// ## </form>
//----------------------------------------------------------------------------------------------------------------------
window.self.focus();
var t=0;
var counter=0;
var timer;
var aantal;
var imgs = new Array();

function ani_pics(imgstring){
   var pics = new Array();
   pics = imgstring.split(",");
   aantal = pics.length;
   for(var i=0;i<aantal; i++) { /* aantal foto's		*/
      imgs[i]=new Image();
      imgs[i].src=pics[i];
   }
   animate();
}


function animate() { /*aantal foto's - 1 */
   document.anim.src=imgs[counter].src;
   counter=(counter<(aantal-1))?(counter+1):0
   timer=setTimeout("animate()",1000);
}

function controleit() {
   t += 1;
   if(t==0) {
      animate();
      document.aniform.runit.value="Stop";
   }
   else if(t==1) {
      clearTimeout(timer);
      document.aniform.runit.value="Play";
   return false;
   }
   else {
      (t==2) 
      animate();
      document.aniform.runit.value="Stop";
      t=0;
   }
}

function defocus(x) {
   if (navigator.appName == 'Microsoft Internet Explorer' || document.all) {
      x.blur();
   }
}

function sluit_venster() {
   window.self.close();
}



//----------------------------------------------------------------------------------------------------------------------
// ## Macromedia Popupscript
//----------------------------------------------------------------------------------------------------------------------
function MM_openBrWindow(theURL,winName,features) 
{ 
   window.open(theURL,winName,features);
}



//----------------------------------------------------------------------------------------------------------------------
// ## TOON WINKELWAGEN
// ## Laat artikelen in de winkelwagen zien
// ## De eerste link moet altijd een !link zijn. Is deze niet aanwezig, 
// ## dan een 1px transparante gif maken met een !link naar dezelfde pagina
//----------------------------------------------------------------------------------------------------------------------
function shoppingcart()
{
    var link_url = new String(document.links[0].href);
    var div_url = link_url.split("?");
    var link_id = new String(div_url[1]);
    var first_url = new String("http://www.merchandisingdirect.com/cgi-bin/bestel2?");
    location.href = first_url+link_id;
}


//----------------------------------------------------------------------------------------------------------------------
// ## AFREKENEN
// ## Ga direct naar de NAW-pagina.   

//----------------------------------------------------------------------------------------------------------------------
function afrekenen()
{
    var link_url = new String(document.links[0].href);
    var div_url = link_url.split("?");
    var link_id = new String(div_url[1]);
    var first_url = new String("http://www.merchandisingdirect.com/cgi-bin/koop?");
    location.href = first_url+link_id;
}



/* -----------------------------------------------------*/
/* KOPEN MET MATEN MET JAVASCRIPT
/* De pulldown met maten heeft een id. Geef elke pulldown 
 * een unieke id. In de detailpagina hoef je geen id op
 * te geven. Standaard is optie de waarde 'maat'.
/* Gebruik: 
 * javascript:koopmaten('polo') 
 * javascript:koopmaten('polo', 'kleur')
 
 * VOOR DEZE FUNCTIE MOET PROTOTYPE WORDEN GELADEN
/* -----------------------------------------------------*/
function koop_maten(id, optie)
{	
    var idnaam = $F(id);	
        if (idnaam == 'kiesmaat') 
    {
            alert('U heeft geen '+optie+ ' gekozen');
                Field.focus(id);
        }		
    else
        {
                koop_ajax(idnaam);
        }
}



//----------------------------------------------------------------------------------------------------------------------
// ## KOPEN MET JAVASCRIPT
// ## Met dit script kun je 1 artikel tegelijkertijd kopen
//----------------------------------------------------------------------------------------------------------------------
function buy(artnumber) 
{
   // Controleer of er een stylesheet wordt gebruikt van studio100. Zoja, gebruik dan window.parent.document.links[0].href
   // Zoniet, gebruik dan document.links[0].href. Studio100 is de enige winkel die gebruik gemaakt van links in het parent window.
   // Dit is nodig, omdat er anders 2 verschillende ID's worden gegenereerd; 1 in de iframe en 1 in de algemene pagina). 
   // Nu wordt er een link gebruikt, die van de algemene pagina.
   var checkstudio100 = document.styleSheets[0].href;
   var link_url = (checkstudio100.indexOf("studio100") != -1) ? new String(window.parent.document.links[0].href) : new String(document.links[0].href);
   
   var div_url = link_url.split("?");
   var link_id = new String(div_url[1]);
   var first_url = new String("http://www.merchandisingdirect.com/cgi-bin/bestel?");
   location.href = first_url+"artnr="+artnumber+"&"+link_id;
}



//----------------------------------------------------------------------------------------------------------------------
// ## LINKPAGE: GENEREER LINK MET JAVASCRIPT
// ## Linkt binnen de shop naar de pagina "page" (het argument)
// ## De eerste link moet altijd een !link zijn. Is deze niet aanwezig, dan een 1px transparante gif maken 
// ## met een !link naar dezelfde pagina
// ##
// linkpage is een functie met een absolute link als resultaat. Dat is eigenlijk jammer. linkpagerel retourneerd een relative link.
// ##
//----------------------------------------------------------------------------------------------------------------------
function linkpage(page) 
{
    if(!page == ""){
        var link_url2 = new String(document.links[0].href);
        var div_url2 = link_url2.split("?");
        var link_id2 = new String(div_url2[1]);
        var first_url2 = new String("http://www.merchandisingdirect.com/cgi-bin/page/"+page+"?");
        location.href = first_url2 + link_id2;
       }
}



//----------------------------------------------------------------------------------------------------------------------
// ## LINKPAGEREL: GENEREERT RELATIEVE LINK MET JAVASCRIPT
// ## Zie ook 'linkpage()'
//----------------------------------------------------------------------------------------------------------------------
function linkpagerel(page) 
{
    if(!page == ""){
        var link_url2 = new String(document.links[0].href);
        var div_url2 = link_url2.split("?");
        var link_id2 = new String(div_url2[1]);
        var first_url2 = new String(page+"?");
        location.href = first_url2 + link_id2;
       }
}

//----------------------------------------------------------------------------------------------------------------------
// ## GETID: GEEFT ID TERUG
//----------------------------------------------------------------------------------------------------------------------
function get_id() 
{
        var url = new String(document.links[0].href);
        var regex=/\d{12}/;
        if(regex.test(url)) {
        var querystr= url.split("?");
        var id=querystr[1].split("=");
        return(id[1]);
        } else {
        alert ("Geen id in url");
        return false;
        }
}



//----------------------------------------------------------------------------------------------------------------------
// ## BEZIG MET LADEN BERICHT
// ## Als alle content zich in een DIV bevindt en je refreshed de pagina, dan zie je soms niets.
// ## Netjes is dan als je een berichtje krijgt: Bezig met laden ...
// ## In de body aanroepen met onload="bezigmetladen();"
//----------------------------------------------------------------------------------------------------------------------
function bezigmetladen() 
{
    if (document.getElementById) { // DOM3 = IE5, NS6
	    document.getElementById('hidemessage').style.display = 'none';
	}
	
	else {  // IE 4
        document.all.hidemessage.style.display = 'none';
    }
}



//----------------------------------------------------------------------------------------------------------------------
// ## UITVERKOCHT
// ## Als een artikel uitverkocht is, dan krijg je een alert met vooraf bepaalde tekst.
// ## Je kunt ook zelf de tekst bepalen door dit als een argument mee te sturen.
// ## Voorbeeld gewone link: <a href="javascript:uitverkocht()">tekst</a>
// ## Voorbeeld uitroepteken link: <a href="javascript:uitverkocht()">tekst</a>
//----------------------------------------------------------------------------------------------------------------------
function uitverkocht()
{
    alert("Dit product is uitverkocht");
}



//----------------------------------------------------------------------------------------------------------------------
// ## ADJUSTWINDOW
// ## Als een winkel in een pop-up wordt geopend, dan wordt hiermee de breedte, hoogte en de plaatsing aangepast
// ## In de body aanroepen met onload="adjustwindow(aBreedte, aHoogte, aX, aY);"
//----------------------------------------------------------------------------------------------------------------------
function adjustWindow(aBreedte, aHoogte, aX, aY) 
{
    if (window.top) {
        resizeTo(aBreedte, aHoogte);
        moveTo(aX, aY);
    }
}

//----------------------------------------------------------------------------------------------------------------------
// ## Macromedia's Rollover Script, NN4 reloadfix en Show/Hide layers
//----------------------------------------------------------------------------------------------------------------------
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>
0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}


/* -----------------------------------*/
/* KOPEN MET JAVASCRIPT
 * Er moet een uitroeptekenlink aanwezig
 * zijn met de id "sessieid".
/* -----------------------------------*/
function koop_ajax(artnr)
{
	/* Als er een 2e argument wordt meegestuurd, dan wordt het artikel vastgezet
	 Het argument is de reden waarom het artikel niet besteld kan worden
	*/
	if (arguments.length == 2)
	{
		var reden = arguments[1];
		
		switch(reden)
		{
			case 'TijdelijkNietLeverbaar':
			alert('Dit artikel is tijdelijk niet leverbaar');
			break;
		}
	}
	else
	{			
	    var link_url  = $("sessieid").href;
	    var div_url   = link_url.split("?");
        var link_id   = new String(div_url[1]);
        var first_url = "http://www.merchandisingdirect.com/cgi-bin/bestel?";	
	    var pars = "artnr=" + artnr + "&" + link_id;
	    volledige_url = first_url + "artnr=" + artnr + "&" + link_id;
		
	     // Bestel het artikel, als de resulterende pagina de MDC website is 
	     // na het klikken op een link dan bestaat het artikel niet.
	     // De request naar de winkelwagen wordt gemaakt met AJAX
	     var myAjax = new Ajax.Request(first_url, {method: 'get', parameters: pars, onComplete: showResponse});	
	}
}



/* -----------------------------------*/
/* AFHANDELING AJAX REQUEST
/* -----------------------------------*/
function showResponse(originalRequest)
{
	var htmlcode = originalRequest.responseText;	
	if (/winkelwagen/.test(htmlcode))
	{
		location.href = volledige_url;
	}
	else 
	{
		alert('Artikel is niet beschikbaar.\n Bel voor meer informatie 0900 - 4040 5050 (0,40 p/m) \n op werkdagen van 9.00 tot 17.00 uur ');
		return false;
	}
}



//----------------------------------------------------------------------------------------------------------------------
// ## KOPEN MET JAVASCRIPT MET EEN POPUP WINKELWAGEN
// ## DEZE NIET MEER GEBRUIKEN!
//----------------------------------------------------------------------------------------------------------------------
function bestel_url(my_arti, my_name2, my_props2)
{
      var this_url=new String(String(document.links[0].href))
      var div_url=this_url.split("?")
      var my_id=new String(div_url[1])
      var the_arti = new String(my_arti)
      var the_url = new String('http://www.merchandisingdirect.com/cgi-bin/bestel'+'?'+my_id+'&artnr='+the_arti)
      
      // Als er geen properties worden opgegeven voor de popup, open dan een window met default afmetingen     
     if (typeof(my_name2 == "undefined") || (typeof(my_props2 == "undefined"))) {   
         window.open(the_url,'bestel_maar','width=600,heigth=500,scrollbars=yes,status=yes,resizable=yes')
     }       
}


//----------------------------------------------------------------------------------------------------------------------
// ## TOON WINKELWAGEN IN EEN POPUP
// ## DEZE NIET MEER GEBRUIKEN!
//----------------------------------------------------------------------------------------------------------------------
function shoppingcart_popup(id)
{
    var link_id = '';
    if (typeof(id)=="undefined") {
        var link_url=new String(document.links[0].href)
        var div_url=link_url.split("?")
        link_id=new String(div_url[1])
    }
    else {
    link_id = 'id='+id;
    }
    var first_url=new String("http://www.merchandisingdirect.com/cgi-bin/bestel2?")
    window.open(first_url+link_id, 'bestel_maar','width=600,heigth=500,scrollbars=yes,status=yes,resizable=yes')
}

//----------------------------------------------------------------------------------------------------------------------
// ## VERDER WINKELEN
// ## DEZE NIET MEER GEBRUIKEN
// ## De link "verder winkelen" in een popup winkelwagen verwijst naar taalcode_shop.html
// ## Wanneer je in de winkelwagen zit en je klikt op "verder winkelen", dan moet deze sluiten
// ## Wanneer je direct naar de winkel wilt, dan krijg je een redirect naar de winkel.
//----------------------------------------------------------------------------------------------------------------------
function verder_winkelen(aTaalcode, aPagina) 
{
    var aanroeper = document.referrer;
    if (aanroeper.indexOf('bestel') == -1) {   
        location.href = 'http://www.merchandisingdirect.com/cgi-bin/page/' +aTaalcode+ '_' +aPagina+ '.html?lang=' +aTaalcode;      
    } 
    else {         
        window.close();
    }
}