// JavaScript Document

$(document).ready(function()
{
//	$('div#Header div#HeaderInfo div.bottomTitle p').html($('div#Header div#HeaderInfo div.bottomTitle p').html().trim());
	
	if (readCookie('disableFlash') == 'true')
	{
		$('body').addClass('disableFlash');
		//$('div#HeaderSlider').remove();
	}
	$('div.flashButton').click(function()
	{
		if ($(this).hasClass('disableFlash'))
		{
			setCookie(true);
		}
		if ($(this).hasClass('enableFlash'))
		{
			setCookie(false);
		}
		window.location.reload();
	});


	// Buttons with icons ------------------------------------------------------------------
	$('div.iconButton').each(function()
	{
		$(this).find('span').appendTo($(this).find('> a'));
	});
	
	// Cufon fonts ------------------------------------------------------------------
	Cufon.now();
	
	Cufon.replace('div#Menu a');
	Cufon.replace('.customFont');
	Cufon.replace('h1')('h2')('h3');
	Cufon.replace('div.LoginUserControl div.customForm_Button a')('div#LogoutUserControl div.customForm_Button a')('div#ForgotPassword div.customForm_Button a')('div#SideLogin div.customForm_Button a')('div.loginContainer div.customForm_Button a');
	Cufon.replace('div.button a');
	
	// Selectbox ------------------------------------------------------------------
	//$('select').selectbox();
	
	// Watermark ------------------------------------------------------------------
	//if ($('div.search input').length > 0)
	//	$('div.search input').watermark('Zoekterm');
		
	//if ($('div#Login input').length > 0)
	//{
	//	$('div#Login input[type=text]').watermark('gebruikersnaam');
	//	$('div#Login input[type=password]').watermark('wachtwoord');
	//}
	
	// Amount change ------------------------------------------------------------------
	$('div.amount div.add').live('click', function()
	{
		var number = $(this).parent().find('input.numberinput');//.find('div.number');
		var amount = parseInt(number.val());
		var change = 1;
		var max = 999;
		
		if ($(this).parent().hasClass('elementsPerPage'))
		{
			change = 3;
			number = $('div.elementsPerPage div.number');
		}
		
		if ($(this).hasClass('plus') && amount < max)
		    number.val(amount += change);
		else if ($(this).hasClass('min') && amount != change)
		    number.val(amount -= change);
		else
			return;
	});
	
	$('input.numberinput').keydown(function(event)
	{
		if (
			event.keyCode >= 48 && event.keyCode <= 57 || /* 0-9 */
			event.keyCode >= 96 && event.keyCode <= 105 || /* Numpad 0-9 */
			event.keyCode >= 37 && event.keyCode <= 40 || /* Up down left right */
			event.keyCode == 8 || /* Backspace */
			event.keyCode == 46 || /* Delete */
			event.keyCode == 116 /* F5 */
			)
		{
		}
		else
		{
			event.preventDefault();
		}
	});
	
	// Product slider ------------------------------------------------------------------
	var slideSpeed = 400;
	var sliding = false;
	var productSlider;
	var productSliderWidth;
	var products;
	var productWidth;
	var productCount;
	var productsWidth;
		
	if ($('div#ProductSlider').length > 0)
	{
		makeVars($('div#ProductSlider'));
		
		products.width(productsWidth);
		
		if (productsWidth > productSliderWidth)
			productSlider.find('div.slideButton.slideRight').addClass('slideActive');
	}
	
	if ($('div#ReferenceSlider').length > 0)
	{
		makeVars($('div#ReferenceSlider'));
	
		products.width(productsWidth);
		
		if (productsWidth > productSliderWidth)
			productSlider.find('div.slideButton.slideRight').addClass('slideActive');
	}
	
	function makeVars(target)
	{
		if (target.attr('id') == 'ProductSlider')
		{
			var sliderContainer = 'products';
			var slider = 'product';
		}
		else if (target.attr('id') == 'ReferenceSlider')
		{
			var sliderContainer = 'references';
			var slider = 'slide';
		}
		
		productSlider = target;
		productSliderWidth = productSlider.width();
		products = productSlider.find('div.' + sliderContainer);
		productWidth = products.find('div.' + slider).width();
		productCount = products.find('div.' + slider).length;
		productsWidth = productWidth * productCount;
	}
	
	$('div.slideButton').click(function()
	{
		if (sliding == true)
			return;
			
		makeVars($(this).parent());
			
		var direction = -1;
		if ($(this).hasClass('slideLeft'))
			direction = 1;
		
		if ($(this).hasClass('slideActive'))
			slideProduct(direction);
		else
			return;
	});
	
	function slideProduct(side)
	{
		var posLeft = products.position().left;
		var maxPos = productsWidth - productSliderWidth;
		var slide = side * productWidth;
		sliding = true;
		
		productSlider.find('div.slideButton').addClass('slideActive');
		
		if (Math.abs(posLeft) == productWidth && side == 1)
		{
			productSlider.find('div.slideLeft').removeClass('slideActive');
		}
		else if (Math.abs(posLeft) >= (maxPos - productWidth) && side == -1)
		{
			productSlider.find('div.slideRight').removeClass('slideActive');
		}
			
		products.animate({left: '+=' + slide}, slideSpeed, function(){sliding = false;})
	}
	
	// Content block height ------------------------------------------------------------------
	resizeBlocks();
	
	function resizeBlocks(clickRow)
	{
		if(!clickRow)
		{
			selectedRow = $('div.columns.resize div.resizeRow');
		}
		else
		{
			selectedRow = $('div.columns.resize div.resizeRow:eq(' + clickRow + ')');		
		}
		
		selectedRow.each(function()
		{
			$(this).find('div.content').removeAttr('style');
			
			var contentBlocks = $(this).find('div.content').length;
			var contentHeight = 0;
			
			for (i = 0; i < contentBlocks; i++)
			{
				if ($(this).find('div.content:eq(' + i + ')').height() > contentHeight) 
					contentHeight = $(this).find('div.content:eq(' + i + ')').height();
			}
			
			$(this).find('div.content').height(contentHeight);
		});
		
		/*if ($('div.dashboard').length > 0)
		{
			var dashboardBlocks = $('div.dashboard').length;
			var dashboardHeight = 0;
			
			for (i = 0; i < dashboardBlocks; i++)
			{
				if ($('div.dashboard:eq(' + i + ')').height() > dashboardHeight)
					dashboardHeight = $('div.dashboard:eq(' + i + ')').height();
			}
			
			$('div.dashboard').height(dashboardHeight);
		}*/
	}
	
	
	// Filter checkbox ------------------------------------------------------------------
	var totalCheckbox = $('input:checkbox').length;
	
	if (totalCheckbox > 0)
		checkBoxes();
	
	function changeCheckbox(element)
	{
		var checked = $('input:checked').length;
		var checkboxInput = element.parent().find('input:checkbox');
		
		if (element.hasClass('selectAll') && checked < totalCheckbox)
		{
			$('input:checkbox').attr('checked','checked');
		}
		else if (element.hasClass('selectAll') && checked == totalCheckbox || element.hasClass('clearFilters'))
		{
			$('input:checkbox').removeAttr('checked');
		}
		else if (checkboxInput.attr('checked') == false)
		{
			checkboxInput.attr('checked','checked');
		}
		else
		{
			checkboxInput.removeAttr('checked');
		}
		
		checkBoxes();
	}
	function checkBoxes()
	{
		$('div.checkbox').removeClass('checked');
		$('input:checked').each(function()
		{
			$(this).parent().find('div.checkbox').addClass('checked');
		});
	}
	
	$('div#Filter label').click(function(event)
	{
		event.preventDefault();
		changeCheckbox($(this));
	});
	$('div#Filter a.clearFilters').click(function(event)
	{
		event.preventDefault();
		changeCheckbox($(this));
	});
	
	$('div.checkbox').not('div.popup div.checkbox').mouseup(function()
	{
		changeCheckbox($(this));
	});
	
	// Tabs ------------------------------------------------------------------
	$('div.tabs div.tab').click(function()
	{
		var index = $(this).index();
		var clickRow = $(this).parents('div.resizeRow').index();
				
		if ($(this).hasClass('active'))
		{
			return;
		}
		else
		{
			$('div.tabs div.tab').removeClass('active');
			$(this).addClass('active');
			
			$('div.tabContent div.tab').removeClass('activeTab');
			$('div.tabContent div.tab:eq(' + index +')').addClass('activeTab');
			
			resizeBlocks(clickRow);
		}
	});
	
	// Shadowbox ------------------------------------------------------------------
	Shadowbox.init(
	{
		troubleElements: ""
	}); 
	
	
//	$('div.product div.image img').click(function()
//	{
//		makeOverlay();
//	});
//	$('div.product div.title').click(function()
//	{
//		makeOverlay();
//	});
	
	function makeOverlay()
	{
		var imageSrc = '../content/images/products/Bosui.png';
		var imageAlt = '';
		var productTitle = 'Heerlijke bosuitjes';
		var productSubTitle = 'Bosuitjes vers van het platteland en dat proef je meteen!'
		var productText = 	'Wist u dat bosuitjes van nature' +
							'<ul>' +
								'<li>ijzer bevat voor een sterk lichaam</li>' +
								'<li>de weerstand versterkt</li>' +
								'<li>het bloed reinigt</li>' +
							'</ul>';
		var productPrice = '2,95';
		var productAmount = '1';
		var addProduct = '#';
		
		var product =	'<div id="Overlay">' +
							'<a href="#" class="close" onclick="Shadowbox.close();">Sluiten</a>' +
							
							'<div class="image">' +
								'<img src="' + imageSrc + '" alt="' + imageAlt + '" style="margin-left: -182px;" />' +
							'</div>' +
							'<div class="productInfo">' +
								'<div class="title customFont">' + productTitle + '</div>' +
								'<div class="info">' +
									'<div class="subTitle customFont">' + productSubTitle + '</div>' +
									productText +
								'</div>' +
								'<div class="clear">&nbsp;</div>' +
								
								'<div class="price">' +
									'&euro; '+ productPrice +
								'</div>' +
								'<div class="orderBlock">' +
									'<div class="amount">' +
										'<div class="number">' + productAmount + '</div>' +
										'<div class="add plus">&nbsp;</div>' +
										'<div class="add min">&nbsp;</div>' +
									'</div>' +
									'<a href="' + addProduct + '" class="cart">&nbsp;</a>' +
								'</div>' +
							'</div>' +
						
							'<div class="bottom">&nbsp;</div>' +
						'</div>';
		
		Shadowbox.open(
		{
			content: product,
			player: 'html',
			height: 400,
			width: 544
		});
	}
	
	
	if($('div#Overlay1 div.image')){
		$('div#Overlay1 div.image img').each(function(){
			
			var image = $(this).attr("src");	
			image = image.replace('/large/', '/xlarge/');
			
			var fillLink = $('div#Overlay1 div.enlarge a').attr("href", image);			
			
			$(this).wrap('<a href="' + image + '" rel="shadowbox" />');
			
		});
	}
	
	if($('div.freetextquestion textarea')){
		$('div.freetextquestion textarea').parent('div.freetextquestion').addClass('textarea');
	}
});



function setCookie(val)
{
	var myDate = new Date();
	myDate.setDate(myDate.getDate()+365);
	
	document.cookie = 'disableFlash=' + val + ';expires=' + myDate + ';path=/;domain=www.kidscomplete.nl';
}
function readCookie(name) 
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}