$(document).ready(
    function() {

		var exitTimer;
		var xPos;
		var yPos;
		var msgBox = $('#messagebox');	

		function updateCart(data){
			$("#varukorg-antal").html(data.amount);
			$("#varukorg-summa").html(data.price);
						
			// show messagebox
			$(document).doMessage("Varukorgen uppdaterades.", 3000, xPos, yPos);	
		}
				
		
		var addToCart = function(event){
			event.preventDefault();
			
			xPos = event.pageX - 125;
			yPos = event.pageY - 60;
						
			var id_str = $(this).attr('href').replace('.html', '');
			var values = id_str.split('/');
			var url = "/varukorg/laggtill/" + values[2] + "?i=" + xPos;
			// add item to cart
			$.getJSON(url, {}, function(data) { updateCart(data) });
		};
		

		$(".varukorg-knapp").click( addToCart );
		
		
		
		
		// messagebox
		jQuery.fn.doMessage = function(msg, timeout, x, y) {

			function exitMessage()
			{
				msgBox.fadeOut("slow");
			}

			// clear time out, set new
			if (timeout != 0)
			{
				clearTimeout( exitTimer );
			    exitTimer = setTimeout(exitMessage, timeout);				
			}

			// set msgBox content
			$('#messagebox-content').html(msg);

			// already showing, animate to new position
			if (msgBox.css('display') != 'none' && x!=0 && y!=0)
			{
				msgBox.animate({
					left: x + 'px',
					top: y + 'px'
				}, 500);
			}
			// hidden, set position en tween in
			else
			{
				if (y != 0 && x != 0)
				{
				    msgBox.css('top', y + 'px' );
				    msgBox.css('left', x + 'px' );					
				}
			    msgBox.fadeIn("slow");
			}
		}
		

		// mouse over
	    var onObjectEnter = function() {
	        $(this).addClass("mouse-over");
	    }

	    var onObjectLeave = function() {
	        $(this).removeClass("mouse-over");
	    }

	    $(".skosnore").bind("mouseenter", onObjectEnter).bind("mouseleave", onObjectLeave);
	    $(".varukorg-item").bind("mouseenter", onObjectEnter).bind("mouseleave", onObjectLeave);
	    $("#box").bind("mouseenter", onObjectEnter).bind("mouseleave", onObjectLeave);
	    $("#lagg-varukorg").bind("mouseenter", onObjectEnter).bind("mouseleave", onObjectLeave);
	
	

		// load cart
		$.getJSON("/varukorg/ladda.html?id="+Math.random(), {}, function(data) {
			$("#varukorg-antal").html(data.amount);
			$("#varukorg-summa").html(data.price);
		});	

	}
);