window.onload = function() {
	CartSlider.init();
}
var CartSlider = {
	imgNum : 0,
	inAnimation : false, 
	position : 1,
	init : function() {
	
		var maxheight = 101;
		var maxwidth = 100;
		var marginTop = 5;
		var marginLeft = 5;
		var allWidth = 0;
		
		$('#cart_scroller img').each(function() {
			var elem = $(this).get(0);
			var h = elem.offsetHeight;
			var w = elem.offsetWidth;
			var nh = 0;
			var nw = 0;
			
			if(w > h) {
				if(w > maxwidth) nw = maxwidth; else nw = w;
				nh = nw * h / w;
			} else {
				if(h > maxheight) nh = maxheight; else nh = h;
				nw = nh * w / h;
			}
			var mt = (115 - nh)/2;
			var ml = (110 - nw)/2;

			$(this).css('width', nw + 'px');
			$(this).css('height', nh + 'px'); 
			$(this).css('margin-top', mt + 'px');
			$(this).css('margin-left', ml + 'px'); 
			$(this).css('margin-right', ml + 'px'); 
			allWidth += ml*2 + nw;
		
			CartSlider.imgNum++;
		});
		$('#cart_delElement').click(function() {
			CartSlider.deleteFromCart();
		});
		$('#cart_scroller').css('width', allWidth + 'px');
		$('#cart_scroller').css('margin-left', '0px');
		
		var a = $('#cart_scroller').children('a')[0];	
		$('#cart_prodname p').html(a.childNodes[0].alt);
		
		$("#cart_left_arr").click(function() {
			CartSlider.moveCartRight();
		});
		$("#cart_right_arr").click(function() {
			CartSlider.moveCartLeft();
		});
		if(parseInt($('#cart_scroller').css('width')) < 130) $('#cart_right_arr').css('margin-top', '-114px');
			
				
				
	},
	
	moveCartLeft : function() {
		if(!CartSlider.inAnimation) {
			CartSlider.position++;
			CartSlider.inAnimation = true;
			$('#cart_prodname p').animate({
				opacity:0
			},250, 'linear', function() {
				var a = $('#cart_scroller').children('a')[CartSlider.position-1];
				
				$('#cart_prodname p').html(a.childNodes[0].alt);
				$('#cart_prodname p').animate({
					opacity:1
				},250);
			});
			$('#cart_scroller').animate({
				marginLeft : (parseInt($('#cart_scroller').css('margin-left')) - 110) + 'px'
			}, 500, 'linear', function() {
				if($('#cart_scroller').css('margin-left') == '0px') $('#cart_left_arr').css('margin-top', '-114px');
				else $('#cart_left_arr').css('margin-top', '0px');
				if($('#cart_scroller').css('margin-left') == '-' + ((CartSlider.imgNum-1) * 110) + 'px') $('#cart_right_arr').css('margin-top', '-114px');
				else $('#cart_right_arr').css('margin-top', '0px');
				CartSlider.inAnimation = false;
				
			});
		}
	}, 
	
	moveCartRight : function() {
		if(!CartSlider.inAnimation) {
			CartSlider.position--;
			CartSlider.inAnimation = true;
			$('#cart_prodname p').animate({
				opacity:0
			},250, 'linear', function() {
				var a = $('#cart_scroller').children('a')[CartSlider.position-1];
				
				$('#cart_prodname p').html(a.childNodes[0].alt);
				$('#cart_prodname p').animate({
					opacity:1
				},250);
			});
			$('#cart_scroller').animate({
				marginLeft : (parseInt($('#cart_scroller').css('margin-left')) + 110) + 'px'
			}, 500, 'linear', function() {
				if($('#cart_scroller').css('margin-left') == '0px') $('#cart_left_arr').css('margin-top', '-114px');
				else $('#cart_left_arr').css('margin-top', '0px');
				if($('#cart_scroller').css('margin-left') == '-' + ((CartSlider.imgNum-1) * 110) + 'px') $('#cart_right_arr').css('margin-top', '-114px');
				else $('#cart_right_arr').css('margin-top', '0px');
				CartSlider.inAnimation = false;
				
			});
		}
	},
	
	deleteFromCart : function() {
		var a = $('#cart_scroller').children('a')[CartSlider.position-1];
		$.ajax({
			type: "GET",
			url: "/index.php",
			data: "usun=" + a.rel.substr(1) + "&dodaj=0",
			success: function(msg){
				
				
				window.location.reload();
				
			}
		});
	}
}