var ratio = 1.6;

$(document).ready(function() {
	$('body').fullscreenResizer(ratio);
	//
	document.z = 0;
	$('#img-menu').css('visibility','visible');
	$('#img-menu a:first').css('color','#000');

	$("#img-menu li a").click(function() {
		document.z++;
		var obj_id = $(this).attr('href');
		var obj_li = $(obj_id);
		var obj_img = $(obj_id+' img');
		obj_li.css({'z-index':document.z,'display':'block'});
		obj_img.hide().fadeIn('slow');
		
		$('#img-menu a').css('color','#f00');
		$(this).css('color','#000');
		
		if(obj_id=='#img1'){
			$('#recent-text').hide().fadeIn('slow');
		}else{
			$('#recent-text').fadeOut('slow');
		}
		return false;
	});

	$('.bt-play a').click(function(){
		$('#video-player').css('display','block');
		var href = $(this).attr('href');
		$('#video-player').flash({
			swf: '/player.swf',
			width: '100%',
			height: '100%',
			flashvars: { src: href }
		});
		return false;
	});

	$('#close-overlay').click(function(){
		$('#video-player').css('display','none');
		return false;
	});

	$(window).bind("resize", function() {
		$('body').fullscreenResizer(ratio);
	});

});

$(window).load(function(){
	$('body').fullscreenResizer(ratio);
});

$.fn.closePlayer = function() {
	$('#video-player').css('display','none');
	return this;
};

$.fn.fullscreenResizer = function(ratio) {
	var obj = $('#img-holder');
	var browserWidth = $(window).width();
	var browserHeight = $(window).height();

	if ((browserWidth / browserHeight) > ratio){
	    obj.width(browserWidth);
	    obj.height(Math.ceil(browserWidth / ratio));
	} else {
	    obj.height(browserHeight);
	    obj.width(Math.ceil(browserHeight * ratio));
	}

	obj.css('left', (browserWidth - obj.width()) /2);
	obj.css('top', (browserHeight - obj.height()) /2);

	var menu = $('#recent-menu');
	var text = $('#recent-text');
	var menuEnd = menu.position().top + menu.height() +20;
	var textStart = browserHeight - text.height() -20;
	if(textStart < menuEnd){
		text.css('bottom','auto');
		text.css('top',menuEnd+'px');
	}else{
		text.css('top','auto');
		text.css('bottom','20px');
	}
};