$(document).ready(function() {

		VerticalScroller.Initialize();
		HorizontalScroller.Initialize();

        var hide = false;
        $("#topitem, #topitem a").hover(function(){
            if (hide) clearTimeout(hide);
            $("#top_hover").fadeIn();
            $("#favorieten").fadeIn();
        }, function() {
            hide = setTimeout(function() {$("#top_hover").fadeOut("slow");}, 250);
        });
        $("#top_hover").hover(function(){
            if (hide) clearTimeout(hide);
        }, function() {
            hide = setTimeout(function() {$("#top_hover").fadeOut("slow");}, 250);
        });
		
		$('#topitem').click(
			function() {
				var div = "#favorieten"
				$(div).css('display', 'block'); 
			});
		
		$('#favor_bottom').click(
			function() {
				var div = "#favorieten"
				$(div).css('display', 'none'); 
			});


		$(".productAmount").focus(function(event)
		{
			event.target.select();
		});

		$(".productAmount").keyup(function(event)
		{
			
			if (event.which == 13)
			{
				var product = event.target.id.replace('productAmount', '');
				var amount = event.target.value;

				if (Order)
				{
					Order(product, amount);
				}
			}
		});

    });

/////////////////////////////////////////////////////////////////////////////////////////////////////

var VerticalScroller = {};
VerticalScroller.ListSelector = '#carousel_listing';
VerticalScroller.ScrollWidgetSelector = "#carousel_bg_bottom";
VerticalScroller.Slots = 3;
VerticalScroller.Timeout = 5000;
VerticalScroller.Duration = 1250;
VerticalScroller.CurrentIndex = 0;
VerticalScroller.Paused = false;
VerticalScroller.Animating = false;

VerticalScroller.Initialize = function()
{
	var list = $(VerticalScroller.ListSelector);

	if (list.length == 1)
	{
		var items = list.children();

		if (items.length > VerticalScroller.Slots)
		{
			for (i = 0; i < VerticalScroller.Slots; i++)
			{
				items.eq( i ).clone().appendTo(list);
			}

			var lastIndex = MedittaTemplate.GetCookie("Meditta.Template.VerticalScroller");
			lastIndex = lastIndex == "" ? 0 : lastIndex;
			if (lastIndex > 0)
			{
				VerticalScroller.CurrentIndex = lastIndex;
				var topCss = "-" + (lastIndex * 160) + "px";
				list.css("top", topCss);
			}

			window.setTimeout("VerticalScroller.AutoScroll();", VerticalScroller.Timeout);
		}

		list.hover(function() {VerticalScroller.Paused = true;}, function() {VerticalScroller.Paused = false;});	
		$(VerticalScroller.ScrollWidgetSelector).hover(function() {VerticalScroller.Paused = true;}, function() {VerticalScroller.Paused = false;});	
	}
}

VerticalScroller.AutoScroll = function()
{
	if (!VerticalScroller.Paused)
	{
		VerticalScroller.Scroll();
	}

	window.setTimeout("VerticalScroller.AutoScroll();", VerticalScroller.Timeout);
}

VerticalScroller.Scroll = function(faster)
{	
	if (VerticalScroller.Animating)
	{
		return;
	}

	if (VerticalScroller.CurrentIndex >= ($(VerticalScroller.ListSelector).children().length - VerticalScroller.Slots) )
	{
		$(VerticalScroller.ListSelector).css("top", "0px");
		VerticalScroller.CurrentIndex = 0;
	}

	VerticalScroller.CurrentIndex++;
	MedittaTemplate.SetCookie("Meditta.Template.VerticalScroller", VerticalScroller.CurrentIndex, 1);

	VerticalScroller.Animating = true;
	$(VerticalScroller.ListSelector).animate(
	{
		top: '-=160px'
	}, faster ? 500 : VerticalScroller.Duration, function() 
		{
			VerticalScroller.Animating = false;
		}
	);
	
}

/////////////////////////////////////////////////////////////////////////////////////////////////////


var HorizontalScroller = {};
HorizontalScroller.ListSelector = '#webshop_carousel_listing2';
HorizontalScroller.ScrollWidgetSelector = "#carousel_bg_bottom2";
HorizontalScroller.Slots = 3;
HorizontalScroller.Timeout = 3000;
HorizontalScroller.Duration = 1000;
HorizontalScroller.CurrentIndex = 0;
HorizontalScroller.Paused = false;
HorizontalScroller.Animating = false;

HorizontalScroller.Initialize = function()
{
	var list = $(HorizontalScroller.ListSelector);

	if (list.length == 1)
	{
		var items = list.children();

		if (items.length > HorizontalScroller.Slots)
		{
			for (i = 0; i < HorizontalScroller.Slots; i++)
			{
				items.eq( i ).clone().appendTo(list);
			}

			var lastIndex = MedittaTemplate.GetCookie("Meditta.Template.HorizontalScroller");
			lastIndex = lastIndex == "" ? 0 : lastIndex;
			if (lastIndex > 0)
			{
				HorizontalScroller.CurrentIndex = lastIndex;
				var leftCss = "-" + (lastIndex * 225) + "px";
				list.css("left", leftCss);
			}

			window.setTimeout("HorizontalScroller.AutoScroll();", HorizontalScroller.Timeout);
		}

		list.hover(function() {HorizontalScroller.Paused = true;}, function() {HorizontalScroller.Paused = false;});	
		$(HorizontalScroller.ScrollWidgetSelector).hover(function() {HorizontalScroller.Paused = true;}, function() {HorizontalScroller.Paused = false;});	
	}
}

HorizontalScroller.AutoScroll = function()
{
	if (!HorizontalScroller.Paused)
	{
		HorizontalScroller.Scroll();
	}

	window.setTimeout("HorizontalScroller.AutoScroll();", HorizontalScroller.Timeout);
}

HorizontalScroller.Scroll = function(faster)
{	
	if (HorizontalScroller.Animating || $(HorizontalScroller.ListSelector).children().length <= HorizontalScroller.Slots)
	{
		return;
	}

	if (HorizontalScroller.CurrentIndex >= ($(HorizontalScroller.ListSelector).children().length - HorizontalScroller.Slots) )
	{
		$(HorizontalScroller.ListSelector).css("left", "0px");
		HorizontalScroller.CurrentIndex = 0;
	}

	HorizontalScroller.CurrentIndex++;
	MedittaTemplate.SetCookie("Meditta.Template.HorizontalScroller", HorizontalScroller.CurrentIndex, 1);

	HorizontalScroller.Animating = true;
	$(HorizontalScroller.ListSelector).animate(
	{
		left: '-=225px'
	}, faster ? 500 : HorizontalScroller.Duration, function() 
		{
			HorizontalScroller.Animating = false;
		}
	);
	
}


/////////////////////////////////////////////////////////////////////////////////////////////////////

MedittaTemplate = {};
MedittaTemplate.SetCookie = function (c_name,value,expiredays)
{
    var exdate=new Date();
    exdate.setDate(exdate.getDate()+expiredays);
    document.cookie=c_name+ "=" +escape(value)+
    ((expiredays==null) ? "" : ";expires="+exdate.toGMTString());
}

MedittaTemplate.GetCookie = function (c_name)
{
    if (document.cookie.length>0)
    {
        c_start=document.cookie.indexOf(c_name + "=");
        if (c_start!=-1)
        {
            c_start=c_start + c_name.length+1;
            c_end=document.cookie.indexOf(";",c_start);
            if (c_end==-1) c_end=document.cookie.length;
            return unescape(document.cookie.substring(c_start,c_end));
        }
    }
    return "";
}
