﻿$(function () {

    var current = 1;

    var iterate = function () {
        var i = parseInt(current + 1);
        var lis = $('#rotmenu').children('li').size();
        if (i > lis) i = 1;
        display($('#rotmenu li:nth-child(' + i + ')'));
    }
    display($('#rotmenu li:first'));
    var slidetime = setInterval(iterate, 10000);

    $('#rotmenu li').bind('click', function (e) {
        clearTimeout(slidetime);
        display($(this));
        e.preventDefault();
    });

    function display(elem) {
        var $this = elem;
        var repeat = false;
        if (current == parseInt($this.index() + 1))
            repeat = true;

        if (!repeat)
            $this.parent().find('li:nth-child(' + current + ') a').stop(true, true).animate({ }, 300, function () {
                $(this).animate({ }, 700);
            });

        current = parseInt($this.index() + 1);

        var elem = $('a', $this);

        elem.stop(true, true).animate({ 'marginRight': '0px', 'opacity': '1.0', 'background': 'url(/images/ui/background_slider_tabs_hover.png)' }, 300);

        var info_elem = elem.next();
        $('#rot1 .heading').animate({ 'left': '-720px' }, 500, 'easeOutCirc', function () {

            $('h1', $(this)).html(info_elem.find('.info_heading').html());
            $(this).animate({ 'left': '0px' }, 400, 'easeInOutQuad');
        });

        $('#rot1 .description').animate({ 'bottom': '-300px' }, 500, 'easeOutCirc', function () {
            $('p', $(this)).html(info_elem.find('.info_description').html());
            $(this).animate({ 'bottom': '0px' }, 400, 'easeInOutQuad');
        })
        $('#rot1').prepend(
                    $('<img/>', {
                        style: 'opacity:0',
                        className: 'bg'
                    }).load(
                    function () {
                        $(this).animate({ 'opacity': '1' }, 600);
                        $('#rot1 img:first').next().animate({ 'opacity': '0' }, 700, function () {
                            $(this).remove();
                        });
                    }
                ).attr('src', '/images/photos/photo_homepage_00' + info_elem.find('.info_image').html()).attr('width', '720').attr('height', '300')
                );
    }
});
