function clearSearchTextBox(textBox) {
	textBox.value = "";
}

function clearTextBox(textBox) {
	if (textBox.defaultValue==textBox.value) {
	textBox.value = "";
	}
}

$(window).resize(function () {
	positionSubmenu();
});


$(document).ready(function () {
	//Watermark for phone
	var naamDefault = $('#txtNaam')[0].defaultValue;
	var nummerDefault = $('#txtNummer')[0].defaultValue;

	$('#txtNaam')[0].value = "";
	$('#txtNummer')[0].value = "";

	$('#txtNaam').watermark('watermark', naamDefault);
	$('#txtNummer').watermark('watermark', nummerDefault);

	//Watermarks for comment
	if ($('#txtCommentName').length > 0) {
		var commentNameDefault = $('#txtCommentName')[0].defaultValue;
		var commentEmailDefault = $('#txtCommentMail')[0].defaultValue;
		var commentMessageDefault = $('#txtCommentMessage')[0].defaultValue;

		$('#txtCommentName')[0].value = "";
		$('#txtCommentMail')[0].value = "";
		$('#txtCommentMessage')[0].value = "";

		$('#txtCommentName').watermark('watermark', commentNameDefault);
		$('#txtCommentMail').watermark('watermark', commentEmailDefault);
		$('#txtCommentMessage').watermark('watermark', commentMessageDefault);
	}

	//BrandBox functions
	var currentItem = 0;

	$('#pnlBrandBoxImages').cycle({ timeout: 4000,
		speed: 500,
		before: nextBrandBoxItem
	});

	function nextBrandBoxItem() {

		$('.brandBoxButton').removeClass('brandBoxButtonMO');
		$('.brandBoxButton')[currentItem].className = 'brandBoxButton brandBoxButtonMO';

		currentItem++;

		if (currentItem > 3) {
			currentItem = 0;
		}
	}

	$('.imgLanguage a').click(function () {
		$('#staticHeader').css('display', 'block');
		$('#brandboxHeader').css('display', 'none');
	});

	$('.brandBoxButton').mouseenter(function () {
		$('#pnlBrandBoxImages').cycle('destroy');

		currentItem = $.inArray($(this)[0], $('.brandBoxButton'));
		$('#pnlBrandBoxImages').cycle({ timeout: 4000,
			speed: 500,
			startingSlide: currentItem,
			before: nextBrandBoxItem
		});

		$('#pnlBrandBoxImages').cycle('pause');
	});

	$('.brandBoxButton').mouseleave(function () {
		$('#pnlBrandBoxImages').cycle('resume');
	});

	//Language selector functions
	$('#btnLanguage').click(function () {
		$flagsContainer = $('#flagsContainer');

		if ($flagsContainer.css('display') == 'block') {
			$flagsContainer.hide();
		}
		else {
			$flagsContainer.show();
		}
	});

	$('#flagsContainer input').click(function () {
		$('#flagsContainer').hide();
		$('#imgLanguage')[0].src = $(this)[0].src;

		$('#hiddenLanguageID')[0].value = $(this)[0].className;

	});

	//CTA functions
	$('.ctaButtonOverlay').mouseenter(function () {
		$(this).next()[0].src = $(this).next()[0].src.replace('GreyScale/', '');
	});

	$('.ctaButtonOverlay').mouseleave(function () {
		$(this).next()[0].src = $(this).next()[0].src.replace('ContentImages/', 'ContentImages/GreyScale/');
	});

	//Menu functions
	$menuItem = $('.menuItemContainer');

	$menuItem.mouseenter(function () {
		$(this).addClass("menuItemContainerMO");
	});

	$menuItem.mouseleave(function () {
		if (!$(this).hasClass("menuItemContainerSelected")) {
			$(this).removeClass("menuItemContainerMO");
		}
	});

	positionSubmenu();

	$subMenuButton = $('.subMenuButton');

	$subMenuButton.mouseenter(function () {
		$(this).addClass("subMenuButtonMO");
	});

	$subMenuButton.mouseleave(function () {
		if (!$(this).hasClass("subMenuButtonSelected")) {
			$(this).removeClass("subMenuButtonMO");
		}
	});

	//Center image functions.

	//verstuur button centreren
	$verstuurButtonWidth = $('#btnVerstuur').width();
	$marginLeft = (($('#cbBelMe').width() - $verstuurButtonWidth) / 2);
	$('.verstuurButton').css('margin-left', $marginLeft + 'px');
	$('#lblVerstuur').show('fast');

	var marginSet = false;

	//werken voor image buttons centreren
	$('.werkenButton').load(function () {

		//$(this).css('margin-top', '-' + ($(this).height() / 2));
		marginSet = true;
	});


	$('.werkenButton').each(function () {
		/*$werkenButton = $(this).find('.werkenButton');
		$buttonWidth = $werkenButton.width();
		$buttonHeight = $werkenButton.height();
		$marginLeft = ($(this).width() - $buttonWidth) / 2;
		$marginTop = ($(this).height() - $buttonHeight) / 2;
		$werkenButton.css('margin-left', $marginLeft + 'px');
		$werkenButton.css('margin-top', $marginTop + 'px');*/
		if (!marginSet) {
			//$(this).css('margin-top', '-' + ($(this).height() / 2));
		}

	});

	//Center paging.
	var pagingWidth = $('#pnlPaging').width();
	var pagingMargin = ((($('#mainLeftContainer').width() - pagingWidth) + 45) / 2);
	$('#pnlPaging').css('margin-left', pagingMargin + 'px');

	//Center ctaTitle.
	$('.ctaTitle').each(function () {
		var ctaWidth = $(this).width();
		var ctaMargin = (($('.ctaButtonContainer').width() - ctaWidth) / 2);

		$(this).css('left', ctaMargin + 'px');
	});
});

//Submenu positioning
function positionSubmenu() {

	$selectedMenuItem = $('.menuItemContainerSelected');

	if ($selectedMenuItem.position() != null) {

		var menuItemCenter = $selectedMenuItem.position().left + ($selectedMenuItem.width() / 2) - 13;

		$subMenu = $('#subMenuContainer');

		var subMenuWidth = $subMenu.width();
		var subMenuHalf = subMenuWidth / 2;

		$subMenu.css('left', (menuItemCenter - subMenuHalf));

		$subMenu.css({ width: subMenuWidth + 'px', position: 'relative' });
	}
}