var interval;
var theWindow = $(window);
var isAnimating = false;
var slideInterval = 5000;

$(window).load(function () {

	theWindow.resize(function () {

		MoveContentTabs();

	}).trigger("resize");
});

$(document).ready(function () {

    //preload background images
    //BEGIN Italian 4 2 mod (uncomment this line after promo is over)
    // PreloadBackgroundImages();
    // END Italian 4 2 mod

    $('.content-tabs-wrapper').css("height", "100%");
    $('.content-tabs-wrapper').css("width", "100%");

    // BEGIN Italian 4 2 mod (remove this section after promo is over)
    $('.content-tabs-wrapper').css("cursor", "hand");
    $('.content-tabs-wrapper').css("cursor", "pointer");
    // END Italian 4 2 mod

    //set click event for background image
    $('.content-tabs-wrapper').click(function () {

        var landingPage = $('.extended-tab').attr('rel');
        var target = $('.extended-tab').attr('target');

        // BEGIN Italian 4 2 mod (remove this section after promo is over)
        var tabIndex = 0;
        $('.content-tabs ul li a').each(function () {
            if (tabIndex == 0) {
                landingPage = $(this).attr('rel');
                target = $(this).attr('target');                
            }
            tabIndex++;
        });
        // END Italian 4 2 mod
        
        if (landingPage && landingPage.length)
            window.open(landingPage, target);
    });

    //tab click
    $('.content-tabs ul li a').click(function () {

        //indicates second tab click 
        if ($(this).hasClass('extended-tab')) {

            var landingPage = $(this).attr('rel');
            var target = $(this).attr('target');

            if (landingPage.length > 0)
                window.open(landingPage, target);

            return false;
        }

        if (isAnimating)
            return false;

        isAnimating = true;
        clearInterval(interval);

        var $opened = $('.extended-tab');

        var nextImage = $(this).attr('href');
        var $currentImageElement = $('#background-image img');

        var $newImageElement = $currentImageElement.clone().attr('src', nextImage);
        $newImageElement.attr('src', nextImage).css({ "opacity": "1", "z-index": "-1" });

        $("#background-image").append($newImageElement);

        $currentImageElement.addClass('speed');
        $currentImageElement.animate(

									  { opacity: 0 },
									  { duration: 2000,
									      easing: 'easeOutQuint',
									      complete: function () {
									          $(this).remove();
									          $($newImageElement).css("z-index", 1), //.attr("id", "background-image");
										  isAnimating = false;
									          interval = setInterval(AdvanceSlide, slideInterval);
									      }
									  });

        $('.extended-tab').removeClass('extended-tab')
						   .animate(
									{ "left": "0" },
									{ duration: 1500,
									    easing: 'easeOutQuint'
									}
									);

        $(this).addClass('extended-tab')
				.animate(

						 { "left": "542" },
						 { duration: 1500, easing: 'easeOutQuint' }

						);

        //add / remove class to content-tabs-wrapper 
        //that indicates a clickable background image
        CheckLandingPageTab();
        return false;

    });

    //set initial tab placement
    //MoveContentTabs();

});

function CheckLandingPageTab() {

	if ($('.extended-tab').attr('rel').length > 0)
		$('.content-tabs-wrapper').addClass('landing-page-tab');
	else
		$('.content-tabs-wrapper').removeClass('landing-page-tab');
}

function AdvanceSlide()
{
	var extendedTab = $('.extended-tab').parent().next();
		
	if(!extendedTab.length)
		extendedTab = $('.content-tabs ul li:first');

	extendedTab.children("a").trigger('click');
}

function MoveContentTabs() {
	var height = $('.content-tabs').height();
	var contentWindow = $('body').height();

	var top = (contentWindow / 2) - (height / 2);

	if (top < 125)
		top = 125;

	$('.content-tabs').css("top", top);

}

function PreloadBackgroundImages() {

	var images = $('.content-tabs ul li a');
	var imagesLoaded = 0;
	$(images).each(function (index, value) {

		//first image is loaded on master page in $.backstrech(image) 
		//        if (index == 0)
		//            return;

		//        $('<img>').attr({ src: $(this).attr('href') }).load(function () {
		//            loadedImages++;
		//            if (loadedImages == images.length) {

		//                if (!slidesStarted) {
		//                    StartSlides();
		//                    slidesStarted = true;
		//                }
		//            }

		//        });

		var $image = $('<img>').attr({ src: $(this).attr('href') });

		if ($image[0].complete)
			imagesLoaded++;
		else {

			$image.load(function () {

				imagesLoaded++;
				CheckLoadingProgress(imagesLoaded, images.length);

			});

			$image.error(function () {
				imagesLoaded++;
				CheckLoadingProgress(imagesLoaded, images.length);
			});
		}
	});

	CheckLoadingProgress(imagesLoaded, images.length);

}

function CheckLoadingProgress(imagesLoaded, totalImagesToLoad) {

	if (imagesLoaded != totalImagesToLoad)
		return;

	StartSlides();    
}

function StartSlides() {
	
	var tabsIndex = 0;
	$('.content-tabs ul li a').each(function () {

		if (tabsIndex == 0) {
			$(this).addClass('extended-tab')
				.animate({ "left": "542" },
						{ duration: 1000,
							easing: 'easeOutQuint'
						});
		} else {

			$(this).animate({ "left": "0" },
						{ duration: 1000,
							easing: 'easeOutQuint'
						});
		}
		tabsIndex++;
	});

	MoveContentTabs();
	interval = setInterval(AdvanceSlide, slideInterval);
	CheckLandingPageTab();
}