$(document).ready(function() {
	
	$('#right-bar').draggable();
	
	$('.action').live('hover', function(){
		$_this = $(this).attr('id');
		if($(this).attr('id') == 'logo' || $(this).attr('id') == 'contact'){
			if($(this).attr('id') == 'logo'){ 
				$('#right-bar').draggable( "enable" );
			}else{
				$('#right-bar').draggable( "disable" );
			}
			var new_id = '#' + $_this + '-dialogue';
			$(new_id).removeClass('deactive')
			$('#contact-dialogue').show();
		}else {
			var new_id = '#' + $_this + '-dialogue';		
			$(new_id).toggleClass('deactive');
		}
	});
		
	$('.wrappers').mouseleave(function() {
		var identifier = $(this).attr('id');
		identifier = identifier.split('-').shift();
		var new_id = '#' + identifier + '-dialogue';
		$(new_id).addClass('deactive');
		$('#right-bar').draggable( "enable" );
		return false;
	});
	
	$('#bg').cycle({ 
		fx:     'fade',
		speed:  9000,
		timeout: 5000,
		timeoutFn: calculateTimeout
	});
	
	
	function calculateTimeout() {
		var timeout = 3;
		timeout = timeout * 1000;
		return parseInt(timeout);
    }

});