var panelHeight = 561;
var currentTop = -1683;

$(window).load(function () {
    $('#layer2red').css('background', 'transparent url(images/layer2_red_01.png) no-repeat')
    $('#layer2green').css('background', 'transparent url(images/layer2_green_03.png) no-repeat')
    $('#layer2orange').css('background', 'transparent url(images/layer2_orange_04.png) no-repeat')
    $('#layer2blue').css('background', 'transparent url(images/layer2_blue_05.png) no-repeat')
});

$(document).ready(function() {

//    var preload = new Loader('body', {
//        overlayClass: 'preloader',
//        showProgress: true,
//        showProgressText: true,
//        userCallback: function() {
//            $('#preload_blocker').css('display', 'none');

//            if ($.browser.msie) {
//                if ($.browser.version < 7)
//                    return;
//            }

//            $('#layer2red').css('background', 'transparent url(images/layer2_red_01.png) no-repeat')
//            $('#layer2green').css('background', 'transparent url(images/layer2_green_03.png) no-repeat')
//            $('#layer2orange').css('background', 'transparent url(images/layer2_orange_04.png) no-repeat')
//            $('#layer2blue').css('background', 'transparent url(images/layer2_blue_05.png) no-repeat')
//        }
//    });
    //    preload.Start();

    Cufon.replace('.cufon_me');

    $('#featured_cycle').cycle({
        fx: 'scrollVert',
        timeout: 0,
        next: '#featured_next',
        prev: '#featured_prev',
        easing: 'easeOutExpo'
    });

    $('.thumb_orange a').click(function() {
        var index = $('.thumb_orange a').index(this);
        var images = $('#project_cycle img');
        var showImage = $(images[index]);

        images.css('zIndex', '0');
        showImage.css('zIndex', '1');

        if (images.is(':animated'))
            images.stop(true, true);

        showImage.fadeIn(1000, function() {
            showImage.siblings().css('display', 'none');
        });

        return false;
    });

    $('a.goto').click(function() {
        var newTop = parseInt($(this).attr("top"));
        currentTop = newTop;
        doAnimate(newTop);
        return false;
    });

    $('a.movedown').click(function() {
        if ($(this).hasClass('disabled')) { return false };
        var newTop = parseInt(currentTop - panelHeight);
        currentTop = newTop;
        doAnimate(newTop);
        return false;
    });

    $('a.moveup').click(function() {
        if ($(this).hasClass('disabled')) { return false };
        var newTop = parseInt(currentTop + panelHeight);
        currentTop = newTop;
        doAnimate(newTop);
        return false;
    });

});

function doAnimate(newTop) {
    $('a.movedown').removeClass('disabled');
    $('a.moveup').removeClass('disabled');

    switch (newTop) {
        case 0:
            $('a.moveup').addClass('disabled');
            break;
        case -1683:
            $('a.movedown').addClass('disabled');
            break;
    }

    var newTopString = newTop + 'px';

    $('#layer1, #layertop').stop().animate({ top: newTopString }, { duration: 1500, easing: 'easeInOutBack' });
    $('#layer2').stop().animate({ top: newTopString }, { duration: 1600, easing: 'easeInOutBack' });
    $('#layer3').stop().animate({ top: newTopString }, { duration: 1400, easing: 'easeInOutBack' });
    $('#layer4').stop().animate({ top: newTopString }, { duration: 1450, easing: 'easeInOutBack' });
    $('#layer5').stop().animate({ top: newTopString }, { duration: 1650, easing: 'easeInOutBack' });
}