$(document).ready(function(){


	function loadCart() {
		var data     = { content: '1' };
		var JSONdata = $.toJSON(data);
		$.post('http://www.funcompany.be/ajaxcart/load/', {data: JSONdata}, function(response) {
		   $("#cart_html").attr( 'innerHTML', response.html );
		   $("#cart_price").attr( 'innerHTML', response.price );
		}, 'json');
		return true;
				
	}

	loadCart();


	$("#mycarousel li img").click(function(){

		var largePath = $(this).attr("src");
		var largeAlt = $(this).attr("title");
    	$("#largeImg").attr({ src: largePath, alt: largeAlt });
        return false;
	});
	
	$("input[name='optie']").click(function() {
	   var id      = $("input[name='optie']:checked").val(); 
	   var value   = $("input[name='price" + id + "']").val();
	   var comment = $("input[name='comment" + id + "']").val();
	   $("input[name='price']").val(value);
	   $("#prijs").attr('innerHTML', '€ '+ value + ' *');
	   $("#prijsComment").attr('innerHTML', comment );
	   return true; 
	});
	
	
	$('#cart_empty').click(function() {
		var data     = { clear: '1' };
		var JSONdata = $.toJSON(data);
		var del = confirm('Wilt u alle producten uit de winkelwagen verwijderen ?');
			if (del) {
				$.post('http://www.funcompany.be/ajaxcart/clear/', {data: JSONdata}, function(response) {
				   $("#cart_message").attr( 'innerHTML', response.message );
				   $("#cart_html").attr( 'innerHTML', response.html );
				   $("#cart_price").attr( 'innerHTML', response.price );
				   if (response.alert != "") alert(response.alert);
				}, 'json');

			}
			return true;
	});

	
	$('.cart_remove').live('click', function() {
        // Live handler called.
		
		var data      = { clear: '1', id: this.id };
		var JSONdata  = $.toJSON(data);
				$.post('http://www.funcompany.be/ajaxcart/remove/', {data: JSONdata}, function(response) {
				   $("#cart_message").attr( 'innerHTML', response.message );
				   $("#cart_html").attr( 'innerHTML', response.html );
				   $("#cart_price").attr( 'innerHTML', response.price );
				   if (response.alert != "") alert(response.alert);
				}, 'json');
			return true;

	});
	
	$('#unused_carts').hide();
	$('#used_carts').hide();

	$("#show_unused_carts").click(function () {
      $('#unused_carts').toggle();
	});
	$("#show_used_carts").click(function () {
      $('#used_carts').toggle();
	});

	$('#cartAdd').click(function() {
		if ($("input[name='verkoop']").val() == 1) {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								verkoop:  1	
						   };
		}			   
		else {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								optie:    $("input[name='optie']:checked").val(),
								verkoop:  0
						   };
		}
		var JSONdata = $.toJSON(data);
		
		// Send the request
		$.post('http://www.funcompany.be/ajaxcart/add/', {data: JSONdata}, function(response) {
		   if (response.alert != "") 
		   {
			   $("#cart_message").attr( 'innerHTML', '' );
			   alert(response.alert);
		   }
		   else
		   {
			   $("#cart_message").attr( 'innerHTML', response.message );
			   $("#cart_html").attr( 'innerHTML', response.html );
			   $("#cart_price").attr( 'innerHTML', response.price );
     	   }
		}, 'json');
		return true;
	});
	
	$('#cartAdd1').click(function() {
		
	   var id      = $("input[name='optie']:checked").val(); 
	   var value   = $("input[name='price1']").val();

		$("input[name='price']").val(value);

		if ($("input[name='verkoop']").val() == 1) {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								verkoop:  1	
						   };
		}			   
		else {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								optie:    1,
								verkoop:  0
						   };
		}
		var JSONdata = $.toJSON(data);
		
		// Send the request
		$.post('http://www.funcompany.be/ajaxcart/add/', {data: JSONdata}, function(response) {
		   if (response.alert != "") 
		   {
			   $("#cart_message").attr( 'innerHTML', '' );
			   alert(response.alert);
		   }
		   else
		   {
			   $("#cart_message").attr( 'innerHTML', response.message );
			   $("#cart_html").attr( 'innerHTML', response.html );
			   $("#cart_price").attr( 'innerHTML', response.price );
     	   }
		}, 'json');
		return true;
	});


	$('#cartAdd2').click(function() {
		
	   var id      = $("input[name='optie']:checked").val(); 
	   var value   = $("input[name='price2']").val();

		$("input[name='price']").val(value);

		if ($("input[name='verkoop']").val() == 1) {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								verkoop:  1	
						   };
		}			   
		else {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								optie:    2,
								verkoop:  0
						   };
		}
		var JSONdata = $.toJSON(data);
		
		// Send the request
		$.post('http://www.funcompany.be/ajaxcart/add/', {data: JSONdata}, function(response) {
		   if (response.alert != "") 
		   {
			   $("#cart_message").attr( 'innerHTML', '' );
			   alert(response.alert);
		   }
		   else
		   {
			   $("#cart_message").attr( 'innerHTML', response.message );
			   $("#cart_html").attr( 'innerHTML', response.html );
			   $("#cart_price").attr( 'innerHTML', response.price );
     	   }
		}, 'json');
		return true;
	});
	

	$('#cartAdd3').click(function() {
		
	   var id      = $("input[name='optie']:checked").val(); 
	   var value   = $("input[name='price3']").val();

		$("input[name='price']").val(value);

		if ($("input[name='verkoop']").val() == 1) {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								verkoop:  1	
						   };
		}			   
		else {
			var data     = {
								id:       $("input[name='id']").val(),
								name:     $("input[name='name']").val(),
								price:    $("input[name='price']").val(),
								optie:    3,
								verkoop:  0
						   };
		}
		var JSONdata = $.toJSON(data);
		
		// Send the request
		$.post('http://www.funcompany.be/ajaxcart/add/', {data: JSONdata}, function(response) {
		   if (response.alert != "") 
		   {
			   $("#cart_message").attr( 'innerHTML', '' );
			   alert(response.alert);
		   }
		   else
		   {
			   $("#cart_message").attr( 'innerHTML', response.message );
			   $("#cart_html").attr( 'innerHTML', response.html );
			   $("#cart_price").attr( 'innerHTML', response.price );
     	   }
		}, 'json');
		return true;
	});
	
	
	$("a[rel^='prettyPhoto']").prettyPhoto();
	
/*
		//create bubble popups for each element with class "button"
		$('#productOverviewPage img').CreateBubblePopup();
	
		//set customized mouseover event for each button
		$('#productOverviewPage img').mouseover(function(){
	
			//show the bubble popup with new options
			$(this).ShowBubblePopup({
										innerHtml: 'Take a look to the HTML <br />source of this page to<br />learn how the plugin works!',
										innerHtmlStyle: {
															color: ($(this).attr('id')!='azure' ? '#FFFFFF' : '#333333'), 
															'text-align':'center'
														},										
										themeName: 	$(this).attr('id'),
										themePath: 	'img/bubblepopup-theme'
								  });
		});
*/
	


});