/**
 * @author simon
 * 
 * Use Module Pattern: http://yuiblog.com/blog/2007/06/12/module-pattern/
 */

var Meta4 = function($) {
	
	// Private methods and properties
	
	// Public methods and properties
	return {
		init : function() {
			$("#case-study-images").jCarouselLite({
				btnNext: ".next",
				btnPrev: ".prev",
				visible: 1,
				easing: 'easeInOutBack',
				speed: 1000
			});
			
			$("#case-study-text").jCarouselLite({
				btnNext: ".next",
				btnPrev: ".prev",
				vertical: true,
				visible: 1,
				easing: 'easeInOutBack',
				speed: 1000
			});
			
			// Initialise drop buttons.
			$('.drop-button').hover( function(event) {
				Meta4.drop_button.current = $(event.currentTarget);
				
				// Clear any timers, let the button know it's being hovered
				clearTimeout(Meta4.drop_button.timer);
				Meta4.drop_button.show();
			}, function(e) {
				// After mouse out, wait, then close
				Meta4.drop_button.timer = setTimeout(Meta4.drop_button.hide, 500);
			});
		},
		
		drop_button : {
			
			current : '',
			
			timer :'',
			
			show : function (element) {
				// Close all open dropbuttons
				$('.drop-button').removeClass('hover');
		
				// Open this drop button
				$(Meta4.drop_button.current).addClass('hover');
			},
			
			hide : function (element) {
				// Fade out and close dropbutton
				$(Meta4.drop_button.current).removeClass('hover');
			}
		}
	}
	
}(jQuery);

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