jQuery(document).bind("ready", function() {


    var width = jQuery("#middle .slideshow").width() - 20;
    jQuery("#middle .slideshow .item").attr("style", "width:"+width+"px;")
    jQuery(window).resize(function() {
	var width = jQuery("#middle .slideshow").width() - 20;
	jQuery("#middle .slideshow .item").attr("style", "width:"+width+"px;")

    });



    var scrollable = jQuery(".scrollable").scrollable({
        circular: true
    }).autoscroll({
        interval:4000
    });

    var menu_items = jQuery(".navi a", this).each(function(){
	jQuery(this).bind('mouseover', {api:scrollable.data("scrollable")},
            function(event){
		event.data.api.pause()
            }
	);
	jQuery(this).bind('mouseout', {api:scrollable.data("scrollable")},
            function(event){
		// Users are not going to want this to start scrolling
		if(!event.data.api.clicked){
		    event.data.api.play()
		}
            }
	);

	jQuery(this).bind('click', {api:scrollable.data("scrollable")},
	     function(event){
		 event.data.api.stop()
		 event.data.api.clicked = true;
		 return false;
	     }
        );
    });
});