/*****************************************************************************************************************************************************************/
/*********************************** REGISTER A VIEW ON THIS BUCKET **********************************************************************************************/
/*****************************************************************************************************************************************************************/
function registerBucketView(bucket_id, page_id){
	$.ajax({
		url		: '/assets/ajax/actions.ajax.php'				,
		type 	: 'POST'										,
		data 	: 'action=register_bucket_view&bucket_id=' + encodeURIComponent(bucket_id) + '&page_id=' + encodeURIComponent(page_id) 
	});
}

/*****************************************************************************************************************************************************************/
/*********************************** REGISTER A VIEW ON THIS BUCKET **********************************************************************************************/
/*****************************************************************************************************************************************************************/
function registerItemView(item_id, page_id){
	$.ajax({
		url		: '/assets/ajax/actions.ajax.php'				,
		type 	: 'POST'										,
		data 	: 'action=register_item_view&item_id=' + encodeURIComponent(item_id) + '&page_id=' + encodeURIComponent(page_id)
	});
}

/*****************************************************************************************************************************************************************/
/*********************************** REGISTER A VIEW ON THIS BUCKET **********************************************************************************************/
/*****************************************************************************************************************************************************************/
function registerGettyView(getty_id, page_id){
	$.ajax({
		url		: '/assets/ajax/actions.ajax.php'				,
		type 	: 'POST'										,
		data 	: 'action=register_getty_view&getty_id=' + encodeURIComponent(getty_id) + '&page_id=' + encodeURIComponent(page_id) 
	});
}

/*****************************************************************************************************************************************************************/
/*********************************** REGISTER A VIEW ON THIS BUCKET **********************************************************************************************/
/*****************************************************************************************************************************************************************/
function registerYoutubeView(youtube_id, page_id){
	$.ajax({
		url		: '/assets/ajax/actions.ajax.php'				,
		type 	: 'POST'										,
		data 	: 'action=register_youtube_view&youtube_id=' + encodeURIComponent(youtube_id) + '&page_id=' + encodeURIComponent(page_id)
	});
}

/*****************************************************************************************************************************************************************/
/*********************************** REGISTER A VIEW ON THIS BUCKET **********************************************************************************************/
/*****************************************************************************************************************************************************************/
function registerVideoView(video_id, page_id){
	$.ajax({
		url		: '/assets/ajax/actions.ajax.php'				,
		type 	: 'POST'										,
		data 	: 'action=register_video_view&video_id=' + encodeURIComponent(video_id) + '&page_id=' + encodeURIComponent(page_id)
	});
}

