var outerLayout, middleLayout;

$(function() {
    $('.closebutton').removeClass('hidden');
    if(parent.document != document) {
        $('.closebutton').click(
            function(){
                parent.$.nyroModalRemove();
                return false;
            }
        );
    } else {
        $('.closebutton').click(
            function(){
                window.close();
                return false;
            }
        );
    }

    $('#start').click(
        function(){
            var selected = $('#pageselect').find('option:selected');
            $('#pageselect').val(selected.next().attr('value')).trigger('change');

            return false;
        }
    );

    $('#prev').click(
        function(){
            var selected = $('#pageselect').find('option:selected');
            $('#pageselect').val(selected.prev().attr('value')).trigger('change');

            return false;
        }
    );

    $('#next').click(
        function(){
            var selected = $('#pageselect').find('option:selected');
            $('#pageselect').val(selected.next().attr('value')).trigger('change');

            return false;
        }
    );
    
    $('#pageselect').change(
        function(){
            //alert($(this).val());
            var selected = $(this).find('option:selected');
            var pageToShow = $('#' + selected.val());
            
            $('.page').hide();
            pageToShow.show();
            
            if(selected.is(':first-child')) {
                $('.prevcell').hide();
                $('.startcell').show();
                $(this).find('option:eq(0)').text('Select Specific View...');
            } else {
                $('.startcell').hide();
                $('.prevcell').show();
                $(this).find('option:eq(0)').text($(this).find('option:eq(0)').attr('title'));
            }
            
            if(!selected.is(':first-child') && !selected.is(':last-child')) {
                $('#next').show();
            } else {
                $('#next').hide();
            }
            
            return false;
        }
    );
    
    if ($('.page').length > 1) {
        $('.navigation').show();
        
        var currentPageNum = 0;
        
        $('.page').each(
            function() {
                currentPageNum++;
                var pageTitle = pageTitle = 'Page ' + currentPageNum;
                if ($(this).attr('title') != '') {
                    pageTitle += ': ' + $(this).attr('title');
                }
                var optionHtml = '<option value="' + $(this).attr('id') + '" title="' + pageTitle + '">' + pageTitle + '</option>';
                $('#pageselect').append(optionHtml);
            }
        );
	    
        $('#pageselect').trigger('change');
    }


    outerLayout = $('body').layout({
	   center__paneSelector:	"#slideshow" 
    ,	center__onresize:		"middleLayout.resizeAll"
    ,   center__spacing_open:   0 
    }); 

    middleLayout = $('#slideshow').layout({
	   center__paneSelector:	"#slideshow-ui-layout-center" 
    ,	north__paneSelector:		"#slideshow-ui-layout-north" 
    ,	south__paneSelector:		"#slideshow-ui-layout-south"
    ,   north__size:         "auto"
    ,   south__size:         "auto"
    ,   center__spacing_open:   0 
    ,   north__spacing_open:   0 
    ,   south__spacing_open:   0 
    });
    
});