﻿/** Page load */
$(function () {
	/* Searchbar UX */
	checkDefaultTextForInput($("#top_menu_search_text"), "Voer hier uw zoekopdracht in");
	checkDefaultTextForInput($(".mailstudio_input"), "Uw emailadres");
	
	/* Make sure the menu dropdown doesn't exceed the container width. */
	checkMaxWidthMenu(20);
	
	/* Product list. */
	var $products = $(".prodlist_product");
	
	if ($products.size()) {
		$products.click(function (e) {
			window.location = $(this).find("a:eq(0)").attr("href");
		}).css({"cursor": "pointer"});
	}
	
	/* Homepage */
	initHomepageSliders();
	
	/* Logos */
	$(".logobar_logos").jCarouselLite({
		auto: 1200,
		speed: 900,
		easing: "easeInOutQuad",
		circular: true,
		visible: 8,
		scroll: 1,
		start: 0,
		pause: true
	});
});


/** Functions don't edit */
function checkDefaultTextForInput($el, sDefaultText) {
	if (!$el.size()) { return; }

	$el.focus(function () {
		if ($el.val() == sDefaultText) {
			$el.val("");
		} else {
			$el.select();
		}
	}).blur(function () {
		if ($el.val().length == 0) {
			$el.val(sDefaultText);
		}
	}).trigger("blur").parents("form:first").submit(function () {
		if ($el.val() == sDefaultText) {
			$el.val("");
		}
	});
}

function checkMaxWidthMenu(iExtraOffset) {
	$(".categories_x > li").each(function () {
		// Fix menu if it is wider than the wrapper.
		var $elMenu			= $(this).find(".subMenu, .wideMenu");
		var iExtra = iExtraOffset || 0;
		
		if ($elMenu.size() == 0) {
			return;
		}
		
		var $wrapper			= $("#layout_wrapper");
		var iWrapperEndX		= $wrapper.innerWidth() + $wrapper.offset().left;
		var iWideMenuEndX		= $elMenu.outerWidth() + $elMenu.parent().offset().left;

		if (iWideMenuEndX > iWrapperEndX) {
			// Correct left position of the hover menu.
			$elMenu.css("left", iWrapperEndX - iWideMenuEndX - iExtraOffset);
		}
	});
}

function initHomepageSliders() {
	var $slider = $('#slider');
	if ($slider.size()) {
		$slider.nivoSlider({
			animSpeed:500, 
			pauseTime:6000,
			effect:'fade'
		});
	}
	
	var $slider2 = $('#slider_small');
	if ($slider2.size()) {
		$slider2.nivoSlider({
			animSpeed:500, 
			pauseTime:5000,
			effect:'fade'
		});
	}

	var $subCats = $("#subCategoriesImages");
	if ($subCats.size()) {
		$subCats.find("img").bubbleup({tooltip: false, scale: 128});
	}
}
