// JavaScript Document

var Site = {
	init: function() {
		if ( $('liquid') )    Liquid.parseLiquids();
		if ( $('folioMenu') ) Folio.init();
		if ( $('portfolioGallery') ){
			$('myGallery').setStyle('height', '350px');
            var myGallery = new gallery($('myGallery'), {
					timed: false,
        			showArrows: true,
        			showCarousel: true,
        			embedLinks: true,
        			showInfopane: false
				}
		);
		}

	}
};

var Liquid = {
	parseLiquids: function(){
		var liquids = $$('#liquid .liquid');
		var fx = new Fx.Elements(liquids, {wait: false, duration: 800, transition: Fx.Transitions.elasticOut});
		liquids.each(function(liquid, i){
			liquid.addEvent('mouseover', function(e){
				e = new Event(e).stop();
				var obj = {};
				obj[i] = { 'width': [liquid.getStyle('width').toInt(), 350] };

				liquids.each(function(other, j){
					if (other != liquid){
						var w = other.getStyle('width').toInt();
						if (w != 165) obj[j] = {'width': [w, 165]};
					}
				});
				fx.start(obj);
			});
		});

		document.addEvent('mouseover', function(e){
			e = new Event(e);
			var rel = e.relatedTarget;
			if (!rel) return;
			if (rel.hasClass && (rel.hasClass('liquids') || rel.hasClass('liquid') || rel.id == 'liquid')){
				var obj = {};
				liquids.each(function(other, j){
					obj[j] = {'width': [other.getStyle('width').toInt(), 210]};
				});
				fx.start(obj);
			};
		});
	}
};

window.onDomReady(Site.init);

//------------------------------- HOVER EM PORTFOLIO -------------------------------//

function mymenu(){
	$$(".menuFolio img").each(
		function(obj) {        
			obj.addEvent('mouseover', function(){ new Fx.Style(obj, 'opacity', { duration: 400 }).start(0.5); });
			obj.addEvent('mouseout', function(){ new Fx.Style(obj, 'opacity', { duration: 400 }).start(1); });			
	})
}
 
window.addEvent('domready', function(){
	mymenu();
})