jQuery.noConflict();

function fixBackgroundImagePosition() {
	if (document.getElementById('afbeelding')) {
		if (jQuery(window).height() < (225 + 551)) {
			if (!jQuery("div#afbeelding").hasClass("afbeeldingFixedTop")) {
				jQuery("div#afbeelding").addClass("afbeeldingFixedTop")
			}
			jQuery("div#afbeelding").removeClass("afbeeldingFixedBottom")
		} else {
			if (!jQuery("div#afbeelding").hasClass("afbeeldingFixedBottom")) {
				jQuery("div#afbeelding").addClass("afbeeldingFixedBottom")
			}
			jQuery("div#afbeelding").removeClass("afbeeldingFixedTop")
		}
	}
}


function startSlider() {
	var telSlider = 0;
	if( jQuery("div#slider_inhoud").length > 0 ) {
		jQuery("div#slider_inhoud").cycle(
				{
					fx : "fade",

					speed : 1000,
					manualTrump : false,
					pager : "div#slider_navigatie",
					before : function() {
						if (telSlider != 0) {
							jQuery("div#slider_beschrijving").fadeOut(800);
						}
						telSlider++;
					},
					after : function() {
						jQuery("div#slider_beschrijving").hide().html(
								jQuery(this).attr("alt")).fadeIn(500);
					}
				});
	}
}

//preload preload loader image.
loadingImg = new Image();
loadingImg.src = "/images/2011/loading.gif";


jQuery(window).ready(function() {
	jQuery("div#slider_inhoud img.loading").each(function() {
		jQuery(this).attr("src", jQuery(this).attr("longdesc"));
	});
	
	jQuery("div#afbeelding img.loading").each(function() {
		jQuery(this).attr("src", jQuery(this).attr("longdesc"));
	});
		
	setColumnHeights();
});



function startCycle() {
	if( jQuery("div#afbeelding").length > 0 ) {
		jQuery("div#afbeelding").cycle(
				{
					fx : "fade"
				});
	}
}


jQuery(window).resize(function() {
	setColumnHeights();
});

function setColumnHeights() {
	var windowHeight = jQuery(window).height();
	var rightHeight = jQuery("div#rechts").height();
	var newHeight = Math.max(windowHeight,jQuery("div#rechts").height());
	newHeight = Math.max(newHeight,jQuery("div#links").height());
	jQuery("div#midden").css("min-height", (newHeight - jQuery("div#topmenu_wrapper").height() - 75) + 'px');
	jQuery("div#rechts").css("min-height", newHeight + 'px');
	jQuery("div#menu").css("min-height", (newHeight - 127) + 'px');
	jQuery("div#menuwrapper").css("min-height", (newHeight - 127) + 'px');
	
	
	if (windowHeight < (rightHeight + jQuery("div.rightfooter").height())) {
		jQuery("div.rightfooter").css("position", "relative");
	} else {
		jQuery("div.rightfooter").css("position", "absolute");
	}
}