/*****************************************************************************************************************************************************************/
/*********************************** PAGE ELEMENT BEHAVIOUR ******************************************************************************************************/
/*****************************************************************************************************************************************************************/
$().ready(function(){
	
	/***********************************************************************************************************/
	/****************** HIDE THE VIEWER ************************************************************************/
	/***********************************************************************************************************/
	$('#close_article').live('click',function(){
		$('#viewer').hide();
	});
	
	/***********************************************************************************************************/
	/****************** SEARCH ARTICLE LINK BUCKET *************************************************************/
	/***********************************************************************************************************/
	var popup_timeout = '';
	$('.search_title').hover(function(object){
		$('#viewer').hide();
		var html	= $(this).parents('li').children('.data_holder').html();
		var pos 	= $(this).position();
		var item_id = $(this).attr('id').substr(8);
		var page_id = 0;
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= pos.top + $(this).height();
		popup_timeout = setTimeout(function(){
			registerItemView(item_id, page_id); //register item id view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left' 	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		clearTimeout(popup_timeout);
	});

	/***********************************************************************************************************/
	/****************** SEARCH GETTY BUCKET ********************************************************************/
	/***********************************************************************************************************/
	$('.search_getty_image').hover(function(object){
		$('#viewer').hide();
		var html	= $(this).parents('li').children('.data_holder').html();
		var pos 	= $(this).position();
		var item_id = $(this).attr('id').substr(6);
		var page_id = 0;
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= pos.top + $(this).height();
		popup_timeout = setTimeout(function(){
			registerItemView(item_id, page_id); //register item id view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left' 	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		clearTimeout(popup_timeout);
	});
	
	/***********************************************************************************************************/
	/****************** SEARCH YOUTUBE RESULT ******************************************************************/
	/***********************************************************************************************************/
	$('.video_image_search').hover(function(object){
		$('#viewer').hide();
		var html	= $(this).parents('li').children('.data_holder').html();
		var pos 	= $(this).position();
		var video_id = $(this).attr('id').substr(8);
		var page_id = 0;
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= pos.top + $(this).height();
		popup_timeout = setTimeout(function(){
			registerVideoView(video_id, page_id); //register item id view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left' 	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		clearTimeout(popup_timeout);
	});
	
	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER LINK BUCKET *************************************************************/
	/***********************************************************************************************************/
	$('.title').live('click',function(object){
		var bucket_id = $(this).parents('.link_bucket').attr('id').substr(7);
		var item_id = $(this).attr('id').substr(8);
		var page_id = $('body').attr('id').substr(5);
		registerBucketView(bucket_id, page_id); //register bucket view
		registerItemView(item_id, page_id); //register item id view
		var pos 	= $(this).position();
		$('#article').html($(this).parents('li').children('.data_holder').html());
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		$('#viewer').css({
			'top' 	: top + 'px',
			'left' 	: left + 'px'
		}).show();
	});

	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER LOCAL BUCKET ************************************************************/
	/***********************************************************************************************************/
	$('.local_title').live('click',function(object){
		var bucket_id = $(this).parents('.local_bucket').attr('id').substr(7);
		var item_id = $(this).attr('id').substr(9);
		var page_id = $('body').attr('id').substr(5);
		registerBucketView(bucket_id, page_id); //register bucket view
		registerItemView(item_id, page_id); //register item id view
		var pos 	= $(this).position();
		$('#article').html($(this).parents('li').children('.data_holder').html());
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		$('#viewer').css({
			'top' 	: top + 'px',
			'left' 	: left + 'px'
		}).show();
	});
	
	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER TWITTER BUCKET **********************************************************/
	/***********************************************************************************************************/
	$('.twit_title').live('click',function(object){
		var bucket_id = $(this).parents('.twitter_bucket').attr('id').substr(7);
		var page_id = $('body').attr('id').substr(5);
		registerBucketView(bucket_id, page_id); //register bucket view
		var pos 	= $(this).position();
		$('#article').html($(this).parents('li').children('.data_holder').html());
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		$('#viewer').css({
			'top' 	: top + 'px',
			'left' 	: left + 'px'
		}).show();
	});

	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER DIGG BUCKET *************************************************************/
	/***********************************************************************************************************/
	$('.digg_title').live('click',function(object){
		var bucket_id = $(this).parents('.digg_bucket').attr('id').substr(7);
		var page_id = $('body').attr('id').substr(5);
		registerBucketView(bucket_id, page_id); //register bucket view
		var pos 	= $(this).position();
		$('#article').html($(this).parents('li').children('.data_holder').html());
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		$('#viewer').css({
			'top' 	: top + 'px',
			'left' 	: left + 'px'
		}).show();
	});
	
	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER GETTY BUCKET ************************************************************/
	/***********************************************************************************************************/
	$('.getty_image').hover(function(object){
		$('#viewer').hide();
		var bucket_id = $(this).parents('.getty_bucket').attr('id').substr(7);
		var item_id = $(this).attr('id').substr(6);
		var page_id = $('body').attr('id').substr(5);
		var pos 	= $(this).position();
		var html	= $(this).parents('li').children('.data_holder').html();
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		popup_timeout = setTimeout(function(){
			registerBucketView(bucket_id, page_id); //register bucket view
			registerGettyView(item_id, page_id); //register getty view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left' 	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		clearTimeout(popup_timeout);
	});
	
	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER YOUTUBE BUCKET **********************************************************/
	/***********************************************************************************************************/
	$('.youtube_image').hover(function(object){
		$('#viewer').hide();
		var html	= $(this).parents('li').children('.data_holder').html();
		var pos 	= $(this).position();
		var bucket_id = $(this).parents('.youtube_bucket').attr('id').substr(7);
		var youtube_id = $(this).attr('id').substr(8);
		var page_id = $('body').attr('id').substr(5);
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		popup_timeout = setTimeout(function(){
			registerBucketView(bucket_id, page_id); //register bucket view
			registerYoutubeView(youtube_id, page_id); //register youtube id view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left' 	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		clearTimeout(popup_timeout);
	});

	/***********************************************************************************************************/
	/****************** ARTICLE VIEWER VIDEOS BUCKET ***********************************************************/
	/***********************************************************************************************************/
	$('.video_image').hover(function(object){
		$('#viewer').hide();
		var html	= $(this).parents('li').children('.data_holder').html();
		var pos 	= $(this).position();
		var bucket_id = $(this).parents('.video_bucket').attr('id').substr(7);
		var video_id = $(this).attr('id').substr(6);
		var page_id = $('body').attr('id').substr(5);
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		popup_timeout = setTimeout(function(){
			registerBucketView(bucket_id, page_id); //register bucket view
			registerYoutubeView(video_id, page_id); //register youtube id view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left' 	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		clearTimeout(popup_timeout);
	});
	
	/***********************************************************************************************************/
	/****************** ARTICLE PHOTO VIEWER CLICK *************************************************************/
	/***********************************************************************************************************/
	$('.photo_bucket img').click(function(){
		var bucket_id = $(this).attr('id').substr(5);
		var page_id = $('body').attr('id').substr(5);
		registerBucketView(bucket_id, page_id); //register bucket view
		var pos = $(this).position();
		$('#article').html($('#item_id_'+bucket_id).parents('li').children('.data_holder').html());
		var left 	= (pos.left < ($(window).width() / 2)) 	? pos.left + (0.1 * $('#viewer').width()) 	: pos.left + $(this).width() - (1.1 * $('#viewer').width())	;
		var top 	= (pos.top < ($(window).height() / 2)) 	? pos.top - (0.1 * $('#viewer').height()) 	: pos.top - (0.9 * $('#viewer').height())					;
		$('#viewer').css({
			'top' 	: top + 'px',
			'left' 	: left + 'px'
		}).show();
	});
	
	/***********************************************************************************************************/
	/****************** ARTICLE PAGE ARTICLE *******************************************************************/
	/***********************************************************************************************************/
	$('ul#article_related li a.title_article').hover(function(){
		$('#viewer').hide();
		var item_id = $(this).attr('id').substr(8);
		var page_id = 0;
		var pos 	= $(this).position();
		var html	= $(this).parents('li').children('.data_holder').html();
		var left 	= pos.left - $('#viewer').width() - $('#viewer').css('padding-left').substr(0, $('#viewer').css('padding-left').length - 2) - $('#viewer').css('padding-right').substr(0, $('#viewer').css('padding-right').length - 2);
		var top 	= (pos.top < ($(window).height() / 2)) ? pos.top - (0.1 * $('#viewer').height()) : pos.top - (0.9 * $('#viewer').height());
		popup_timeout = setTimeout(function(){
			registerItemView(item_id, page_id); //register item id view
			$('#article').html(html);
			$('#viewer').css({
				'top' 	: top + 'px',
				'left'	: left + 'px'
			}).show();
		}, 500);
	}, function(){
		$('#viewer').hide();
		clearTimeout(popup_timeout);
	});

});