function setSubItemActive(id) {
	$('#subMenuid_'+id).css('list-style-type', 'disc');
	$('#subMenuid_'+id+' a').css('text-decoration', 'none');
} 

/*function getOptions() {
		var colorValue = $('select[name="option_color"]').val();
		var typeValue = $('select[name="option_type"]').val();
		var sizeValue = $('select[name="option_size"]').val();
		
		var options = '';
		if(colorValue) { options+= colorValue+';'; }
		if(typeValue) { options+= typeValue+';'; }
		if(sizeValue) { options+= sizeValue+';'; }
		
		return options;
}*/

// add item to cart
function addToCart(id,sub_id) {
	

	qty = $('input:text[name=articleQty_' + id + ']').val();
	if(!qty) {qty =1;}

	if(sub_id == 0) {
		var sub_id = false;
	}
	
	var url = URL + "/includes/ajaxCall.php?SID="+SID+"&action=shopCartFunctions&function=addToCart&id="+id+"&sub_id="+sub_id+"";
	$.getJSON(url, function(data) {
		$('#webshop_items').html(data.itemsCount).hide().fadeIn(1500);
		$('#webshop_amount').html(data.totalAmount).hide().fadeIn(1500);
		
		$.fancybox(
		'<div style="width: 100%; height: 100%; background: #4b463b;"><img src="'+URL+'/includes/gui/img/cartApplyed.png" align="left"><h1 style="padding: 5px;">Artikel toegevoegd</h1><p>Het artikel is succesvol toegevoegd aan uw winkelwagentje.</p><span style="float: left;margin: 35px 0px 0px 55px;"><a href="'+URL+'/Webshop/winkelwagen" title="Winkelwagen"><img style="position: absolute; margin: -11px 0px 0px -35px;" src="'+IMGS+'shoppingcart_icon.png" height="32" alt="Bekijk mandje"/>Bekijk winkelwagen</a></span></div>',
		{
        	'autoDimensions'	: false,
			'width'         		: 350,
			'height'        		: 150,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none'
		}
		);
		
		setTimeout ( "$.fancybox.close()", 3000 );			
	});
}

function changeQty(id,sub_id,newQty) {

	if(sub_id == '' || sub_id == 0) {
		var sub_id = 0;
	} else {
		var sub_id = sub_id;
	}
	
	var url = URL + "/includes/ajaxCall.php?SID="+SID+"&action=shopCartFunctions&function=changeQty&id="+id+"&sub_id="+sub_id+"&qty="+newQty+"";

	$.getJSON(url, function(data) {
		var itemRow = $('div[id="cartItem '+id+' '+sub_id+'"]');
		if(data.errors == 0) {

			itemRow.find('input:text[class="webshop_changeQty"]').val(data.newQty);
			itemRow.find('#subTotal').html(data.newSubTotal);
			$('span[id=cartTotalAmount]').html(data.newTotal);
		} else {
			itemRow.find('input:text[class="webshop_changeQty"]').val(data.newQty);
		}
		
	});
}

// remove an item from the cart
function removeFromCart(id,sub_id) {
	
	if(sub_id == '' || sub_id == 0) {
		var sub_id = 0;
	} else {
		var sub_id = sub_id;
	}

	var url = URL + "/includes/ajaxCall.php?SID="+SID+"&action=shopCartFunctions&function=removeFromCart&id="+id+"&sub_id="+sub_id+"";

	$.getJSON(url, function(data) {
		if(data.errors == 0) {
			$('div[id="cartItem '+id+' '+sub_id+'"]').fadeOut('slow');
			
			if(data.newTotal == '0,00') {
				$('#cartItems').find('#cartIsEmpty').css('display', 'block');
				$('#cart').find('#cartTotalAmount').html("0,00");	
				//$('#cart').find('#checkoutButton').css('display','none');
			} else {
				
				$('span[id=cartTotalAmount]').html(data.newTotal);
			}			
		}
	
	});
	
	return false;
}

// empty the cart
function emptyCart() {
	
	var url = URL + "/includes/ajaxCall.php?SID="+SID+"&action=shopCartFunctions&function=emptyCart";

	$.getJSON(url, function(data) {
		if(data.errors == 0) {
			$("#cartItems div[id^='cartItem']").fadeOut(1500);
			$('#cartItems').find('#cartIsEmpty').css('display', 'block');
				
			$('#cart').find('#cartTotalAmount').html("0,00");
			//$('#cart').find('#checkoutButton').css('display','none');
		}
	});
	
	return false;
}

//
function recalculateTotal() {
	var deliveryID = $("select[name=deliveryType] option:selected").attr('value');
	var paymentID = $("select[name=paymentType] option:selected").attr('value');
	
	var url = URL + "/includes/ajaxCall.php?SID="+SID+"&action=shopCartFunctions&function=calculateTotalInclusive&paymentId="+paymentID+"&deliveryId="+deliveryID+"";

	$.getJSON(url, function(data) {

		$('span[id=cartTotal]').html(data.value);
		$('span[id=deliveryCosts]').html(data.delivery);
		$('span[id=paymentCosts]').html(data.payment);	
	});
}


function isInt(x) {
	var y=parseInt(x);
	if (isNaN(y)) return false;
	return x==y && x.toString()==y.toString();
}

//Init
function initWebshop() {
	$('select[name=deliveryType]').change(function(){ recalculateTotal(); });
	$('select[name=paymentType]').change(function(){ recalculateTotal(); });
	
	$('img[class^="webshop_AddToCart"]').click( function() {
		var a_Data = $(this).attr('class').split(' ');
		addToCart(a_Data[1],a_Data[2]);
	});
	
	$('a[class=webshop_emptyCart]').click(function() {
		emptyCart();
	});	
	
	$('div[id^="cartItem "]').each(function() {
		var a_Data = $(this).attr('id').split(' ');

		var item_id = a_Data[1];
		var item_sub_id = a_Data[2];
		/*Change Quantity*/
		var o_qty = $(this).find('input.webshop_changeQty');
		
		o_qty.data('oldVal', o_qty.val());
		o_qty.bind("propertychange keyup input paste", function(event){

			// If value has changed...
			if ($(this).data('oldVal') != $(this).val()) {
				
				// Do action
				if(isInt($(this).val())) {
					// Updated stored value
					$(this).data('oldVal', $(this).val());
					changeQty(item_id,item_sub_id,$(this).val());
				} else if($(this).val().length > 0){
					$(this).val($(this).data('oldVal'));
				}
			}
		});
		/**/
		
		/*Remove from cart*/
		$(this).find('.webshop_removeFromCart').click(function() {
			removeFromCart(item_id,item_sub_id);			
		});
		/**/
	});
	
	/*QrCode*/
	$('.generate_Qr').click(function() {
		$.fancybox.showActivity();
		var article_id = $(this).attr('id').split(' ');
		article_id = article_id[1];		
		var url = URL + "/includes/ajaxCall.php?SID="+SID+"&action=articleQr&article_id="+article_id+"";

		

		$.getJSON(url, function(data) {
			$.fancybox('<div style="width: 260px; height: 100%; background: #4b463b;">'+
						'<h1 style="padding: 5px;">QR Code:</h1>'+
						'<img style="margin: 5px;" src="data:image/png;base64,'+data.image_base64+'"/>'+
						'</div>',{'autoDimensions': 'true'});	
		});

		/*$.ajax({
			type	: "GET",
			cache	: false,
			url		: url,
			success: function(data) {
				$.fancybox('<img src="data:image/png;base64,'+data+'"/>');
			}
		});*/
	})
	
			
}