//Javascript navigation

var Sailor = {
	init: function(divu){
		//Init lightbox links
		if(divu) allLinks = $$(divu + 'a');
		else allLinks = $$('a');
		allLinks.each(function(link){
			if(link.getProperty('rel') == "lightbox"){
				link.removeEvents('click');
				link.addEvent('click', function(e){
					e = new Event(e).stop();
					Popup.open(this.getProperty('href'));
				});
			}
		});
	},
	
	getUrl: function(segment){
		if(segment > -1){
			str = window.location.hash.split('/');
			return str[segment];
		}
		if(segment == "crumbs"){
			var newStr = '';
			str = window.location.hash.split('/');
			for(i = 0; i < str.length-1; i++){
				newStr += str[i] + ' / ';
			}
			return newStr.replace(/_/g, ' ').replace(/#/g, '').capitalize();
		}

		else {
			return window.location.hash;
		}
		
	},
	
	setSail: function(link){
		str = link.replace(_root_url, "");
		window.location.hash = str;		
		$('crumbs').set('html', '<li><a href="' + str + '" rel="lightbox">' + Sailor.getUrl('crumbs') + '</a></li>');
	},
	
	go: function(url){
		if(url){
			str = url.replace("#", "");
			Popup.open(_root_url + str);
		}
	}
}

function resize(){
	//Resize fake body
	size = Window.getSize();
	$('fakeBody').setStyle('height', size.y - 52);
}

Images = {
	preload: function(){
		var cssImages = new Asset.images(
			[
				//'css/images/bg-body.jpg'
			],
		{
	    	onComplete: function(){
	        	$('background').setStyles({
	        		//'background-image': 'url(Content/css/images/bg-body.jpg)',
	        		'background-position': 'top center'
	        	});
	        	$('fakeBody').setStyle('visibility', 'visible');
	        	$('footer').setStyle('visibility', 'visible');
		    }
		});
	}
}

window.addEvents({
	'domready': function(){
	
		Images.preload();
	
		resize();
		Sailor.go(Sailor.getUrl());
		
		//Footer drag
		$('footer').makeResizable({
			modifiers: {x: false, y: 'height'},
			limit: {y: [64, 290]},
			invert: true,
			handle: 'footer'
		});
		
		//Open footer on links focus		
		$$('#footer a').each(function(link){
			link.addEvent('focus', function(){
				$('footer').setStyle('height', 290);
			});
		});
		
		Sailor.init();
		
	},
	
	'resize': function(){
		resize();
	}
});