jQuery(document).ready(function() {

	fixBackgroundImagePosition();
	
	/*
	 * Vacatures
	 */
	jQuery("div#vacatures h1").click(function(e) {
		e.preventDefault();
		jQuery("div#vacatures h1").removeClass("active");
		jQuery(this).addClass("active");

		if (!jQuery(this).next("div").first().is(":visible")) {
			jQuery("div#vacatures div").slideUp(1000);
			jQuery(this).next("div").first().slideDown(1000, function() {
				//fixHeight();
			});
		}
		//fixHeight();
	});

	
	/*
	 * Slide buttons
	 */
	var defaultWidthButton = jQuery("div#login").css("left");

	jQuery("div#login").hover(function() {
		jQuery(this).stop().animate({
			left : "0px"
		});
	}, function() {
		if (!jQuery(this).find('input').hasClass('has_focus')) {
			jQuery(this).stop().animate({
				left : defaultWidthButton
			}, 500);
		}
	});

	jQuery("div#login input").focus(function() {
		jQuery(this).addClass('has_focus');
	});

	jQuery("div#login input").blur(function() {
		jQuery(this).removeClass('has_focus');
		jQuery("div#login").stop().animate({
			right : defaultWidthButton
		}, 500);
	});

	jQuery("div#zoek input").focus(function() {
		jQuery(this).addClass('has_focus');
	});

	jQuery("div#zoek input").blur(function() {
		jQuery(this).removeClass('has_focus');
		jQuery("div#zoek").stop().animate({
			right : defaultWidthButton
		}, 500);
	});

	jQuery("div#zoek").hover(function() {
		jQuery(this).stop().animate({
			right : "0px"
		});
	}, function() {
		if (!jQuery(this).find('input').hasClass('has_focus')) {
			jQuery(this).stop().animate({
				right : '153px'
			}, 500);
		}
	});

	/*
	 * Sliders
	 */
	
	var sliderImageLoadingDone = false;
	jQuery("div#slider_inhoud img.loading").load(function() {
		jQuery(this).removeClass("loading");		
		if (jQuery("div#slider_inhoud img.loading").length == 0 && !sliderImageLoadingDone) {
			sliderImageLoadingDone = true;
			jQuery("img#loading_gif").hide();
			startSlider();
		}
	});
	
	var cycleImageLoadingDone = false;
	jQuery("div#afbeelding img").load(function() {
		jQuery(this).removeClass("loading");		
		if (jQuery("div#afbeelding img.loading").length == 0 && !cycleImageLoadingDone) {
			
			if (jQuery.browser.webkit) {
				cycleImageLoadingDone = true;
				jQuery("div#afbeelding").fadeIn(500, startCycle);				
			} else {
				jQuery("div#afbeelding").show();
				startCycle();				
			}
		}
	});
	
		
	/*
	 * Nieuws
	 */
	jQuery("div.nieuws_blok").first().addClass("first");

	var nieuwsTellen = 0;

	jQuery("div.nieuws_item").each(function() {
		if (nieuwsTellen == 0) {
			jQuery(this).addClass("first");
			nieuwsTellen++;
		} else {
			nieuwsTellen = 0;
		}
	});

	/*
	 * Links
	 */
	jQuery("table.linktable").last().addClass("last");
	
	
	/*
	 * Vertical align product name in ie7
	 * This seems stupid, but only possibility since the css tag 'display: table-cell' isn't supported
	 * in IE 7
	 */
	if (jQuery.browser.msie && jQuery.browser.version.substr(0,1)==7) {
		jQuery('.producten_hoog .title').each(function() {
			jQuery(this).css('top', '50%').css('margin-top', '-' +  (jQuery(this).height() / 2) + 10 + 'px');
		});
		
		jQuery('.producten_breed .title').each(function() {
			jQuery(this).css('top', '50%').css('margin-top', '-' +  (jQuery(this).height() / 2) + 10 + 'px');
		});
	}
	
	/*
	 * Submenu
	 */
	var breedteSubmenu = 0.0;
	var breedteDivSubmenu = jQuery("div#submenu.centeritems").width();

	jQuery("div#submenu.centeritems li").each(function() {
		breedteSubmenu = parseFloat(jQuery(this)
				.outerWidth())
				+ parseFloat(breedteSubmenu);

		if (breedteSubmenu > breedteDivSubmenu - 120) {
			jQuery(this).next().addClass("first");
			jQuery(this).nextAll().insertAfter(
					jQuery(this).parent()).wrapAll(
					"<ul></ul>");

			breedteSubmenu = 0;
		}
	});
	
	jQuery("div#submenu.centeritems ul").each(function() {
		var ulWidth = 0;
		
		jQuery(this).children("li").each(function(){
			ulWidth = ulWidth + jQuery(this).width();  
		});
		
		breedteSubmenu = (breedteDivSubmenu - ulWidth) / 2;
		jQuery(this).css("marginLeft", breedteSubmenu + 10 + "px")
	
	});

}

);