$(function () {
	var lightout = false;
    $("#toggle_light, #lightout").click(function () {
		$("#myplayer").css("position", "relative").css('z-index', 8);
		$('.col-md-9').removeClass('col-md-9').addClass('col-md-12');
		$('.col-lg-9').removeClass('col-lg-9').addClass('col-lg-12');
		$('.col-xl-9').removeClass('col-xl-9').addClass('col-xl-12');
		$(".container").css({width:"80%"});	
        if (!lightout) {
            lightout = true;
            $("#lightout").css("opacity", 0.98).hide().fadeIn();
        } else {
            lightout = false;
            $("#lightout").fadeOut();
            if (resize == false) {
            	$('.col-md-12').removeClass('col-md-12').addClass('col-md-9');
				$('.col-lg-12').removeClass('col-lg-12').addClass('col-lg-9');
				$('.col-xl-12').removeClass('col-xl-12').addClass('col-xl-9');
				$(".container").css({width:"100%"});
			}
            	
        }
        $("#toggle_light").text(lightout ? 'Light On' : 'Light Off');
    });

    var resize = false;
    $("#resize").click(function () {
        $('.col-md-9').removeClass('col-md-9').addClass('col-md-12');
		$('.col-lg-9').removeClass('col-lg-9').addClass('col-lg-12');
		$('.col-xl-9').removeClass('col-xl-9').addClass('col-xl-12');
		$(".col-xl-3").css("display", "none");
		$(".container").css({width:"80%"});
		if (!resize) {
        	resize = true;
		}
		else {
			resize = false;
	        $('.col-md-12').removeClass('col-md-12').addClass('col-md-9');
			$('.col-lg-12').removeClass('col-lg-12').addClass('col-lg-9');
			$('.col-xl-12').removeClass('col-xl-12').addClass('col-xl-9');
			$(".col-xl-3").css("display", "block");
			$(".container").css({width:"100%"});	
		}
        $(this).text(resize ? 'Default view' : 'Theater mode');
        
    });
});