window.onload = init;
window.onresize = resize_all;

body_color = '#606060';

	
function init(){
		resize_all();
		body_color_change = new Fx.Style('body','background-color', {duration: 1500, transition: Fx.Transitions.Bounce.easeOut, fps: 60});
		comm_bar_slide = new Fx.Slide('comm_bar', {duration: 500});
		comm_panel_slide = new Fx.Slide('comm_panel');
		comm_panel_slide.hide('horizontal');
		$('comm_panel').setStyle('visibility', 'visible');
	}

function body_fade(target_color) {
		body_color_change.addEvent('onStart', function(){body_color = target_color;});
		body_color_change.start(body_color, target_color);
		
		if (target_color == "#FFFFFF") { $ES('a','image-navigate').setStyle('color', '#333333'); } else { $ES('a','image-navigate').setStyle('color', '#EEEEEE');}
	}
function open_comments() {
		comm_bar_slide.slideOut('horizontal')
		.chain(function(){comm_panel_slide.slideIn('horizontal');});
	}
	
function close_comments() {
	comm_panel_slide.slideOut('horizontal')
	.chain(function(){comm_bar_slide.slideIn('horizontal');});
}

function resize_all() { 
	var new_height = (window.getHeight()-25);
	$('comm_panel').setStyle('height', new_height+'px');

	if ($('photo').getSize().size.y >= new_height - 25) {
		$('navigation').setStyle('margin-bottom', '0px');
	} else {
		$('navigation').setStyle('margin-bottom', '25px');
	}

}