Event.observe(window, "load", function() { ExternalPlayer.init(); });

var ExternalPlayer = {

    init: function() {
        ExternalPlayer.hide();
        Actions.attach("extPlayerCode", "onclick", "ExternalPlayer.selectCode", "");
    },

    selectCode: function() {
        $("extPlayerCode").select();
    },

    show: function() {
        $("selectSize").show();
        Actions.attach("lnkPersoPlayer", "onclick", "ExternalPlayer.hide", "");
        Actions.attach("btnCloseSelectSize", "onclick", "ExternalPlayer.hide", "");
        $$(".sizeRadio").each(function(e) { Actions.attach(e, "onclick", "ExternalPlayer.updateSize", "this.value"); });
        return false;
    },

    hide: function() {
        $("selectSize").hide();
        Actions.attach("lnkPersoPlayer", "onclick", "ExternalPlayer.show", "");
        return false;
    },

    updateSize: function(newSize) {
        var arraySizes = newSize.split("x");
        var reWidth = /width="(\d+)"/i;
        var reHeight = /height="(\d+)"/i;
        var newCode = $F("extPlayerCode");
        newCode = newCode.replace(reWidth, 'width="' + arraySizes[0] + '"');
        newCode = newCode.replace(reHeight, 'height="' + arraySizes[1] + '"');
        $("extPlayerCode").value = newCode;
    }

};