Index = {

    init : function() {
        $( "#progressbar" ).progressbar({
                value: 50
        });

        $('div #menu-retraido').click(function() {
            $(this).css({width:'200px'});
            $('#sidebar').css({display:'none'});
            $('div #menu-retraido #content-menu').css({display:'block'});
        }).mouseout(function(){
            //$('#sidebar').css({display:'block'});
            //$('div #menu-retraido #content-menu').css({display:'none'});
            //$(this).css({width:'37px'});
        });

        $('#content-archive').mouseover(function(){
            $('#sidebar').css({display:'block'});
            $('div #menu-retraido #content-menu').css({display:'none'});
            $('div #menu-retraido').css({width:'37px'});
        });

	 $('.slideshow')
             .after('<div id="nav">')
             .cycle({
                 fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
                 speed:    1500, // defines the number of milliseconds it will take to transition from one slide to the next.
                 timeout:  8000, // specifies how many milliseconds will elapse between the start of each transition
                 pause: 1, // so that pauses when user hovers over a slide
                 delay:  5000, // set a delay before 1st slide starts transitioning
                 pager: '#nav' //instructs the plugin to create navigation elements, one for each slide, and add them to the container identified by the value of the pager option.
             });
    }
}

$(document).ready(function() {
    Index.init();
});