$(function() {
	$.each($(".sadesslag-list .sadesslag"), function() {
		var sTitle = $("h4:first", this).html();
		$(".more-info .right-col", this).prepend("<h1>" + sTitle + "</h1>");
		var sSortiment = $(".sortiment", this).html();
		$(".more-info .right-col", this).append("<div class=\"sortiment\">" + sSortiment + "</div>");
	});
	$(".sadesslag-list .sadesslag").infoCard({
		launchlinkselector: ".arrow-link"
	});
	
	$.ajax({
  		url: "mail_ajax.html",
  		dataType: "text",
  		success: function(data) {
    		$(".email").html(data);
 		 }
	});
});

(function ($) {
	$.fn.infoCard = function(options) {
		var settings = $.extend({}, $.fn.infoCard.defaults, options);
		var itemsArray = [];
		var currentItem = 0;
		var numberOfItems;
			
		numberOfItems = this.size();
			
		return this.each(function (i) {
			var $this = $(this);
			
			var sTitle = $(settings.itemstitleselector, this).html();
			
			itemsArray.push({
				title: sTitle,
				content: $(settings.cardcontentselector, this).html(),
				sortiment: $(".sortiment", this).html()
			});			
			
			$(settings.launchlinkselector, this).attr("cardindex", i).click(function() {
				$("body").append("<div id=\"card-overlay\"></div>");
				$("#card-overlay").css('opacity', 0.5).click(function() {
					hideCard();
					return false;
				})
				$("body").append("<div id=\"" + settings.cardinfocontainerid + "\"><div id=\"info-cards-viewport\"><div id=\"info-cards\"></div></div></div>");
				$("#" + settings.cardinfocontainerid).css({
					width: settings.width,
					height: settings.height
				});
				$("#info-cards-viewport, #info-cards").css({
					width: settings.width,
					height: settings.height
				});
				$("#info-cards").css({
					width: settings.width * numberOfItems
				});
				centerCard(false);
				$(window).resize(function() {
					centerCard(true);
				});
				$(window).scroll(function() {
					centerCard(true);
				});
				
				$.each(itemsArray, function() {
					$("#info-cards").append("<div class=\"info-card\">" + this.content + "</div>");
				});
				
				showCardWithIndex(i, false);
				
				//Navigation links/arrows
				if (numberOfItems > 0) {
					$("#" + settings.cardinfocontainerid).append("<a id=\"info-card-previous\" href=\"#\"></a><a id=\"info-card-next\" href=\"#\"></a>");
					$("#info-card-previous").css({
						top: (settings.height - $(this).height()) / 2 - 20,
						left: -20
					}).click(function() {
						showPreviousCard(true);
						return false;
					});
					$("#info-card-next").css({
						top: (settings.height - $(this).height()) / 2 - 20,
						right: -20
					}).click(function() {
						showNextCard(true);
						return false;
					});
				}
				//Close button
				$("#" + settings.cardinfocontainerid).append("<a id=\"info-card-close\" href=\"#\"></a>");
				$("#info-card-close").click(function() {
					hideCard();
					return false;
				});
				//Keyboard events
				$("html").bind("keyup", keyboardBrowse);
				return false;
			});
			
			function centerCard(animate) {
				var viewportWidth = $(window).width();
				var viewportHeight = $(window).height();
				var top = $("html").scrollTop() + ((viewportHeight - settings.height) / 2);
				var left = $("html").scrollLeft() + ((viewportWidth - settings.width) / 2);
				if (animate) {
					$("#" + settings.cardinfocontainerid).stop().animate({
						top: top,
						left: left
					}, 500);
				} else {
					$("#" + settings.cardinfocontainerid).css({
            			top: top,
            			left: left
            		});
				}
            	
			};
			
			function hideCard() {
				$("#card-overlay").remove();
				$("#" + settings.cardinfocontainerid).remove();
				$(window).unbind("resize").unbind("scroll");
				$("html").unbind("keyup", keyboardBrowse);
			};
			
			function showPreviousCard(animated) {
				showCardWithIndex((currentItem == 0 ? numberOfItems - 1 : currentItem - 1), animated);
			}
			
			function showNextCard(animated) {
				showCardWithIndex((currentItem == numberOfItems - 1 ? 0 : currentItem + 1), animated);
			}
			
			function showCardWithIndex(cardIndex, animated) {
				currentItem = cardIndex;
				if (animated) {
					$("#info-cards").stop().animate({
						left: - (cardIndex * settings.width)
					}, 500)
				} else {
					$("#info-cards").css("left", - (cardIndex * settings.width));
				}
			};
			
			function keyboardBrowse(e) {
				var code = (e.keyCode ? e.keyCode : e.which);
				if (code == 37)
					showPreviousCard(true);
				else if (code == 39)
					showNextCard(true);
				else if (code == 27)
					hideCard();
			}
			
		});
		
	};
	$.fn.infoCard.defaults = {
		cardcontentselector: ".more-info",
		width: 871,
		height: 467,
		itemstitleselector: "h4",
		launchlinkselector: ".more-info-link",
		cardinfocontainerid: "card-info-container"
	};
})(jQuery);