
if (typeof(EOMS) == 'undefined') {
	EOMS	= {};
	EOMS.UI	= {};
}

EOMS.UI.Home = function() {
    var init = function() {

        $('body').addClass('dynamic');

        if ($('#casestudies')) {
            initFeature();
        }
    }

    var current_screen = 1;

    var initFeature = function() {

        var panel_size = parseInt($('#panel-width').html());
        var max_screen = parseInt($('#total-screens').html());

        $.get('casestudies.htm', function(data) {
            $('#casestudies .cscont div.item:first').after(data);
            $('#casestudies .cscont').wrapInner('<div id="scrollplane"></div>');
            $('#casestudies .cscont').css('height', $('#scrollplane').css('height'));

            $('#casestudies a.next').click(function(e) {
                e.preventDefault();
                //if (current_screen >= max_screen) return;
                var link = $(e.target);
                var screenNo = current_screen + 1;
                if (current_screen >= max_screen) {
                    screenNo = 1;
                }

                current_screen = screenNo;
                doScroll(panel_size, screenNo);
            });

            $('#casestudies a.prev').click(function(e) {
                e.preventDefault();
                //if (current_screen <= 1) return;
                var link = $(e.target);
                var screenNo = current_screen - 1;
                if (current_screen <= 1) {
                    screenNo = max_screen;
                }

                current_screen = screenNo;
                doScroll(panel_size, screenNo);


            });

        });


    }

    var doScroll = function(panel_size, screenNo) {
        var newLeft = (panel_size * screenNo) - panel_size;

        $('#current-screen').fadeOut('fast', function() {
            $(this).html(screenNo).fadeIn('fast');
        });

        $('#scrollplane').animate({ left: (0 - newLeft) + 'px' }, 500, 'swing');
    }



    return {
        init: init
    }

} ();

jQuery(function($) { EOMS.UI.Home.init(); });