jQuery(document).ready(function() {
 jQuery('#slideshow').cycle({ 
    fx:     'scrollHorz', 
    speed:  'fast', 
    timeout: 0, 
    pager:  '#nav', 
     
    // callback fn that creates a thumbnail to use as pager anchor 
    pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"></a></li>'; 
    } 
});

jQuery('#spinningButton').click(function() {  
    jQuery('#slideshow').cycle(1);  
    return false;  
}); 

jQuery('#slide2button').click(function() {  
    jQuery('#slideshow').cycle(2);  
    return false;  
});

jQuery('#slide3button').click(function() {  
    jQuery('#slideshow').cycle(3);  
    return false;  
});

jQuery("#upper").click(function () {
      jQuery("#draw").slideToggle("slow",function() {
    	jQuery("#upper").css('display','none');
		jQuery("#downer").css('display','block');
  });
    });
	
	jQuery("#downer").click(function () {
      jQuery("#draw").slideToggle("slow",function() {
    	jQuery("#upper").css('display','block');
		jQuery("#downer").css('display','none');
  });
    });
	
	jQuery(".ro").mouseenter(function(){
jQuery(this).animate({"margin-top":"-100px"}, 300);
});

jQuery(".ro").mouseleave(function(){
jQuery(this).animate({"margin-top":"-300px"}, 300);
})

});