window.addEvent('domready', function(){ 
    $$('ul.main-nav li.about-us a.sub').addEvent('mouseover', function(){
        this.addClass('active');
        $$('ul.main-nav li.about-us ul').setStyle('display', 'block');
    });
    
    $$('ul.main-nav li.about-us').addEvent('mouseleave', function(){
        $$('ul.main-nav li.about-us ul').setStyle('display', 'none');
        $$('ul.main-nav li.about-us a.sub').removeClass('active');
    });
    
    $$('ul.main-nav li.work a.sub').addEvent('mouseover', function(){
        this.addClass('active');
        $$('ul.main-nav li.work ul').setStyle('display', 'block');
    });
    
    $$('ul.main-nav li.work').addEvent('mouseleave', function(){
        $$('ul.main-nav li.work ul').setStyle('display', 'none');
        $$('ul.main-nav li.work a.sub').removeClass('active');
    });
    
    var overlayDiv = new Element('div');
    var flashDiv = new Element('div');
    
    function playFlv(href, title){
        overlayDiv.injectTop($(document.body));
        overlayDiv.setStyles({
            'position': 'absolute',
            'top': 0,
            'left': 0,
            'width': '100%',
            'height': window.getHeight(),
            'background': '#000',
            'cursor': 'pointer',
            'opacity': .7,
            'z-index': 10000
        });
        overlayDiv.addClass('blackout');
        flashDiv.injectTop($(document.body));
        flashDiv.addClass('flash-div');
        flashDiv.setHTML('<embed src="' + href + '" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="480" height="360" wmode="opaque" bgcolor="#000000"></embed><p>' + title + '</p>')
    }
    
    $$('div.samples a').addEvent('click', function(){
        playFlv(this.getAttribute('href'), this.getAttribute('title'));
    });
    
    overlayDiv.addEvent('click', function(){
        overlayDiv.remove();
        flashDiv.remove()
    });
    
});