var startImg = 1;
var maxImg = 5;
var curImg = 1;
$(document).ready(function(){
	$.initPage();
	$("li#home h3 a").click(function () {$.loadPage('home');$(this).blur();return false;});
	$("li#slijterij h3 a").click(function () {$.loadPage('slijterij');$(this).blur();return false;});
	$("li#groothandel h3 a").click(function () {$.loadPage('groothandel');$(this).blur();return false;});
	$("li#verhuur h3 a").click(function () {$.loadPage('verhuur');$(this).blur();return false;});
	$('.pref_banner_link').click(function () {
		$("#plc_banner_" + startImg).fadeOut(1550);
		startImg = startImg - 1;
		if (startImg == 0) startImg = maxImg;
		$("#plc_banner_" + startImg).fadeIn(1500);
		$(this).blur();
	});
	$('.next_banner_link').click(function () {
		$("#plc_banner_" + startImg).fadeOut(1550);
		startImg = startImg + 1;
		if (startImg>maxImg) startImg = 1;
		$("#plc_banner_" + startImg).fadeIn(1500);
		$(this).blur();
	});
	if ($("li#home h3 a").hasClass('selected')) {startImg = 1;}
	if ($("li#slijterij h3 a").hasClass('selected')) {startImg = 2;}
	if ($("li#groothandel h3 a").hasClass('selected')) {startImg = 3;}
	if ($("li#verhuur h3 a").hasClass('selected')) {startImg = 4;}
	$("#plc_banner_" + startImg).fadeIn(1500);
});
jQuery.loadPage = function(pageName) {
	$("#plc_banner_" + startImg).fadeOut(1550);
	$(".main_menu ul li  h3 a.selected").removeClass('selected');
	$("li#" + pageName + " h3 a").addClass('selected');
	$("#submenuWrapper").fadeTo("slow", 0.1,
		function (){
			$("#submenuWrapper").load("includes/menu_" + pageName + ".php?pageid=" + pageName, 
				function (){
					$(this).fadeTo("slow", 1);
				}
			);
		}
	);
	$("#descriptionWrapper").addClass('loading');
	$("#descriptionWrapper").fadeTo("slow", 0.1,
		function (){
			$("#descriptionWrapper").load("includes/pagedescription.php?pageid=" + pageName, 
				function (){
					$(this).removeClass('loading');
					$(this).fadeTo("slow", 1);
				}
			);
		}
	);
	$("#content_target").addClass('loading');
	$("#content_target").fadeTo("slow", 0.1,
		function (){
			$("#content_target").load("includes/content_" + pageName + ".php?pageid=" + pageName, 
				function (){
					$(this).removeClass('loading');
					$(this).fadeTo("slow", 1);
					$.initPage();
				}
			);
		}
	);
	if ($("li#home h3 a").hasClass('selected')) {startImg = 1;}
	if ($("li#slijterij h3 a").hasClass('selected')) {startImg = 2;}
	if ($("li#groothandel h3 a").hasClass('selected')) {startImg = 3;}
	if ($("li#verhuur h3 a").hasClass('selected')) {startImg = 4;}
	$("#plc_banner_" + startImg).fadeIn(1500);
}
jQuery.initPage = function() {
	$(".splittarget_Slijterij ul li a").click(function () {
		var prodId = $(this).attr("id").split('_')[1];
		var tarId = '#prod_' + prodId;
		if($(tarId).hasClass('loaded')) {
			$(tarId).fadeOut('slow');
			$(imgId).innerHTML = '';
			$(imgId).removeClass('loaded');
		} else {
			$('.loaded').fadeOut('slow');
			$('.loaded').innerHTML = '';
			$('.loaded').removeClass('loaded');
			$(tarId).click(function(){
				$('.loaded').fadeOut('slow');
				$('.loaded').innerHTML = '';
				$('.loaded').removeClass('loaded');
			})
			var sImage = $(this).attr("href");
			if (sImage != '') {
				var imgId = '#image_' + prodId;
				$(imgId).replaceWith('<div id="' + imgId + '"><img src="' + sImage + '" /></div>');
			}
			$(tarId).addClass('loaded');
			$(tarId).fadeIn('slow');
		}
		$(this).blur();
		return false;
	});
	$('.menuitem a').click(function () {
		var grpId = $(this).attr("href");
		if (grpId.indexOf('#') > 1) {
			grpId = '#' + grpId.split('#')[1];
		}
		if($(grpId).hasClass('selectedgrp')) {
		} else {
			$('.menuitem a.selected').removeClass('selected');
			$(this).addClass('selected');
			$('.selectedgrp').fadeOut('slow', function() {
				$(this).removeClass('selectedgrp');
				$(grpId).fadeIn('slow');
				$(grpId).removeClass('hiddengrp');
				$(grpId).addClass('selectedgrp');
			});
		}
		$(this).blur();
		return false;
	});
}