/*********************************
SIDE NAVIGATION
*********************************/
showHide = function() {
    if ($$('.contracted')) {
        $$('.contracted').each(function(elm) {
            $(elm).down('ul').style.display = 'none';
        });
    }
    if ($$('.expanded div, .contracted div')) {
        $$('.expanded div, .contracted div').each(function(elm) {
            $(elm).onclick = function() {
                var divParent = this.up();
                Effect.toggle(divParent.down('ul'), 'appear', {
                    duration : .3,
                    afterFinish : function() {
                        if (divParent.down('ul').visible()) {
                            divParent.removeClassName('contracted');
                            divParent.addClassName('expanded');
                        } else {
                            divParent.removeClassName('expanded');
                            divParent.addClassName('contracted');
                        }
                    }
                });
            }
        });
    }
    $$('li.expanded div').invoke('observe', 'mouseover', function(e) {this.addClassName('over');});
    $$('li.expanded div').invoke('observe', 'mouseout', function(e) {this.removeClassName('over');});
    $$('li.contracted div').invoke('observe', 'mouseover', function(e) {this.addClassName('over');});
    $$('li.contracted div').invoke('observe', 'mouseout', function(e) {this.removeClassName('over');});
}

Event.observe(window, 'load', function() {
    var filter = $$('#filter a');
    $(filter).invoke('observe','click', function(e){
       e.stop();
       var current = this;
       var currentId = $(current).identify();
       this.blur();
       $$('#portfolio li').each(function(elm) {
            if(!$(elm).hasClassName(currentId)) {
                $(elm).addClassName('hidden');
                new Effect.Fade(elm, { duration: 0.5 });
            } else {
                $(elm).removeClassName('hidden');
                new Effect.Appear(elm, { duration: 0.5 });
            }
        });
    });
});


document.observe('dom:loaded', function() {
    if (!(navigator.userAgent.match(/iPhone/i))
            || (navigator.userAgent.match(/iPod/i))) {
        var isPortfolio = $('featuredPortfolio');
        if (isPortfolio) {
            var clientPortfolio = $('featuredPortfolio').classNames();
            var portfolioPath = "/flash/" + clientPortfolio + ".xml";
            var location = '/flash/portfolioDetail.swf' + '?' + 'xmlPath' + '='
                    + portfolioPath;
            new Swiff(location, {
                container : 'featuredPortfolio',
                width : '700',
                height : '385'
            });
        }
    }
    showHide();
});