function viewPortfolio(id) {
    var request = new Request(
        {
            'url'       : 'view.php?id=' + id,
            'method'    : 'get',
            'onComplete' : function(text) {
                
                
                var myMask = new Mask(
                    {
                        inject : $('container'),
                        'class'  : 'mask',
                        'style'  : {
                            'width' : '100%',
                            'height' : '100%'
                        }
                    },
                    {
                        'onShow' : function() {
                            var element = new Element('div',
                                {
                                    'class' : 'viewPortfolio',
                                    'html'  : text,
                                    'events' : {
                                        'click' : function(evt) {
                                            evt.stop();
                                        }
                                    }
                                }
                            ).inject(this).position({relativeTo: this});
                            
                            $('close').addEvent('click', function(){ 
                               this.destroy(); 
                            }.bind(this));
                        },
                        'onClick' : function () {
                            this.destroy();
                        }
                    }
                ).show();
                

            }
            
        }
    ).send();
}

window.addEvent('domready', function() { 
    $('contact').addEvent('submit', function(event) { 
        event.stop();
        
        var req = new Request(
            {
                url    : 'contact.php',
                method : 'POST',
                data   : $('contact'),
                onComplete : function(text) {
                    if(text != '0') {
                        var response = JSON.decode(text);
                        
                        response['required'].each(function(error) {
                            $(error).removeClass('error');
                        });                    
                        
                        if($('contactMessage') == null  ) {
                            var par = new Element('p', { 
                                'id'    : 'contactMessage'
                            }).inject($('contact'), 'before');
                        }
                        
                        $('contactMessage').setProperties(
                            {
                                'class' : 'alt ' + response['class'],
                                'html'  : response['message']
                            }
                        );                        
                        
                        if(response['incorrect'] == 0) {
                            response['required'].each(function(error) {
                                $(error).set('value', '');
                            });
                        }
                        else {
                            response['incorrect'].each(function(error) {
                                $(error).addClass('error');
                            });
                        }
                    }
                }
            }
        ).send();
    });
});


function scroll(direction) {
    var currentPos = $('scroller').scrollTop;
    
    
        
    if(direction == 'up') {
        var newPos = currentPos - 95;
    }
    else if (direction == 'down') {
        var newPos = currentPos + 95;
    }

    var scroll = new Fx.Scroll($('scroller')).start(0, newPos);

}

function openURL(elm) {
    window.open(elm.href); 
}