/* IE<9 HTML5 */
document.createElement('header');
document.createElement('section');
document.createElement('nav');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');

$.extend({
  getUrlVars: function(){
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
      hash = hashes[i].split('=');
      vars.push(hash[0]);
      vars[hash[0]] = hash[1];
    }
    return vars;
  },
  getUrlVar: function(name){
    return $.getUrlVars()[name];
  }
});

$(function () {
  
    /* Content listitems */
    $(".Content ul:not(#BreadCrumbs,#slideshow)").addClass("ListItem");

    /* Loginbox */
    var button = $('#loginButton');
    var box = $('#loginBoxTop');
    var form = $('#loginForm');
    /*button.removeAttr('href');*/
    button.mouseup(function (login) {
        box.toggle();
        button.toggleClass('active');
    });

    var byName = $.getUrlVar('login');

    if (byName == "failed" || byName == "failed#") {
        box.toggle();
        button.toggleClass('active');
    }

    form.mouseup(function () {
        return false;
    });

    $(this).mouseup(function (login) {
        if (!($(login.target).parent('#loginButton').length > 0)) {
            button.removeClass('active');
            box.hide();
        }
    });

//    if ($(".nameTextBox").length > 0) {
//        $(".nameTextBox").Watermark("Accountnaam...", "#bbb");
//    }
//    if ($(".passwordTextBox").length > 0) {
//        $(".passwordTextBox").Watermark("Wachtwoord...", "#bbb");
//    }

//    $('.passwordTextBox')[0].removeAttribute('type', 'password');

//    $(".passwordTextBox")[0].focus(function () {
//        $('.passwordTextBox').setAttribute('type', 'password');
//    });

    /* Slideshow */
    $("#slideshow").cycle({
        fx: 'fade',
        pause: 1,
        speed: 1000,
        timeout: 4000,
        prev: '#prev',
        next: '#next',
        random: 0,
        randomizeEffects: 0,
        startingSlide: 0,
        pauseOnPagerHover: true,
        pager: '#nav',
        pagerAnchorBuilder: function (idx, slide) {
            // return selector string for existing anchor
            return '#nav li:eq(' + idx + ') a';
        }
    });
    /* Email protection */
    var spt = $('span.mailme');
    var at = / at /;
    var dot = / dot /g;
    var addr = $(spt).text().replace(at, "@").replace(dot, ".");
    $(spt).after('<a href="mailto:' + addr + '" title="Stuur ons een mail">' + addr + '</a>')
  .hover(function () { window.status = "Send a letter!"; }, function () { window.status = ""; });
    $(spt).remove();
    var spt = $('span.mailme2');
    var at = / at /;
    var dot = / dot /g;
    var addr = $(spt).text().replace(at, "@").replace(dot, ".");
    $(spt).after('<a href="mailto:' + addr + '" title="Stuur ons een mail">' + addr + '</a>')
  .hover(function () { window.status = "Send a letter!"; }, function () { window.status = ""; });
    $(spt).remove();
});