$(function() {
		// ajax spinner
		$('<div id="ajax-spinner"></div>')
			.appendTo("body")
			.ajaxStop(function () {
				$(this).hide().css({
					position: "fixed",
					left: "50%",
					top: "50%"
				})
			})
			/*
			.ajaxStart(function (event) {
				$(this).show().css({
					position: "absolute",
					left: event.pageX + 20 + 'px',
					top: event.pageY + 40 + 'px'
				})
			})
			*/
			.hide()
		
		// apply AJAX unobtrusive way
		$("a.ajax").live("click", function(event) {
			//$self = $(this)
			event.preventDefault()
			var rel = this.rel
			
			// show spinner
			$("#cart").html('<img src="images/ajax-loader.gif" alt="nahrávám" />');
			/*$("#ajax-spinner").show().css({
				position: "absolute",
				left: event.pageX + -21,
				top: event.pageY + -21
			})*/

			// request
			$.get(
				this.href,
				null,
				function(data, textStatus) {
          $("#" + rel).hide().html(data)
					//$('#cart').show()
					$('#cart').fadeIn()
				}
			)
		})
		
		// update cart qty on send
		$("a.addCart").click(function(event) {
			event.preventDefault()
			var $input = $(this).parent().parent().find('input.qty');
			var base = $input.attr('name');
			var val = $input.val();
			$(this).attr('href', base + val);
			$input.val('1');
			
			var $qtyAdded = $(this).parent().parent().find('div.qtyAdded');
			$qtyAdded.find('span').html(val);
			$qtyAdded.show().stop().css("opacity",1).fadeOut(5000);
		})
		
		// not important
		// update cart qty visible
		$("input.qty").blur(function(event) {
			var $self = $(this)		// this input
			var val = $self.val()	// value
			var $link = $self.parent().parent().find('a.addCart')  // find link
			$link.attr('href', $self.attr('name') + val)    // set new href
		})
			
		$("a.fancy")
			.fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false });
	})