var kamereon={};

kamereon.portfolio={
	playerInit: function(el, hidden) {
		if (hidden) {
			var slide=new Fx.Slide(el);
			el.store('slide', slide);
			slide.hide();
		} else {
			el.setStyle('display', 'block');
		}
	},
	
	playerToggle: function(el) {
		el.setStyle('display', 'block');

		var slide=el.retrieve('slide');
		slide.toggle();
	}
};

window.addEvent('domready', function() {
	var menu=$('mainmenu');
	
	var home=$('home-center');
	
	if (home) {
		var boxes=home.getElements('> ul > li');
		var boxesarticles=home.getElements('> ul > li .article');
		boxesarticles.fade('hide');
		
		var first=true;
		
		boxes.each(function(box) {
			var article=box.getElement('.article');
			var hd=box.getElement('> h2');
			
			if (first) {
				article.fade(1);
				box.addClass('selected');
			}
			
			first=false;
			
			hd.addEvent('mouseover', function() {
				boxes.removeClass('selected');
				box.addClass('selected');

				boxesarticles.fade(0);
				article.fade(1);
			});
		});
		
		boxesarticles.setStyle('display', 'block');
	}

	menu.getElements('> ul > li').each(function(li) {
		var ul=li.getElement('> ul');

		if (ul) {
			var s=ul.getScrollSize();
			ul.fade('hide');
			ul.setStyle('display', 'block');
			ul.set('morph', { duration: 250 });
		}

		li.addEvents({
			'mouseover': function() {
				if (ul) {
					ul.morph({
						height: s.y+10,
						opacity: 1
					});
				}
			},

			'mouseout': function() {
				if (ul) {
					ul.morph({
						height: 0,
						opacity: 0
					});
				}
			}
		});
	});
});