// --  coding: utf-8

var _MIN_DISPLAY_WIDTH_ = 950;
var _LEFT_COL_WIDTH_ = 420;

function loadBackgroundImage() {
	var body = $(document.body)
	var bW = Math.max(_MIN_DISPLAY_WIDTH_, body.getSize().x ) - _LEFT_COL_WIDTH_;
	var bH = body.getSize().y;
	
	cssSwitcher();
	
	$('otherLinks').setStyle('position', 'fixed');	
	$('navInfo').setStyle('position', 'fixed');	
	setContentPositions(bW, bH);	
	
	
	var bImg = Asset.image('./css/img/fond.jpg', {
		id: 'backgrounder',
		title: '',
		onLoad: function() {
			bImg.inject(body);
			bImg.height = bImg.getSize().y *bW/bImg.getSize().y
			bImg.width = bW;
			
			bImg.setStyles({ zIndex: 0, position: 'fixed', bottom: 0, left: 0 });
			
			window.addEvent('resize', function(ev){
				bW = Math.max(_MIN_DISPLAY_WIDTH_, body.getSize().x ) - _LEFT_COL_WIDTH_;
				bH = body.getSize().y;
				bImg.height = bImg.getSize().y *bW/bImg.getSize().y
				bImg.width = bW;
				bImg.setStyle('top', bH-bImg.height);
				
				setContentPositions(bW, bH);
			});
		}
	});	
	


}

window.addEvent('domready', loadBackgroundImage);

function setContentPositions(w, h) {
	var body = $(document.body);	
	var layout = $('myLayout');
	var wB = body.getSize().x - _LEFT_COL_WIDTH_;
	var hB = body.getSize().y;
	var wL = 650; //layout.getSize().x;	
	
	if(null != layout)
		layout.setStyles({ width: Math.min(wL, wB) });	
	
	
	/// menu !
	var ni = $('navInfo')
	var ns = $('navSection');
	var nsP = ns.getPosition(ni);
	
	//~ $('dbug').set('html', 'body height: '+hB+' , navInfo height : '+ni.getCoordinates().height)
	
	if(nsP.y < 143)
		ns.setStyles( { top: 143 });
	
	if(ns.getCoordinates().height > hB)
		ni.setStyles({ overflow: 'auto', height: hB })
	
	
}


function cssSwitcher() {
	switch(Browser.name) {
		case 'ie' :
			Asset.css('./css/ie.background.css'); break;
		case 'safari' :
		case 'chrome' : 
			Asset.css('./css/webkit.background.css'); break;
		case 'opera': 
			Asset.css('./css/opera.background.css'); break;	
		case 'firefox' :
		default :
			Asset.css('./css/firefox.background.css');
	}
}