// Default fancybox settings.
var fancyboxDefaults = {
	padding: 20,
	overlayOpacity: 0.85,
	hideOnContentClick: false,
	overlayColor: '#000',
	padding: 1,
	speedIn:	0,
	callbackOnShow: adjustTitle
}

// Adjust fancybox title bar position. 
function adjustTitle() {

	// Set positions.
	$('#fancy_title').css({
		left: $('#fancy_content').offset().left,
		top: $('#fancy_content').height() + $('#fancy_content').offset().top + 2
	});

	$('div#fancy_title table').css({
		width: $('#fancy_content').width() - 24,
		top: -20
	});

}


// DOM loaded.
$(document).ready(function() {

	// Connect all fancybox links to fancybox.
	$('a[rel=fancybox]').fancybox(fancyboxDefaults);

	// If there is a header video, calculate the fancybox dimensions based on the rel attribute.
	if ($('#header #video').length) {
		var aDimensions = $('#header #video').attr('rel').split("x");
		var iVideoWidth = parseInt(aDimensions[0]);
		var iVideoHeight = parseInt(aDimensions[1]) + 32;
	}

	// Set fancybox dimensions for header video.
	var fancyboxSettings = {
		frameWidth: iVideoWidth,
		frameHeight: iVideoHeight
	}

	// Combine default settings with header video settings.
	var settingsHeaderVideo = $.extend(fancyboxDefaults, fancyboxSettings);
	$('#video').fancybox(settingsHeaderVideo);

	// Social popup.
	var fancyboxSocialSettings = {
		frameWidth: 279,
		frameHeight: 174
	}
	var settingsSocial = $.extend(fancyboxDefaults, fancyboxSocialSettings);
	$('#butSocial').fancybox(settingsSocial);
	$('#butSocialEn').fancybox(settingsSocial);

	// Search.
	$('#sKeywords').keypress(function(event) {
		if (event.keyCode == '13') {
			event.preventDefault();
		}
	});

	$('#sKeywords').bind('keyup', function() {

		// Retrieve current value.
		var sValue = $('#sKeywords').val();

		// When value is longer then 1 char.
		if (sValue.length > 1) {

			// Call search through ajax.
			$.post(
				'/search/ajax',
				{sKeywords: $('#sKeywords').val()},
				function(data) {

					// Check if results were found.
					if (data.length > 0 && $('#sKeywords').val().length > 1) {

						// Create empty html result.
						var sHTML = '';

						// Walk through results.
						for (var i = 0; i < data.length; i++) {

							// Add html.
							if (i < 9) {
								sHTML = sHTML + '<li><a href="' + data[i].url + '">' + data[i].name + '</a></li>';
							}

						}

						// End of list.
						//sHTML = sHTML + '</ul>';
						$('.searchResults').html(sHTML);
						
						$('.searchResults').fadeIn(300); 
						// Append list.
						//$(sHTML).appendTo(document.body);

					} else {
						$('.searchResults').html('');
						$('.searchResults').fadeOut(300);
					}
				}, "json"
			);

		} else {
			$('.searchResults').fadeOut(300);
		}

	});

	// Header play button.
	$('#butPlay').fadeTo(0, 0.2, null);
	$('#butPlay').bind('mouseover', function() {
		$('#butPlay').fadeTo(200, 1, null);
	});
	$('#butPlay').bind('mouseout', function() {
		$('#butPlay').fadeTo(200, 0.2, null);
	});

	// Content play button.
	$('.blockVideo a').fadeTo(0, 0.4, null);
	$('.blockVideo a').bind('mouseover', function() {
		$(this).fadeTo(200, 1, null);
	});
	$('.blockVideo a').bind('mouseout', function() {
		$(this).fadeTo(200, 0.4, null);
	});

	// Social.
	$('#butSocial span').fadeTo(0, 0.4, null);
	$('#butSocial span').bind('mouseover', function() {
		$(this).fadeTo(200, 1, null);
	});
	$('#butSocial span').bind('mouseout', function() {
		$(this).fadeTo(200, 0.4, null);
	});

	// Social EN.
	$('#butSocialEn span').fadeTo(0, 0.4, null);
	$('#butSocialEn span').bind('mouseover', function() {
		$(this).fadeTo(200, 1, null);
	});
	$('#butSocialEn span').bind('mouseout', function() {
		$(this).fadeTo(200, 0.4, null);
	});

	// Print.
	$('#butPrint span').fadeTo(0, 0.4, null);
	$('#butPrint span').bind('mouseover', function() {
		$(this).fadeTo(200, 1, null);
	});
	$('#butPrint span').bind('mouseout', function() {
		$(this).fadeTo(200, 0.4, null);
	});

	// Print EN.
	$('#butPrintEn span').fadeTo(0, 0.4, null);
	$('#butPrintEn span').bind('mouseover', function() {
		$(this).fadeTo(200, 1, null);
	});
	$('#butPrintEn span').bind('mouseout', function() {
		$(this).fadeTo(200, 0.4, null);
	});

	// WK fancybox.
	$("a[href=http://wk.hid.nl/login.php?iPouleId=1]").addClass("iframe");
	$("a[href=http://wk.hid.nl/login.php?iPouleId=1]").fancybox({
		'transitionIn': 'fade',
		'transitionOut': 'fade',
		'width': 800,
		'height': 600,
		'frameWidth': 800,
		'frameHeight': 600,
		'centerOnScroll': true,
		'hideOnOverlayClick': true,
		'hideOnContentClick': false,
		'overlayOpacity': 0.85,
		'overlayColor': '#000',
		'speedIn': 600, 
		'speedOut': 200, 
		'overlayShow': true,
		'autoDimensions':	false,
		'hideOnOverlayClick': true,
		'titleShow': false,
		'type': 'iframe',
		'scrolling': 'no',
		'padding': 1,
		'autoScale': false,
		'callbackOnShow': adjustTitle
	});

});

Cufon.replace('h1', { fontFamily: 'Myriad Pro Bold' });
Cufon.replace('h2', { fontFamily: 'Myriad Pro' });
Cufon.replace('.imagesHeader span', { fontFamily: 'Myriad Pro' });
Cufon.replace('.imagesHeaderEn span', { fontFamily: 'Myriad Pro' });
Cufon.replace('#headerWork span', { fontFamily: 'Myriad Pro' });
Cufon.replace('#headerWork span#title', { fontFamily: 'Myriad Pro Bold' });
Cufon.replace('.sidebarTitle span', { fontFamily: 'Myriad Pro' });
Cufon.replace('.sidebarTitle span#title', { fontFamily: 'Myriad Pro Bold' });
Cufon.replace('#headerNews span', { fontFamily: 'Myriad Pro' });
Cufon.replace('#headerNews span#title', { fontFamily: 'Myriad Pro Bold' });