var	id	=	null;

$(function() {
	
	
	
	$("a.media-expose").click(function() {
		id	=	$(this).attr('data-media');		
	});
			
	if ($("a.media-expose").length > 0) {
		$("a.media-expose").overlay({
			top: 0,
			mask: {
				color: '#FFFFFF',
				opacity: .95
			},
			onBeforeLoad: function(event){
				$('#mediafile-content div.receiver').css('display', 'none');
				$('#mediafile-content div.loading').css('display', 'block');
				
				$('#close').css('opacity', 0);
				
				_LoadImage(id);
			}
		});
	}
	
	$('div.tab-content').css('display', 'none');
	
	$("a[data-tab]").click(function() {
		
		var	tab	=	$(this).attr('data-tab')
		
		$("a[data-tab]").removeClass('active');
		$(this).addClass('active');
		
		$('div.tab-content').css('display', 'none');
		$('#' + tab).css('display', 'block');
		
		return false;
	});
	
	$($("a[data-tab]")[0]).trigger('click');
});


function _LoadImage ( id, next ) {
	
	$.ajax({
		url		:	serverpath + '/index.php?ID=' + nodes_ID + '&action[' + sockets_ID + ']=ajaxMediaFile&mediafiles_ID=' + id + '&norewrite=1',
		success	:	function (html) {
			
			
			if ($.browser.msie) { 
				$('#mediafile-content div.loading').css('display', 'none');				
				$('#mediafile-content .receiver').html(html);
				$('#mediafile-content div.receiver').css({
					
					display	:	'block'
				});
				
				$('#media-close').click(function() {
					
					$('#close').trigger('click');
				});
				
				$('#media-next').click(function() {
					
					for (i = 0; i < $('a.media-expose').length; ++i) {
						
						var	element	=	$('a.media-expose')[i];						
						mid			=	$(element).attr('data-media');
						
						if (mid == id) {
							id	=	$($('a.media-expose')[++i]).attr('data-media');
							_LoadImage(id);
							
							return;
						}
					}
					
					return false;
				});
				
				$('#media-prev').click(function() {
			
					for (i = 0; i < $('a.media-expose').length; ++i) {
						
						var	element	=	$('a.media-expose')[i];						
						mid			=	$(element).attr('data-media');
						
						if (mid == id) {
							_LoadImage(lid);
							
							return;
						}
						
						lid			=	mid;
					}
					
					return false;
				});
					
			}
			else {
				
				$('#mediafile-content div.loading').animate({
					opacity	:	0
				}, function () {
				
					
					$('#mediafile-content div.loading').css('display', 'none');
					$('#mediafile-content .receiver').html(html);
					
					$('#mediafile-content div.receiver').css({
						opacity	:	0,
						display	:	'block'
					});
					
					$('#mediafile-content div.receiver').animate({
						opacity	:	1
					});
					
					
					$('#media-close').click(function() {
						
						$('#close').trigger('click');
					});
					
					$('#media-next').click(function() {
						
						for (i = 0; i < $('a.media-expose').length; ++i) {
							
							var	element	=	$('a.media-expose')[i];						
							mid			=	$(element).attr('data-media');
							
							if (mid == id) {
								id	=	$($('a.media-expose')[++i]).attr('data-media');
								_LoadImage(id);
								
								return;
							}
						}
						
						return false;
					});
					
					$('#media-prev').click(function() {
				
						for (i = 0; i < $('a.media-expose').length; ++i) {
							
							var	element	=	$('a.media-expose')[i];						
							mid			=	$(element).attr('data-media');
							
							if (mid == id) {
								_LoadImage(lid);
								
								return;
							}
							
							lid			=	mid;
						}
						
						return false;
					});
				});
			}
			
			
		}		
	});
}