$(function() {
	var $logo			= $('#logo-shark'),
		$mainNav		= $('#mainNav'),
                $mainNavMobile		= $('#mobileNav'),
		marginScroll	= 125,
		
		$workcontent	= $('#workcontent'), 
		
		Shark			= {};
	
	Shark.Home	= (function() {
		
		var init				= function() {
				/*
				bind some events
				*/
				initEventsHandler();
			},
			initEventsHandler	= function() {
				/*
				menu items
				*/
				$mainNav.find('a').bind('click.Home',function() {
					var $el		= $(this),
						$target	= $($el.attr('href'));
						
					$mainNav.children('li').removeClass('current');
					$el.parent().addClass('current');
					
					scrollTo($target, 500);
					
					return false;
				});
				

                                $mainNavMobile.find('a').bind('click.Home',function() {
					var $el		= $(this),
						$target	= $($el.attr('href'));
						
					$mainNavMobile.children('li').removeClass('current');
					$el.parent().addClass('current');
					
					scrollTo($target, 500);
					
					return false;
				});

				/*
				logo
				*/
				$logo.find('a').bind('click.Home',function() {
					var $el		= $(this),
						$target	= $($el.attr('href'));
					
					scrollTo($target, 500);
					return false;
				});
				
				/*
				work items hover effect
				*/
				$('#workcontent > table').find('a').bind('mouseenter.Home',function() {
					var $el		= $(this),
						$descr	= $el.find('.work_item_details');
					
					$('<img src="style/images/portfolio_overlay.png" class="work_item_circle" alt="circle"/>')
					.insertBefore($descr)
					.stop()
					.animate({
						width		: '500px' ,
						height		: '500px' ,
						marginLeft	: '-250px' ,
						marginTop	: '-250px' 
					} , 300, function() {
						$descr.fadeIn('fast');
					});
				}).bind('mouseleave.Home',function() {
					var $el		= $(this),
						$descr	= $el.find('.work_item_details'),
						$bubble	= $el.find('.work_item_circle');
					
					$descr.hide();
					$bubble
					.stop()
					.animate({
						width		: '0px' ,
						height		: '0px' ,
						marginLeft	: '0px' ,
						marginTop	: '0px' 
					} , 300, function() {
						$(this).remove();
					});	
				});	
			},
			scrollTo			= function($target, speed) {
				$('html,body').stop().animate({scrollTop: $target.offset().top - marginScroll }, speed);
			}
			
		return {
			init	: init
		};
	
	})();
	
	Shark.Home.init();
	
});