window.addEvent('domready', function() {
	
		var basicLoader = new pageLoader({
			links: $$('.basic'),
			loadInTo: 'cont',
			loadFrom: 'content',
			_onStart: function(){
				//alert('Loading external content...');
				//$('cont').fade('out')
				
			},
			_onComplete: function(){
				//alert('Loaded complete.\nRendering content...');
				//images/woodbg.jpg
				document.getElementById("imgBg").src = 'images/bg.jpg';
				//$('cont').fade('in');
			}			
		});
		
		$extend(kina, {
            bg: $E('img', $E('#bg', db = $(document.body))),
            timer: (Browser.Engine.gecko || Browser.Engine.webkit) ? null : setInterval(kina.fix, 200),
            menu: $('menu')
        });
               
        new Asset.image('images/bg.jpg', {id: 'myImage', title: 'myImage', 
			onload: function() {
				this.setStyles({
					'opacity': 0
				});
				this.inject($('bg-holder'));
				this.fade('in');
			}        	
        });
        
			                		
							
});


function $E(tag, el) {
    return $(el || document).getElement(tag)
}


kina = {
    doc: {
        x: 0,
        y: 0
    },
    fix: function () {
        if (kina.bg.complete && (db.offsetWidth != kina.doc.x || db.offsetHeight != kina.doc.y || kina.fix.src != kina.bg.src)) {
            var bg = kina.bg.getSize();
            kina.doc = {
                x: db.offsetWidth,
                y: db.offsetHeight
            };
            kina.fix.src == kina.bg.src || $extend(kina.fix, {
                p: bg.x / bg.y,
                src: kina.bg.src
            });
            kina.bg.setStyles({
                width: (bg.y = kina.doc.x > (bg.x = Math.round(kina.doc.y * kina.fix.p))) ? kina.doc.x : bg.x,
                height: bg.y ? Math.round(kina.doc.x / kina.fix.p) : kina.doc.y
            })
        }
        
    }
}