var animationSettings = 
{
	aktivt : parseInt($.cookie('animprod')),
	targetX : -30,
	targetY : 60	
};


$(document).ready(function()
{
	// Ladda varukorgen
	refreshVarukorgen();

	// Alla köpknappar i en produktruta:
	$('.buybuttonRuta').click(function(event)
	{
		// Stoppa klick på eventuell omslutande ruta
		event.stopImmediatePropagation();
		
		// Om animationen är avstängd, använd länkens HREF istället
		if (animationSettings.aktivt == 0)
			return true;
				
		// Produktens kombinations-ID finns i attributet "rel"
		var kID = $(this).attr('rel');		
		
		// Skicka iväg bilden!
		var imageHolder = $(this).parent().parent().find('#image-holder-'+kID);
		animate(kID, imageHolder);
		
		// Stäng av HREF för länken
		return false;
	});
	
	// Alla köpknappar i listläge
	$('.buybuttonLista').click(function(event)
	{
		// Stoppa klick på eventuell omslutande ruta
		event.stopImmediatePropagation();
		
		// Om animationen är avstängd, använd länkens HREF istället
		if (animationSettings.aktivt == 0)
			return true;
				
		// Produktens kombinations-ID finns i attributet "rel"
		var kID = $(this).attr('rel');		
		
		// Skicka iväg bilden!
		var imageHolder = $(this).parent().parent().find('img.produktbildLista:first');
		if (!imageHolder.length) return true;
		
		animate(kID, imageHolder);
		
		// Stäng av HREF för länken
		return false;
	});
	
	// Om vi är på "visa_produkt"
	$('.visaprodBuyButton').click(function(event)
	{
		// Kolla att det är OK att köpa önskat antal (funktion i js_visaprod.js)
		if (finnsAntaletILager(true) == false)
			return false;
		
		// Stoppa klick på eventuell omslutande ruta
		event.stopImmediatePropagation();
		
		// Om animationen är avstängd, använd länkens HREF istället
		if (animationSettings.aktivt == 0)
			return true;
		
		// Produktens kombinations-ID
		var kID = document.addToBasketForm.valdKombination.value;
		var antal = document.addToBasketForm.antal.value;
		
		// Skicka iväg bilden!
		var imageHolder = $('#currentBild');
		animateBig(kID, imageHolder, antal);
		
		// Stäng av default action för knappen
		return false;
	});
});

function animate(kID, imageHolder)
{
	var cartPos  = $('#varukorgtop').offset();
	var imagePos = imageHolder.offset();
	var absPos = imageHolder.position();

	var kopia = imageHolder.clone().attr('alt','').appendTo(imageHolder.parent());
	
	kopia.css(
	{
		'z-index' : '1000',
		'position' : 'absolute',
		'left' : absPos.left,
		'top' : absPos.top
	});
	
	kopia.animate(
	{
		left: cartPos.left - imagePos.left + animationSettings.targetX ,
		top:  -imagePos.top + animationSettings.targetY
	}, 1500);

	kopia.animate(
	{
		height: 0,
		opacity: 0.0
	}, 640, null, function(foo)
	{
		kopia.remove();
		
		$.ajax(
		{
			url: "varukorg_visa.asp",
			global: false,
			type: "POST",
			data: (
			{
				'action': "nyvara",
				'valdKombination': kID,
				'antal': "1",
				'fromanimate':1
			}),
			dataType: "text",
			success: function()
			{
				refreshVarukorgen(blinkaVarukorg);
			}
		});		
	});
}

function animateBig(kID, imageHolder, antal)
{
	var cartPos  = $('#varukorgtop').offset();
	var imagePos = imageHolder.offset();
	var absPos = imageHolder.position();

	var kopia = imageHolder.clone().empty().appendTo(imageHolder.parent());
	
	kopia.css(
	{
		'z-index' : '1000',
		'position' : 'absolute',
		'left' : absPos.left,
		'top' : absPos.top
	});
	
	kopia.animate(
	{
		left: cartPos.left - imagePos.left + animationSettings.targetX ,
		top:  -imagePos.top + animationSettings.targetY,
		height: 0,
		width: 0
		
	}, 1500, null, function(foo)
	{
		kopia.remove();
		
		$.ajax(
		{
			url: "varukorg_visa.asp",
			global: false,
			type: "POST",
			data: (
			{
				'action': "nyvara",
				'valdKombination': kID,
				'antal': antal,
				'fromanimate':1
			}),
			dataType: "text",
			success: function()
			{
				refreshVarukorgen(blinkaVarukorg);
			}
		});	
	});	
}

function refreshVarukorgen(callback)
{
	$("#varukorgtop").load("ajax_top_varukorg_html.asp", {'rnd' : Math.random()}, callback);
}

var blinkaVarukorg = function()
{
	$("#varukorgtop_text").css('backgroundColor','#95c1ef');
	setTimeout("$('#varukorgtop_text').css('backgroundColor','');",500);
}


/*

emptyCartBold        = "";
varukorg_topsummary1 = "";
varukorg_top_andra   = "";
tocheckout           = "";

function initAnimation(initEmptyCartBold, initVarukorg_topsummary1, initVarukorg_top_andra, initTocheckout)
{

	emptyCartBold        = initEmptyCartBold;
	varukorg_topsummary1 = initVarukorg_topsummary1;
	varukorg_top_andra   = initVarukorg_top_andra;
	tocheckout           = initTocheckout;

	$(function() {
		var zIndexNumber = 1000;
		$('div').each(function() {
			$(this).css('zIndex', zIndexNumber);
			zIndexNumber -= 10;
		});
	});

	$('#varukorgtop').css('zIndex', 1000);
}


function addAnimationGroup(group, targetX, targetY)
{
	var container = $("[id^='group-" + group + "-product-id-']");	

	container.each(function(i) {
				

		setupAnimation($(this), group, targetX, targetY);

	});	
}

function setupAnimation(container, group, targetX, targetY)
{
	var id     = container.attr('id').replace('group-' + group + '-product-id-', '');
	var button = container.find('.buy-button');


	button.click(function(e) {

		e.preventDefault();
		
	image = container.find('.bild');
		txt   = container.find('.txt');
		imageHolder = container.find('#image-holder-' + id);

		animate(id, imageHolder, image, txt, targetX, targetY);

		//http://www.liquids.se/varukorg_visa.asp?action=nyvara&id=5&antal=1
		$.ajax({
			  url: "varukorg_visa.asp",
			  global: false,
			  type: "POST",
			  data: ({
				action: "nyvara",
				id: id,
				antal: "1"
			  }),
			  dataType: "html"
		   }
		)		
	});
}

function animate(id, imageHolder, image, txt, targetX, targetY)
{
	cartPos  = $('#varukorgtop').offset();
	imagePos = image.offset();
/*
	txt.css({
		position: 'absolute',
		top:		'149'
	});
*/
	/*


	image.clone().appendTo(imageHolder);


	image.css('position', 'absolute');
	image.css('z-index', 1000);

	var pos = image.position();
	
	image.css('left', pos.left);
	image.css('top', pos.top);


	image.animate({
		left: cartPos.left - imagePos.left + targetX ,
		top:  -imagePos.top + targetY
	}, 2000);

	image.animate({
		height: 0,
		opacity: 0.0
	}, 1000, null, function(foo) {
	
		updateCartText();

		image.remove();
	});
}



function querySt(str, ji) {

    gy = str.split("&");
    for (i=0;i<gy.length;i++) {
        ft = gy[i].split("=");
        if (ft[0] == ji) {
            return ft[1];
        }
    }
}
*/