function supports_input_placeholder() {
	var i = document.createElement('input');
	return 'placeholder' in i;
}

var keyStr = "ABCDEFGHIJKLMNOP" +
		   "QRSTUVWXYZabcdef" +
		   "ghijklmnopqrstuv" +
		   "wxyz0123456789+/" +
		   "=";

function decode64(input) {
	var output = "";
	var chr1, chr2, chr3 = "";
	var enc1, enc2, enc3, enc4 = "";
	var i = 0;

	// remove all characters that are not A-Z, a-z, 0-9, +, /, or =
	var base64test = /[^A-Za-z0-9\+\/\=]/g;
	if (base64test.exec(input)) {
		alert("There were invalid base64 characters in the input text.\n" +
			  "Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='\n" +
			  "Expect errors in decoding.");
	}
	input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

	do {
		enc1 = keyStr.indexOf(input.charAt(i++));
		enc2 = keyStr.indexOf(input.charAt(i++));
		enc3 = keyStr.indexOf(input.charAt(i++));
		enc4 = keyStr.indexOf(input.charAt(i++));

		chr1 = (enc1 << 2) | (enc2 >> 4);
		chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
		chr3 = ((enc3 & 3) << 6) | enc4;

		output = output + String.fromCharCode(chr1);

		if (enc3 != 64) {
			output = output + String.fromCharCode(chr2);
		}
		if (enc4 != 64) {
			output = output + String.fromCharCode(chr3);
		}

		chr1 = chr2 = chr3 = "";
		enc1 = enc2 = enc3 = enc4 = "";

	}
	while(i < input.length);

	return unescape(output);
}

$(function() {

	// placeholder support
	if(!supports_input_placeholder()){
		$("input[placeholder],textarea[placeholder]").each(function(){
		    var self = this;
		    var $self = $(self);
		    var placeholder = $self.attr("placeholder");
		    if(self.value == "") self.value = placeholder;
		    $self.bind("focus", function(){
		    	if(self.value == placeholder) self.value = "";
		    }).bind("blur",function(){
		    	if(!self.value.length) self.value = placeholder;
		    });
	    });
	}
	
	//first time
	$(".changeme").attr("src",'uploads/'+$("#trends li a").attr("rel"));
	
	$("#trends li a").mouseenter(function() {
		$(".changeme").attr("src",'uploads/'+$(this).attr("rel"));
	});
	
	if(window.location.hash != '' && window.location.hash != '#home') {
		$('#footer').css('background', '#000');
		$('#nav li a[href="' + window.location.hash + '"]').css('background', '#545454');		
	}	
	
	$('#nav li a').click(function(event) {
	
		var $anchor = $(this);
		
		if($anchor.attr('href') == window.location.hash) {
			return false;
		}
												
		$('#pages').stop().animate({
			scrollLeft: '+=' + $($anchor.attr('href')).position().left
		}, 1500,'easeInOutExpo', function() {
			window.location.hash = $anchor.attr('href');
			$('#nav li a').css('background', '');
			if($anchor.attr('href') != '#home') {
				$('#footer').css('background', '#000');
				$anchor.css('background', '#545454');
			} else {
				$('#footer').css('background', 'url(images/bar_home.png) repeat');
			}
		});
				
		event.preventDefault();
				
	});
	
	$('a[data-dialog]').click(function() {
		$('#dialog-' + $(this).data('dialog')).dialog({
			modal: true
		});
	});
	
	$('.medewerkers a').mouseover(function() {
		$('.medewerkers h2').text($(this).data('name'));
		
		$(".tijden").html(decode64($(this).attr("rev")));
		
		$('.medewerkers a').removeClass('active');
		$(this).addClass('active');
	});
	
	$('.dialog .close').click(function() {
		$(this).parents('.dialog').dialog('close');
	});
	
	if($.browser.msie && $.browser.version.slice(0, 1) == 7) {
		$('#medewerkers .tijden').css('margin-top', '-80px');
	}
		
});