﻿$(document).ready(function () {
    lastBlock = $('#slide1');
    maxWidth = 662;
    minWidth = 99;
    speed = 350;
    first = 1

    slide1Closed = $('#slide1 span.upper');
    slide2Closed = $('#slide2 span.upper');
    slide3Closed = $('#slide3 span.upper');
    slide4Closed = $('#slide4 span.upper');

    slide2ClosedPos = slide2Closed.position().left - minWidth;
    slide3ClosedPos = slide3Closed.position().left - minWidth;
    slide4ClosedPos = slide4Closed.position().left - minWidth;

    slide2Closed.animate({ left: slide2ClosedPos }, { duration: speed });
    slide3Closed.delay(100).animate({ left: slide3ClosedPos }, { duration: speed });
    slide4Closed.delay(200).animate({ left: slide4ClosedPos }, { duration: speed });

    $('#slide1').find('span.upper').hide();
    randomnum = Math.ceil(Math.random() * 4);
    firstID = 'slide' + randomnum;

    $("#curtains ul li a.slide").hover(function () {
        if (this != lastBlock) {
            if (!(first == 1 && this.id == 'slide1')) {
                $("a.slide:animated, a.slide span:animated").stop(true, true);
                //$("").stop(true, true);
                $(this).find('span.upper').fadeOut(speed / 2);
                $(this).animate({ width: maxWidth + "px" }, { queue: false, duration: speed });
                $(this).animate({ left: '0' }, { queue: false, duration: speed });
                $(lastBlock).animate({ width: minWidth + "px" }, { queue: false, duration: speed });
                switch ($(lastBlock).attr('id')) {
                    case 'slide1':
                        slide1Closed.attr('z-index', 25).animate({ left: '-175' }, { queue: false, duration: speed });
                        break;
                    case 'slide2':
                        slide2Closed.animate({ left: slide2ClosedPos }, { queue: false, duration: speed });
                        break;
                    case 'slide3':
                        slide3Closed.animate({ left: slide3ClosedPos }, { queue: false, duration: speed });
                        break;
                    case 'slide4':
                        slide4Closed.animate({ left: slide4ClosedPos }, { queue: false, duration: speed });
                        break;
                    default:
                        alert($(lastBlock).id);
                        break;
                }
                $(lastBlock).find('span.upper').fadeIn(speed / 2);
                lastBlock = this;
                first = 0;
            }
        }
    });

});

