$(document).ready(function(){

	/**
	 * Deze functie geeft de rat onderdelen zijn functionaliteit
	 */
	function makeRatPartsFunctional() {

		$('.rat-part').click(function () {
	
			if(!$(this).attr("rel") || $(this).attr("rel")=="")
			{
				var part = $(this).attr('part');
				var oldBackground = $(this).css("background");
				
				var currentRat = $('#currentRat option:selected');
				
				var ratName = currentRat.text();
				
				if(ratName.length>7) {
					
					ratName = '<a title="' + ratName + '" href="#">' + ratName.substr(0,7) + ' ...</a>';
					
				}
	
				$(this).css({
					
					"background"	: "url(/interface/rat/confirm/" + part + ".jpg) no-repeat",
					"cursor"		: "auto"
					
				}).attr("rel","form").html('<img src="/interface/rat/price-white.jpg" /><br /><br />Sponsor dit onderdeel van kunstrat <strong>' + ratName + '</strong><br /><input type="submit" id="yes" value="ja" /><input type="submit" id="no" value="nee" />');
		
				// No knop geklikt	
				// Geen actie uitvoeren
				$(this).find("#no").click(function () {
					
					$(this).parent().html("").css({
					
						"background"	: oldBackground,
						"cursor"		: 'pointer'
						
					}).attr("rel","");
			
					return false;		
				});
				
				// Yes knop geklikt
				// Gedeelte op gereserveerd zetten
				$(this).find("#yes").click(function () {
					
					makePartReserved(part,currentRat,$(this).parent(),oldBackground);
					
					return false;
				});
			}
	
		});
	}
	
	/**
	 * Alle rat onderdelen op status checken
	 */
	function checkAllRatParts() {
		$('.rat-part').each(function () {
		
			if($(this).attr("rel")=="reserved")
			{
				/**
				 * Onderdeel is gereserveerd.
				 */
				var part = $(this).attr('part');
				var oldBackground = $(this).css("background");
				
				var currentRat = $('#currentRat option:selected');
			
				makePartReserved(part,currentRat,$(this),oldBackground);
			}
			else if($(this).attr("rel")=="payed")
			{
				$(this).css("cursor","auto");
			}
		
		});
	}
  
 	/**
 	 * Functie voor het op gereserveerd zetten van een rat onderdeel.
 	 */
 	function makePartReserved(part,currentRat,partElement,oldBackground) {
 	
 		var strHtml = '';

 		strHtml += '<img src="/interface/rat/rat.jpg" /><br /><br /><strong>gereserveerd</strong>';
 
 		partElement.attr("rel","reserved").html(strHtml).css({
			"background"	: "url(/interface/rat/reserved/" + part + ".jpg) no-repeat",
			'cursor'		: 'auto'
		});
		
		$.post("/ajax/reserve.php", {
			part	: part,
			rat		: currentRat.val()
		},function (data) {
		
			//if(data=="error-already-reserved")
			//{
				//alert('Dit onderdeel is al door iemand andere gereserveerd');
			//}

			//$('#debug').append(data+'<br />');
		
			// Op selected zetten
			$(this).parent().attr("rel","selected-part");
		
			/**
			 * Checken of persoon eigenaar is of niet
			 */
			if(data=="owner")
			{
				partElement.prepend('<a href="#" class="removeReserved"><img src="/interface/rat/close.jpg" border="0" /></a>');

				$('.removeReserved').click(function () {
							
					$(this).parent().attr("rel","").html("").css({
						'background'	: oldBackground,
						'cursor'		: 'pointer'
					});
					
					$.post("/ajax/remove-reserve.php", {
						part	: part,
						rat		: currentRat.val()
					});
					
					return false;
				});
			}

			
		
		});
		
		return false;		
 	
 	}
 	
 	function isOwnerPart() {
 	
 		
 	}
 
 	var getselectedParts = function () {
 		
 		$('[rel=selected-part]').each(function () {
 		
 			//alert($(this).attr("part"));
 		
 		});
 		 		 	
 	};
 
 	makeRatPartsFunctional();
 	checkAllRatParts();
 	checkSelectedRat();
 	checkAllFullRats();
 	
 	function checkAllFullRats() {
 		
 		$('option[rel=full]').css("background","#676765");
 		
 	}
 	
 	function loadNewRat(ratId) {
 		
 		$('.part-selector').hide('slow',function (){
 		
 			$.post("/ajax/load-rat.php",{rat:ratId},function (data) {
 		
 			
	 			$('.part-selector').html(data).show('slow');
	 			
	 			makeRatPartsFunctional();
	 			checkAllRatParts();
	 		});
 		
 		
 		})
  		
 	}
 	
 	
 	$('.sponsor-full-rat a').click(function () {
 	
 		var ratName = prompt("Welke naam wil je de rat geven?","");
 		
 		if(ratName && ratName.length<13 && ratName!=" " && ratName.length>2) {
 			
 			$('.part-selector').hide('slow',function (){
 			
	 			$.post("/ajax/load-rat.php",{ratname:ratName},function (data) {
	 				//.attr("disabled","disabled")
	 				
	 				if(data!="save-error")
	 				{
			 			$('.part-selector').html(data).show('slow');
			 			
			 			$('#currentRat').append('<option selected value="' + $('#currentRatId').val() + '">' + ratName + '</option>');
			 			
			 			makeRatPartsFunctional();
			 			checkAllRatParts();
			 			
			 			$('#part-text').hide().before("Dank dat je een hele kunstrat wilt sponsoren. Daar zijn we heel blij mee.<br /><br />");
			 		}
			 		else
			 		{
			 			alert('Deze rat naam is al in gebruik');
			 		
			 			$('.part-selector').show('slow');
			 		}
			 			
		 		});
		 		
		 	});
 			
 		}
 		else if(ratName.length < 3) {
 			alert('Rat naam moet mininaal 3 karakters lang zijn.')
 		}
 		else if(!ratName) {
 			//alert('Je hebt geen rat naam ingevuld.');
 		}
 		else if(ratName.length>=13) {
 			alert('De naam mag maar maximaal 13 karakters lang zijn');
 		} 
 		
 		return false;
 	
 	});
 	
 	$('#currentRat').change(function () {
 		loadNewRat($('#currentRat option:selected').val());	
 	});
 	
 	function checkSelectedRat() {
 	
 		if($('#currentRatId').val()!=$('#currentRat option:selected').val())
 		{ 	
 			loadNewRat($('#currentRat option:selected').val());
 		}	
 	}
 	
 
 	
 	$('.removePartFromOrder').click(function () {
 	
 		var rat = $(this).attr("ratId");
 		var part = $(this).attr("part");
 		
 		var clickObject = $(this);
 		
 		if(confirm("Weet je zeker dat je dit onderdeel wilt verwijderen?"))
 		{
 		
	 		$.post("/ajax/remove-reserve.php", {
				part	: part,
				rat		: rat
			},function(data) {
			
				clickObject.parent().hide("slow");
			
			});
			
		}

		return false;
 	
 	});
 	
 	/**
 	 * Bestel formulier gedeelte
 	 */
 	function checkPaymentType() {
 	
 		//alert($('.paymentType[checked]').val());
 	
 		if($('.paymentType[checked]').val()=="incasso")
 		{
 			// Velden wel tonen
 			if($('.incassoField').css("display")=="none")
 			{
 				$('.incassoField').show();
 			}
 		}
 		else
 		{
 			$('.incassoField').hide();
 		}
 	
 	} 
 	
 	$('.paymentType').click(function () {
 	
 		checkPaymentType();
 	
 	});
 	
 	checkPaymentType();
 
});