$(function(){
	$('#screenshots a').lightBox({
		imageLoading: '/assets/js/lightbox/images/lightbox-ico-loading.gif',
		imageBtnClose: '/assets/js/lightbox/images/lightbox-btn-close.gif',
		imageBtnPrev: '/assets/js/lightbox/images/lightbox-btn-prev.gif',
		imageBtnNext: '/assets/js/lightbox/images/lightbox-btn-next.gif'
	});
	
	var $features = $('#features'),
		$blocks = $features.children('.block'),
		$groups = $features.children('.group'),
		$currentBlock,
		$currentGroup,
		$indicator = $features.children('#indicator'),
		currentBlockOffset,
		currentBlockWidth,
		indicatorLeft,
		blockTimeout,
		canAnimate = true;
	
	function showGroup($block){
		$currentBlock.removeClass('current');
		
		$currentBlock = $block;
		
		$currentBlock.addClass('current');
		
		//console.log( $currentBlock.offset().left );
		//console.log( $features.offset().left );
		
		currentBlockOffset = $currentBlock.offset().left - $features.offset().left;
		currentBlockWidth = $currentBlock.width();
		indicatorLeft = currentBlockOffset + (currentBlockWidth / 2);
		
		$indicator.stop().animate({
			marginLeft: indicatorLeft + 'px'
		}, 300, function(){
			$groups.filter(':visible').hide();
			
			$currentBlock.each(function(){
				$currentGroup = $groups.filter('#' + $(this).attr('href').replace('#', ''));
				$currentGroup.show();
				canAnimate = true;
			});
		});
	}
	
	setTimeout(function(){
		if($blocks.filter('.current').length == 0){
			$blocks.filter(':last').addClass('current');
		}
		
		$currentBlock = $blocks.filter('.current');
		
		$blocks.show();
		
		
		$indicator.show();
		showGroup($currentBlock);
	}, 500);
	
	$blocks.mouseenter(function(){
		var $obj = $(this);
		canAnimate = true;
		
		blockTimeout = setTimeout(function(){
			if(canAnimate === true){
				showGroup($obj);
			}
		}, 350);
		
	}).mouseleave(function(){
		clearTimeout(blockTimeout);
		canAnimate = false;
	}).click(function(){
		return false;
	});
	
	
});