function $E(tag,el){
	return $(el || document).getElement(tag)
}
/*
function colr(head,box){
	if($chk(this.active)){
		fx[this.active].start({'color':'#000','backgroundColor':'#fff'});
	}
	fx[this.active=this.togglers.indexOf(head)].start({'color':'#fff','backgroundColor':'#000'})
}
*/
function setUpAccordion(head, box){

}

function setUp(){
		$extend(kina,
				{bg:$E('img',$E('#bg',db=$(document.body))),
				timer:(Browser.Engine.gecko || Browser.Engine.webkit) ? null : setInterval(kina.fix,200),
				menu:$('menu')});
		gal.call(gal);
		if($$('dl')[0]){
			var hs = $$('dt');
			var	fx = hs.map(function(el){
				return new Fx.Morph(el,{wait:false})
			});
			new Accordion(hs, 
						hs.getNext(), 
						{opacity:false,	onActive:function(head,box){
							if($chk(this.active)){
								fx[this.active].start({'color':'#000','backgroundColor':'#fff'});
							}
							fx[this.active=this.togglers.indexOf(head)].start({'color':'#fff','backgroundColor':'#000'})
						}})
		}
}

window.addEvents({
	domready:setUp,
	keypress:function(e){
		var e = new Event(e);
		if(e.key == 'down' || e.key == 'right')
			e.stop();
	}
});

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})
		}
	}
}

$extend(gal=function(){
	if(gal.el=$('photos')){
		alert("photos");
		$extend(this,{fx:new Fx.Tween(kina.menu,'bottom')}).el.getElements('a').addEvent('click',this.swap)[0].addClass('cur');
		document.addEvent('keydown', gal.key);
		this.el.getElements('a').addEvent('mouseover', this.hovr);
		this.el.getElements('a').addEvent('mouseout', this.unhovr);
	}
},
{
	hovr:function(){
		this.children[0].setStyle('display', 'block');
// 		this.children[0].setStyle('visibility', 'visible');
		this.children[0].src;
	},
	unhovr:function(){
//		this.children[0].setStyle('visibility', 'hidden');
		this.children[0].setStyle('display', 'none');
	},
	swap:function(){
		$E('.cur',gal.el).removeClass('cur');
		 kina.bg.src=this.addClass('cur');
		 return false; // don't load image
	 },
	key:function(e){
		nxt = e.key ? (e.code == 39) : false;
		return (e.key && e.code != 37 && e.code != 39) ? true : gal.swap.call($E('.cur',gal.el)[nxt?'getNext':'getPrevious']()||gal.el[nxt?'getFirst':'getLast']())
	},
	menu:true
});


