$(document).ready(function(){
	
    // navigation
    var view = $('#view');
	
	$("#nav").droppy();
	
	$("#nav").find('li').find('a').click(function () {
		view.fadeOut('fast');
	});
	
	//set_transparency();
	view.fadeIn(1700, function() { 
		//set_transparency();
	});
    
    // image
    $('.image').find('img').each(function() {
		var image = $(this);
		var position = image.position();
		/*
		var div = $('<div></div>');
		div.appendTo('body');
		div.css('background-color', 'black');
		div.css('height', image.height);
		div.css('width', image.width);
		div.css('position', 'absolute');
		div.css('top', position.top);
		div.css('left', position.left);
		div.css('z-index', 3);
		*/
    });
	
	function set_transparency() {
		/* IE */
		view.css('filter', 'alpha(opacity=90)');
		/* Mozilla */
		view.css('-moz-opacity', 0.90); 
		/* CSS 3 */
		view.css('opacity', .90);
	}
	
});