var currentItem = 1;
var prevItem = 6;
var allowAnimation = true;
var clicked  = false;
$(document).ready(function () {

    $(".home-image").hide();
	$(".home-image.item1").fadeIn(1000);	
	$("#item-1").animate({ bottom: "0px" }, 1000);
    currentItem++;
    $(document).everyTime(4000, function () {
        if (allowAnimation) {
            prevItem = (currentItem - 1);
            if (prevItem == 0)
                prevItem = 6;

            $("#item-" + prevItem).animate({ bottom: "-182px" }, 1000);
            $("#item-" + currentItem).animate({ bottom: "0px" }, 1000);

			if (!clicked)
			{
			var oldImage = $(".home-image.item" + prevItem).attr('src');
			var newImage = $(".home-image.item" + currentItem).attr('src');

			$(".previous-image").css({backgroundImage: "url('" + oldImage + "')"}); // TODO Escape URL
			
			$(".main-image").hide();
			$(".main-image").css({backgroundImage: "url('" + newImage + "')"}); // TODO Escape URL
			$(".main-image").fadeIn(1000);
			}
			//$(".main-image").image(newImage).opacity(0).fadeIn();

            currentItem++;

            if (currentItem > 6)
                currentItem = 1;
				
			clicked = false;
        }
    });

    $(".item").hover(function () {
        allowAnimation = false;
    }, function () { allowAnimation = true; });

    $(".item").click(function () {
        allowAnimation = false;
        var newItem = parseInt($(this).attr('id').replace("item-", ""));

        $(".item").not("#item-" + newItem).animate({ bottom: "-182px" }, 1000); /* close the old one */
        $("#item-" + newItem).animate({ bottom: "0px" }, 1000);
		
			var oldImage = $(".home-image.item" + currentItem).attr('src');
			var newImage = $(".home-image.item" + newItem).attr('src');

			$(".previous-image").css({backgroundImage: "url('" + oldImage + "')"}); // TODO Escape URL
			
			$(".main-image").hide();
			$(".main-image").css({backgroundImage: "url('" + newImage + "')"}); // TODO Escape URL
			$(".main-image").fadeIn(1000);
			
		
        currentItem = newItem;
		prevItem = currentItem;
		
		clicked = true;
    });
});