$(document).ready(function () {
	$("#content").prepend(container);
	updateShoppingCardIfExists();
	showBanner();
});


function addToCard(product,iAmount) {
	if (!iAmount) {
		iAmount = 1;
	}
	var url="/index.php"
	url=url+"?op=addToCard"
	url=url+"&prod="+product
	url=url+"&count="+iAmount
	url=url+"&sid="+Math.random();

	$.ajax({
		url: url,
		type: "GET",
		success: replyaddToCard
	});
}

function replyaddToCard() {
	if ($('#shopping_card_block').length == 0) {
		window.location.href="/index.php?op=viewCard";
	} else {
		confirm("Verder winkelen?", function () {
			window.location.href = '/index.php?op=viewCard';
		});
		updateShoppingCardBlock();
	}
}

function updateShoppingCardIfExists() {
	if ($('#shopping_card_block').length > 0 && $('#shoppingCardForm').length == 0) {
		updateShoppingCardBlock();
	}
}

function updateShoppingCardBlock() {
	$.get('/index.php', { op: 'viewCardBlock'}, function(data) {
		$('#shopping_card_block').html(data);
	});
}

function postAddToCardForm() {
	var oForm = $('#product');
	var data = oForm.serialize();
	var url= oForm.attr('action');

	$.ajax({
		url: url,
		data: data,
		type: "GET",
		success: replyaddToCardForm
	});

	return false;
}


function replyaddToCardForm() {
	updateShoppingCardIfExists();
	var message = Language['DIALOG_PRODUCT_ADDED'];
	confirm(message, function () {
		window.location.href = '/index.php?op=viewCard';
	});
}



function showBanner() {
	if ($('.banner') == undefined || $('.banner')==null) return false
	var aBanners = $('.banner');
	for (i=0;i<aBanners.length;i++) {
		aBannerItems = aBanners[i].getElementsByClassName('banner_item');
		iBannerToShow = Math.ceil(Math.random()*aBannerItems.length);
		aBannerItems[parseInt(iBannerToShow)-1].style.display='block';
	}
}


function isNumberKey(evt) {
	var charCode = (evt.which) ? evt.which : event.keyCode
	if (charCode > 31 && (charCode < 48 || charCode > 57))
		return false;

	return true;
}

function changeImage(sImage) {
	if (sImage=="") { return; }
	sPicDir = document.getElementById('pic_dir').value;
	document.getElementById('img_small').src= sPicDir+'thumb_'+sImage;
	document.getElementById('img_big').href= sPicDir+sImage;
}


var container = '<div id="besteldialog">';
container += '<div class="message"></div>';
container += '<div class="buttons">';
container += '<div class="no">' + Language['DIALOG_GOTO_SHOPPINGCART'] + '</div>';
container += '<div class="yes simplemodal-close">' + Language['DIALOG_CONTINUE_SHOPPING'] + '</div>';
container += '</div>';
container += '</div>';

function confirm(message, callback) {
	$('#besteldialog').modal({
		position: ["50%",],
		overlayId: 'confirm-overlay',
		containerId: 'confirm-container', 
		onShow: function (dialog) {
			$('.message', dialog.data[0]).append(message);

			// if the user clicks "yes"
			$('.no', dialog.data[0]).click(function () {
				// call the callback
				if ($.isFunction(callback)) {
					callback.apply();
				}
				// close the dialog
				$.modal.close();
			});
		}
	});
}