/* Run */
window.addEvent('domready', function() {
    new TabModule({
        'tabsHolder':'.tabs',
        'pagesHolder':'.pages',
        'goLink':'.go-link'
    });
    
    new VideoChooser({
        'thumbsHolder':'.thumbs',
        'videoHolder':'video'
    });
});

/* TabModule */
var TabModule = new Class({
    Implements: Options,

    options: {
        tabsHolder:'',
        pagesHolder:'',
        goLink:''
    },

    initialize: function(options) {
        this.setOptions(options);

        this.tabs = document.getElement(this.options.tabsHolder).getElements('div');
        this.pages = document.getElement(this.options.pagesHolder).getElements('div');

        this.tabs.each(function(item, index) {
            item.addEvent('click', function(event) {
                this.clearActiveTab();
                item.addClass('active');
                
                this.clearActivePage();
                this.showPage(index);
            }.pass([item, index], this));
        }.bind(this));
        
        this.pages.each(function(item) {
            item.getElement('select').addEvent('change', function() {
                item.getElement(this.options.goLink).set('href', item.getElement('select').value);
                item.getElement(this.options.goLink).set("onclick", "javascript:window.open('" + item.getElement('select').value + "', 'MySpace');return false;");
            }.pass(item, this));
            
            item.getElement(this.options.goLink).set("href", item.getElement('select').value);
            item.getElement(this.options.goLink).set("onclick", "javascript:window.open('" + item.getElement('select').value + "', 'MySpace');return false;");
        }.bind(this));
    },
    
    clearActiveTab: function() {
        this.tabs.each(function(item) {
            if(item.hasClass('active')) {
                item.removeClass('active');
            }
        });        
    },
    
    clearActivePage: function() {
        this.pages.each(function(item) {
            if(item.hasClass('active')) {
                item.removeClass('active');
            }
        });        
    },
    
    showPage: function(index) {        
        this.pages[index].addClass('active');
    }
});

/* Video Chooser */
var VideoChooser = new Class({
    Implements: Options,

    options: {
        thumbsHolder:'',
        videoHolder:''
    },

    initialize: function(options) {
        this.setOptions(options);

        this.thumbs = document.getElement(this.options.thumbsHolder).getElements('img');
        
        this.thumbs.each(function(item) {
            item.addEvent('click', function(event) {
                $(this.options.videoHolder).set("html", "<object width='307px' height='265px'><param name='allowFullScreen' value='true'/><param name='wmode' value='transparent'/><param name='movie' value='http://mediaservices.myspace.com/services/media/embed.aspx/m=" + item.get('class') + ",t=1,mt=video'/><embed src='http://mediaservices.myspace.com/services/media/embed.aspx/m=" + item.get('class') + ",t=1,mt=video' width='307px' height='265px' wmode='transparent' allowFullScreen='true' type='application/x-shockwave-flash'></embed></object>");
            }.pass(item, this));
        }.bind(this))
    }
});