// execute your scripts when DOM is ready. this is a good habit 
jQuery(document).ready(function(){             
    // initialize scrollable  
    $("div.scrollable").scrollable({  
        size: 1,
        // make animation a little slower than the default 
        speed: 400, 
        // when seek starts make items little transparent 
        onBeforeSeek: function() { 
            this.getItems().fadeTo(300, 0.2);         
        }, 
        // when seek ends resume items to full transparency 
        onSeek: function() { 
            this.getItems().fadeTo(300, 1); 
        }
    }).circular().autoscroll({interval: 4000});   

 	// initialize scrollable  
    $("div.reasons").scrollable({  
        size: 1
    }).circular().autoscroll({interval: 5000}); 
    
    $('.reactivity').click(function(){
    	switch($(this).attr('id')){
    		case 'pink':
    			$('body').css('background-color', '#FF2790');
    		break;
    		case 'blue':
    			$('body').css('background-color', '#1C9CDF');
    		break;
    		case 'black':
    			$('body').css('background-color', '#000');
    		break;
    		default:
    			$('body').css('background-color', '#FFF');
    		break;
    	}
    	//return false;
    });
});