jQuery.noConflict();

var firstTimeSlide = true;
var slideTimeOut = 10000;
var slideSpeed = 1500;

jQuery(window).load( function() {
	
	/*
		Cycle sfeer images
	 */
	jQuery("#afbeelding_vervolg").cycle({ // Alleen op index
		
		fx:	"scrollHorz",
		speed: slideSpeed,
		timeout: slideTimeOut,
		pager:  '#pagerWrapperContent div.pager',
		manualTrump: false, 
		width: 990,
		height: 195,
		fit: 1,		
		before: function(currSlideElement, nextSlideElement){ onBeginSlide(currSlideElement, nextSlideElement)
		},
		after: function(currSlideElement, nextSlideElement){ onCompleteSlide(currSlideElement, nextSlideElement)
		}
	});
		
	function onBeginSlide(currSlideElement, nextSlideElement) {

		var currBannerId = currSlideElement.className;
		
		jQuery("div.activeItem").stop();
		jQuery("div.activeItem").css('width', 0);
		
		if (!firstTimeSlide) {
			if (jQuery('#sfeertekst' + currBannerId) != null) {
				jQuery('#sfeertekst' + currBannerId).fadeOut(250);
			}		
		}
	}
	
	function onCompleteSlide(currSlideElement, nextSlideElement) {

		var nextBannerId = nextSlideElement.className;

		if (jQuery('#sfeertekst' + nextBannerId) != null) {
			jQuery('#sfeertekst' + nextBannerId).fadeIn(1000);
		}
		
		if (!firstTimeSlide) {
			positionActiveSfeerItem();
		} else {
			firstTimeSlide = false;
		}		
	}
	
	jQuery.fn.getIndex = function(){

		var jQueryp=jQuery(this).parent().children();

		return jQueryp.index(this);

	}

	
	function positionActiveSfeerItem() {

		if (jQuery("a.activeSlide").length != 0) {

			var pagerWidth = jQuery(".pager").width(); //get pager width
			var number = jQuery("a.activeSlide").getIndex(); //get the active number
			number = parseInt(number);
			var leftPos = 0;
			
			if ( number > 0) {
				leftPos = number * 19;
			}
			
			jQuery("div.activeItem").css("left", leftPos);
			
			jQuery("div.activeItem").animate({
				width: 15
			}, slideTimeOut - slideSpeed, function() {
			});
		
		}
	}
	
	positionActiveSfeerItem();
	
	
	
	/*
		Layout oplossingen
	*/

	jQuery("#topbar li").first().css("border", "none");
	jQuery("#partners li").first().css("padding-left", "0px");

	var totalwidth = jQuery("#header").innerWidth();
	var totalTopBar = jQuery("#topmenu").innerWidth() + jQuery("#zoeken").innerWidth() + 4;
	jQuery("#topbar").css("width", totalTopBar);
	jQuery("#topbar").css("margin-left", totalwidth - totalTopBar -45 + "px" );
	
	/*
		Menu nummeren
	*/
	
	var menus = jQuery("#menu ul > li");

	for (var i = 0; i < menus.length; i++)
	{
		jQuery(menus[i]).addClass('item'+(i+1));
	}

	/*
	 	Meer: vult menu uit
	*/
	var menuWidth =jQuery("#menu").innerWidth();
	var cmsmenuWidth =jQuery("#cmsmenu").innerWidth();
	jQuery("#menu_meer").css("width", (menuWidth - cmsmenuWidth) - 17);
	
	/*
		Uitklapbaar hoofdmenu
	*/		
	var submenuHeight = 150;
	var heights = new Array();
	
	jQuery(".submenu").each( function() {
		heights[jQuery(this).attr("id")] = jQuery(this).innerHeight();
	})
	
	jQuery('div.submenu').height(0);
	
	jQuery("#menu li a").hover( function() {
		jQuery("#menu li a.actief").trigger("mouseleave");
		
		var item = jQuery(this);
		var itemclass = item.attr("class");
		
		itemclass = itemclass.split(" ")[0];
		submenuHeight = heights[itemclass];
		
		if ( !jQuery(this).hasClass("actief") ) {
			jQuery('div.'+itemclass)
			.stop()
			.animate({height: submenuHeight}, '4000', function() {
				jQuery('div.'+itemclass).css('height',submenuHeight + 'px');
				jQuery('div.submenu_inhoud').children().each( function(){
					jQuery(this).css('height',submenuHeight-64 + 'px');
				})
			});
			item.addClass("actief");
		}	
	}, function() {
		var item = jQuery(this);
		var itemclass = item.attr("class");
		itemclass = itemclass.replace("actief", "");
		jQuery('body').bind('mouseover', function(e) {
			if(jQuery(e.target).closest('div.'+itemclass).length != 1 && jQuery(e.target).closest(item).length != 1) {
				jQuery('body').unbind('mouseover');
				jQuery('div.'+itemclass)
				.stop()
				.animate({height: 0}, '4000');	
				item.removeClass("actief");		
			}
		});	
	});
	
	/*
		Zoeken
	*/
	
	if( jQuery("#zoeken input").first().focus(
		function()
		{
			if( jQuery("#zoeken input").first().val() == "ZOEKEN" )
			{
				jQuery("#zoeken input").first().attr("value", "");
			}
		}
	));
	
	if( jQuery("#zoeken input").first().blur(
		function()
		{
			if( jQuery("#zoeken input").first().val() == "" || jQuery("#zoeken input").first().val() == " ")
			{
				jQuery("#zoeken input").first().attr("value", "ZOEKEN");
			}
		}
	));
	
	/*
		Uitschuifbaar footer menu
	*/

	jQuery("#footer_inhoud h1").click(
		function()
		{
			if ( jQuery("#footer_boven").is(":hidden") )
			{
				jQuery("#footer_inhoud h1").addClass("actief");
				jQuery("#footer_inhoud h1").removeClass("inactief");
				jQuery("#footer_boven").slideDown(500);
			}
			else
			{
				jQuery("#footer_inhoud h1").removeClass("actief");
				jQuery("#footer_inhoud h1").addClass("inactief");
				
				jQuery("#footer_boven").slideUp(500, function() {
					jQuery("#footer_inhoud h1").removeClass("inactief");						
				});
			}
		}
	);

	//jQuery(document).pngFix();
});