function showAgeCheck(siteRoot, agecheckUrl) {
    setTimeout(function() {
        showAgeCheck2(siteRoot, agecheckUrl);
    }, 0);
}
function showAgeCheck2(siteRoot, agecheckUrl) {
    var opts = { 'mask': '#000', effect: 'apple' };

    var ddd = '00';
    var mmm = '00';
    var yyy = '1900';

    var str = document.cookie;
    var zstr = "HooghoudtAge=";
    var start = str.indexOf(zstr, 0);
    if (start == -1) {
        // do nothing
    } else {
        start += zstr.length;
        var eind = str.indexOf(";", start);
        if (eind == -1) eind = str.length;
        var dateSplit = unescape(str.substring(start, eind)).split(',');
        yyy = dateSplit[0];
        mmm = dateSplit[1];
        ddd = dateSplit[2];
    } 

    var body = $('body');
    var frmEng = ['<div id="leeftijd" class="en">',
	'	<form id="form1" name="formLeeftijd" method="post" >',
	'	<div style="position:relative; height:40px;">',
	'	    <span style="position:absolute; left:0px;">',
	'		    <input id="Text1" name="gebDag" maxlength="2" value="', ddd, '" onfocus="emptyWaarde(this)" onkeyup="autoNext(this, gebMaand)" type="text">',
	'		</span>',
	'	    <span style="position:absolute; left:85px;">',
	'		    <input id="Text2" name="gebMaand" maxlength="2" value="', mmm, '" onfocus="emptyWaarde(this)" onkeyup="autoNext(this, gebJaar)" type="text">',
	'		</span>',
	'	    <span style="position:absolute; left:172px;">',
	'		    <input id="Text3" name="gebJaar" value="', yyy, '" maxlength="4" onfocus="emptyWaarde(this)" type="text"><br /><br />',
	'	    </span>',
	'	</div>',
	'		<input type="image" src="',siteRoot,'img/verify.gif" name="btnSubmit" id="btnSubmit" value="controleer" class="button" type="submit">',
	'	</form>',
	'	<p><a href="#" id="lnkToDutch">Nederlandse versie</a></p>',
	'	<p class="disc">Use of this site is for personal use, in countries where the consumption of alcohol beverage is lawful, of persons who are lawfully permitted to consume alcohol beverages. By entering this site you agree with this.</p>',
	'</div>'].join('');
 var frmDutch = ['<div id="leeftijd">',
		'<form id="formLeeftijd" name="formLeeftijd" method="post">',
		'<div style="position:relative; height:40px;">',
		'    <span style="position:absolute; left:0px;">',
		'	    <input id="gebDag" name="gebDag" maxlength="2" value="',ddd,'" onfocus="emptyWaarde(this)" onkeyup="autoNext(this, gebMaand)" type="text">',
		'	</span>',
		'   <span style="position:absolute; left:85px;">',
		'	    <input id="gebMaand" name="gebMaand" maxlength="2" value="',mmm,'" onfocus="emptyWaarde(this)" onkeyup="autoNext(this, gebJaar)" type="text">',
		'	</span>',
		'    <span style="position:absolute; left:172px;">',
		'	    <input id="gebJaar" name="gebJaar" value="',yyy,'" maxlength="4" onfocus="emptyWaarde(this)" type="text"><br /><br />',
		'    </span>',
		'</div>',
		'	<input type="image" src="', siteRoot, 'img/verder_button.gif" name="btnSubmit" id="btnSubmit" value="controleer" class="button" type="button">',
		'</form>',
        '<p class="error" runat="server" id="pError">De door u ingevoerde leeftijd is onjuist.</p>',
		'<p><a id="lnkToEnglish" href="#">English version</a></p>',
		'<p class="disc">Deze',
'site is bedoeld voor persoonlijk gebruik, in landen waar de consumptie',
'van alcoholische dranken is toegestaan, door personen die legaal',
'alcoholische consumpties mogen gebruiken. Door deze site te bezoeken',
'gaat u hiermee akkoord.</p>',
'<div class="close" style="display:none;"></div>',
	'</div>'].join('');
	
	
	
 
 var overlay = $('<div />', { 'class': 'loginoverlay' });


 function initOverlay() {
     overlay.find('#leeftijd').css({
         //'background-color': '#fff',
         height: 532,
         margin: 'auto auto auto auto', position: 'static', left: '0px', top: '0px'
     });
     overlay.find('#pError').hide(); //.css('visibility', 'hidden');
     overlay.appendTo(body);


     overlay.find('#lnkToDutch').click(function() {
     //verify
     var close = overlay.find('.close').detach();
         overlay.html('');
         $(frmDutch).appendTo(overlay);
         close.appendTo(overlay);
         initOverlay();
         return false;
     });
     overlay.find('#lnkToEnglish').click(function() {
         //verify

         var close = overlay.find('.close').detach();
         overlay.html('');
         $(frmEng).appendTo(overlay);
         close.appendTo(overlay);
         initOverlay();

         return false;
     });



     overlay.find('#btnSubmit').click(function() {
         //verify
         var d = parseInt(overlay.find('#gebDag').val(), 10);
         var m = parseInt(overlay.find('#gebMaand').val(), 10);
         var y = parseInt(overlay.find('#gebJaar').val(), 10);

         if (y <= 1900 || m < 1 || d < 1) {
             //invalid date
             overlay.find('#pError').show();
             return false;
         }

         var age = new Date(y + 18, m - 1, d);
         var today = new Date();
         if ((today.getTime() - age.getTime()) < 0) {
             //too young
             overlay.find('#pError').show();
         } else {
             //ok: 'agecheckUrl'
             jQuery.ajax({
             url: agecheckUrl,
                 data: 'day='+d+'&month='+m+'&year='+y,
                 dataType: 'text',
                 success: function(data) {
                     overlay.find('.close').click();
                     document.location = "?date=" + escape(y + '-' + m + '-' + d);
                     //document.location.reload();
                 }
             });

         }

         return false;
     });
 }



 $(frmDutch).appendTo(overlay);
 initOverlay();

 var top = 50;
 var left = 0;
 if(typeof(screen)!=='undefined') {
     /*var h = parseInt(screen.availHeight, 10);     
	//top = Math.round((h - 532 - 50) / 2);
	top = Math.round((h - 532 - 150) / 2);
	left = Math.round((parseInt(screen.availWidth, 10) - 512) / 2);*/
     var h = parseInt($(window).height(), 10);
     var w = parseInt($(window).width(), 10);
     top = Math.round((h - 532) / 2);
     left = Math.round((w - 512) / 2);
 }
 $(window).bind('resize', function() {
     var h = parseInt($(window).height(), 10);
     var w = parseInt($(window).width(), 10);
     top = Math.round((h - 532) / 2);
     left = Math.round((w - 512) / 2);
     $('.loginoverlay').attr('style', 'position:absolute; z-index:9999; left:' + left + 'px;top:' + top+'px;');
 });
 
 var overlayOptions = {

     // custom top position
     top: top,
     // some mask tweaks suitable for facebox-looking dialogs
     mask: {
         color: '#368350',

         // load mask a little faster
         loadSpeed: 1,
         opacity: 1
     },

     // disable this for modal dialog-type of overlays
     closeOnClick: false,

     // load it immediately after the construction
     load: true

 };

 setTimeout(function() {
     //frmObj.overlay(overlayOptions);
     overlay.overlay(overlayOptions);
     if (left > 0) {
         overlay.css('left', left + 'px');
     }
     overlay.css('position', 'absolute');
 }, 0);


}


function autoNext(elem, elem2) {
    if (elem.value.length == 2) {
        elem2.focus();
    }
}
function emptyWaarde(elem) {
    if (elem.value == '00') {
        elem.value = '';
    }
    if (elem.value == '1900') {
        elem.value = '';
    }
}

/*$(window).resize(function() {
    initOverlay();
})*/