//media gallery jquery
var mediaItem = [];
var currentMediaItem = 0;
$(document).ready(function() {
	$('body').append('<div id="mediaFader"></div><!-- media fader --><div id="mediaBackground"><div id="mediaContainer"><div id="mediaClose"></div><!-- media close --><div id="mediaFile"><div id="mediaRight"></div><!-- media right --><div id="mediaImage"><img src=""/></div><!-- media image --></div><!-- media file --><div id="mediaButtons"><div id="mediaNext"><a href="">Next &gt;</a></div><!-- media Next --><div id="mediaBack"><a href="">&lt; Back</a></div><!-- media back --></div><!-- media buttons --></div><!-- media container --></div><!-- media background -->');
	$('#mediaFader').hide();
	$('#mediaBackground').hide();

	function showItem(source,currentNumber) {
		scrolloffsets = getScrollXY();
		scrolloffset = scrolloffsets[1];
		currentMediaItem = currentNumber;
if($.browser.version >= 1.9) {
$('#mediaFader').css('top',scrolloffset+'px');
$('#mediaBackground').css('top',scrolloffset+'px');
}
		$('#mediaFader').fadeIn(500);
		$('#mediaBackground').fadeIn(500);
		$('html').css('overflow','hidden');
		
		source = '.'+source;
		source = source.replace(' last','');
		var mediaImage = $(source+' div.mediaImage span').text();
		var mediaContent = $(source+' div.mediaContent').html();
		var mediaId = $(source+' div.mediaId').text();
		var mediaLink = $(source+' div.mediaLink').text();
		
		if(currentNumber >= mediaItem.length-1) { $('#mediaNext').hide(); } else { $('#mediaNext').show(); }
		if(currentNumber <= 0) { $('#mediaBack').hide(); } else { $('#mediaBack').show(); }
		
		$('#mediaImage img').attr('src','');
		$('#mediaImage img').attr('src',mediaImage);
		
		$('#mediaRight').empty();
		$('#mediaRight').append(mediaContent);
		
		$('#mediaPrint a').click(function() {
			window.open('media-print?id='+mediaId);
			return false;
		});
		
		$('#mediaRight .link a').click(function(){
			window.open(mediaLink);																					
		});
	/*	var viewport = [
		(window.innerWidth || self.innerWidth || (document.documentElement&&document.documentElement.clientWidth) || document.body.clientWidth),
		(window.innerHeight || self.innerHeight || (document.documentElement&&document.documentElement.clientHeight) || document.body.clientHeight)
		];
		var x = viewport[0] - 100;
		var y = viewport[1] - 100;
*/
		
		/*$('#mediaContainer').animate(function() {
			marginTop: '-'+(500+scrolloffset)+'px';																			
		});*/
		/*$('#mediaContainer').css('marginTop','-'+(200)+'px');*/
		return false;
	}
	//setting the link details for each image
	$('.media li').each(function(i){
		mediaItem[i] = $(this).attr('class');
		$(this).click(function(){
			showItem(mediaItem[i],i);			
		});														 
	});
	
	//hide the large view when you click outside or on the close box
	$('#mediaBackground, #mediaClose').click(function(){ 
		$('html').css('overflow','auto');
		$('#mediaFader').fadeOut(500); 
		$('#mediaBackground').fadeOut(500);
		return false;
	});
	
	$('#mediaContainer').click(function(){
		return false;																		
	});

	$('#mediaNext a').click(function() {
		showItem(mediaItem[currentMediaItem+1],currentMediaItem+1);
		return false;
	});
	$('#mediaBack a').click(function() {
		showItem(mediaItem[currentMediaItem-1],currentMediaItem-1);
		return false;
	});


	function getScrollXY() {
		var x = 0, y = 0;
		if( typeof( window.pageYOffset ) == 'number' ) {
			// Netscape
			x = window.pageXOffset;
			y = window.pageYOffset;
		} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
			// DOM
			x = document.body.scrollLeft;
			y = document.body.scrollTop;
		} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
			// IE6 standards compliant mode
			x = document.documentElement.scrollLeft;
			y = document.documentElement.scrollTop;
		}
		return [x, y];
	}


});