// Global jquery script

var active = false;

$(document).ready(function() {
	
	/**************************
		AJAX
	**************************/
	/**************************
		FORM
	**************************/
	/**************************
		ITEMS
	**************************/
	
	$('#content_area').css('overflow-x', 'hidden');
	
	$('#scrol_row #left').click(function () {
		$('#content_area').scrollTo('-=870px', 500, function () {
			leftBtnVisibility();
		});
		// Remove classes
		removeHoverClases();
    });
	$('#scrol_row #right').click(function () {
		$('#content_area').scrollTo('+=870px', 500, function () {
			leftBtnVisibility();
		});
		// Remove classes
		removeHoverClases();
    });
	 
	$('.content_item_top').hover(function () {
    	if (active == false)
		{
			var target_item = $(this).attr('projectid');
			var item_position = $(this).position();
			// Remove classes
			removeHoverClases();
			// Add classes
			$(this).addClass('content_item_top_on');
			$('#' + target_item)
				.addClass('item_desc_on')
				.css('left', ( item_position.left + 222 ))
				.css('top', ( item_position.top - 20 - $('#' + target_item).height() ));
		}
    }, function () {
    	//console.log('content_item: off');
    });
	
	$(".content_item_bottom").hover(function () {
    	if (active == false)
		{
			var target_item = $(this).attr('projectid');
			var item_position = $(this).position();
			// Remove classes
			removeHoverClases();
			// Add classes
			$(this).addClass('content_item_bottom_on');
			$('#' + target_item)
				.addClass('item_desc_on')
				.css('left', ( item_position.left + 222 ))
				.css('top', ( item_position.top + 136 ));
		}
    }, function () {
    	//console.log('content_item: off');
    });
	
	$('.content_item').click(function () {
		
		active = true;
		var thisObj = this;
		var target_item = $(this).attr('projectid');
		var item_position = $(this).position();
		var document_width = ( document.width / 2 );
		var move_element = ( item_position.left - ( document_width - 134 ) );
		var prepend = (move_element <= 0) ? '-=' : '+=';
		
		removeHoverClases();
		$(this).blur();
		
		$('#item_desc_long_cont').fadeOut('fast');
		//$('#overlay').fadeIn('fast');
		$('.content_item').addClass('item_faded');
		$(thisObj).removeClass('item_faded');
		$('#content_area').scrollTo( prepend + Math.abs(move_element) + 'px', 500, function () {
			leftBtnVisibility();
			$('#item_desc_long_cont')
			.html('')
			.fadeIn('fast')
			.addClass('loading')
			.load('project.php', 
				  'id='+$(thisObj).attr('projectid'),
				  function(responseText, textStatus, XMLHttpRequest){
				  	$('#item_desc_long_cont').removeClass('loading')
				  });
		});
		$('#' + target_item).css('left', ( item_position.left + 222 ));
		removeHoverClases();
		return false;
		
	});
	
	$('#item_desc_close').live("click", function () {
		
		active = false;
		
		$('#item_desc_long_cont').fadeOut('fast');
		$('.content_item').removeClass('item_faded');
		return false;
		
	});
	
})

function leftBtnVisibility()
{
	if ($('#content_row').offset().left >= 100)
	{
		$('#scrol_row #left').fadeOut('fast');
	} else if ($('#content_row').offset().left < 100)
	{
		$('#scrol_row #left').fadeIn('fast');
	}
}
function removeHoverClases()
{
	$('.item_desc').removeClass('item_desc_on');
	$('.content_item_top').removeClass('content_item_top_on');
	$('.content_item_bottom').removeClass('content_item_bottom_on');
}