var go_btn = document.getElementById('id_YPSCbtn');
var enableRememberSelectedSpeed = document.getElementById('enableRememberSelectedSpeed');
var enableUseHotkeys = document.getElementById('enableUseHotKeys');
var speed = document.getElementById('html5_video_play_speed_value');

//when button is clicked,play_Speed_Changer_go is started
self.port.on("play_Speed_Changer_go", function start(rememberSelectedSpeedPref, UseHotkeysPref, storagePreviousSpeedPref) {

    //set ui as per setting
    enableRememberSelectedSpeed.checked = rememberSelectedSpeedPref;
    enableUseHotkeys.checked = UseHotkeysPref;
    if (storagePreviousSpeedPref != null && !isNaN(storagePreviousSpeedPref)) {
        //console.log("pSC.js" + storagePreviousSpeedPref);
        speed.value = storagePreviousSpeedPref;
    } else {
        speed.value = 1;
    }

    go_btn.onclick = function () {

        var speed = document.getElementById('html5_video_play_speed_value');
        var speed_val = speed.value;

        self.port.emit("changing_now_speed_val", speed_val);
    };

    enableRememberSelectedSpeed.onclick = function () {

        if (enableRememberSelectedSpeed.checked) {
            self.port.emit("changing_enableRememberSelectedSpeed", true);
        } else {
            self.port.emit("changing_enableRememberSelectedSpeed", false);
        }
    };

    enableUseHotkeys.onclick = function () {

        if (enableUseHotkeys.checked) {
            self.port.emit("changing_enableUseHotkeys", true);
        } else {
            self.port.emit("changing_enableUseHotkeys", false);
        }
    };
});


//focus on input box for quick action
self.port.on("show", function onShow() {
    speed.focus();
});