Shadowbox.loadSkin('classic', '/shadowbox/skin');
Shadowbox.loadLanguage('nl', '/shadowbox/js/lang');
Shadowbox.loadPlayer(['flv', 'html', 'iframe', 'img', 'qt', 'swf', 'wmp'], '/shadowbox/js/player');

var goDom;

//window.onload=function() {
//	var supportsdom = (document.createElement && document.getElementById);
//	if (!supportsdom) {
//	  return;
//	}
//	else {
//	  goDOM = 1;	
//	}
//	//attachMenuBehaviour();
//	callCurvy();
//}


$(document).ready(function() {

  Shadowbox.init();

  var supportsdom = (document.createElement && document.getElementById);
  if (!supportsdom) {
	return;
  }
  else {
	goDOM = 1;	
  }
  callCurvy();

  $("#link-bestel-tippenkaartjes").click(function() {
	dialogBestellen();
	return false;
  });

  $("#btn-tippenkaart-bestellen").mouseover(function() {
	$(this).css( { cursor: "pointer" } );											 
  });

  $("#btn-tippenkaart-bestellen").click(function() {
												 
	$("#msg-bestelling").html("");
	
    //var welke = $("#bestel-tippenkaart-kaart").val();
    var kaartje = $("#bestel-tippenkaart-kaart option:selected");	
	var welke = kaartje.val();
    var aantal = $("#bestel-tippenkaart-aantal option:selected");
    var hoeveel = aantal.val();
    var naam = $("#bestel-tippenkaart-naam").val();
    var adres = $("#bestel-tippenkaart-adres").val();
    var postcode = $("#bestel-tippenkaart-postcode").val();
    var woonplaats = $("#bestel-tippenkaart-woonplaats").val();
	
	if (naam.length == 0 || adres.length == 0 || postcode.length == 0 || woonplaats.length == 0 ) {
	  var boodschap = "<strong>Let op:</strong> zorg dat je naam, adres, postcode en woonplaats zijn ingevuld. Zonder deze informatie kunnen we je geen kaartje(s) toesturen."
	  $("#msg-bestelling").html(boodschap);		
	}
	else {
      bestelTippenkaartjes(welke,hoeveel,naam,adres,postcode,woonplaats);
	}
	
  });

  $("iframe").click(function() {
  });

});

function dialogBestellen() {
	
	Shadowbox.open({
      player:     'iframe',
      content:    'http://www.bliksem.nl/includes/tippenkaartjes-bestellen.php',
      height:     (350),
      width:      (600),
      options:    {
    
	  }		
    });

}

function attachMenuBehaviour() {
  if (document.getElementsByTagName) {
    var arrMenuItems = document.getElementsByTagName("a");
    for (var s=0; s<arrMenuItems.length; s++) {
	  if (arrMenuItems[s].className == "bliksem-menu") {
		var curId = arrMenuItems[s].id;	
		if (document.addEventListener) {
		  document.getElementById(curId).addEventListener("mouseover", setBG, false);
		}
		else if (document.attachEvent) {
		  document.getElementById(curId).onmouseover = function () { setBG_IE(this.id); }
		}		
	  }
    }
  }  
}


function setBG_IE(whatEl) {
  var el = document.getElementById(whatEl);
  var whatElContainer = "container-" + whatEl;
  var container_el = document.getElementById(whatElContainer);
  container_el.style.background = "#ff0";
  el.style.color = "#c00";
  
  el.onmouseout = function() {
	  
    if (whatElContainer !== elFocus) {
      container_el.style.background = "#006";
	  el.style.color = "#ff0";
    }  
  }
  
  el.onclick = function() {
	window.location = el.href;
	return false;
  }
}


function setBG(e) {
  whatEl = e.currentTarget.id;
  var el = document.getElementById(whatEl);
  var whatElContainer = "container-" + whatEl;
  var container_el = document.getElementById(whatElContainer);
  container_el.style.background = "#ff0";
  el.style.color = "#c00";
  e.stopPropagation();	
  
  el.onmouseout = function() {
	  
    if (whatElContainer !== elFocus) {
      container_el.style.background = "#006";
	  el.style.color = "#ff0";
    }  
  }
  
  el.onclick = function() {
	window.location = el.href;
	return false;
  }
}

function callCurvy() {

  /* afgeronde randen container donders goeie tips */
  if (goDOM==1 && document.getElementById("container-dgt")) {

    settings_cont_dgt = {
      tl: { radius: 10 },
      tr: { radius: 10 },
      bl: { radius: 10 },
      br: { radius: 10 },
      antiAlias: true,
      autoPad: true
    }

    var divDgt = document.getElementById("container-dgt");
    var cornersDgt = new curvyCorners(settings_cont_dgt, divDgt);
    cornersDgt.applyCornersToAll();

  }

}

function bestelTippenkaartjes(welke,hoeveel,naam,adres,postcode,woonplaats) {
  
        $.ajax({
          type: "GET",
          url: "/includes/verzend-tippenkaartjes-bestellen.php",
          cache: false,
          dataType: "text",
          data: "welke="+welke+"&aantal="+hoeveel+"&naam="+naam+"&adres="+adres+"&postcode="+adres+"&postcode="+postcode+"&woonplaats="+woonplaats,
          success: function(text) {
 
			var boodschap = "Bedankt. Je bestelling is geplaatst. Je kunt dit venster nu sluiten."
			$("#msg-bestelling").html(boodschap);
			
			window.setTimeout("$('#msg-bestelling').fadeOut('fast');",2500);
			window.setTimeout("parent.Shadowbox.close();",3500);
			
          }
		  
        });

}
