<!--#[#module name="app_smarttv" alias="TVremote"#]#-->
<link href="/templates_alt/remote_lg/css/style.css" rel="stylesheet" type="text/css">
<meta name="viewport" content="width=device-width,user-scalable=no">
<!--#
<script>
//document.oncontextmenu = function (){return false};
jQuery().ready(function(){
//jQuery('img').bind('contextmenu',function(){return false;});
});
function send_cmd(cmd){
var url='/popup/app_smarttv.html?alias=';
url+='[#alias#]'
url+='&cmd='
url+=cmd;
//alert(url);
AJAXRequest(url, '', '');
}
$(document).ready(function(){
$(document).bind("contextmenu",function(e){
return false;
});
var isTouchSupported = "ontouchstart" in document;
var poke = isTouchSupported ? "touchstart" : "mousedown";
$(".nav_area")
.bind(poke, function(){
var cmd = $(this).attr("cmd");
if(cmd=='btn_OK'){
document.getElementById(cmd).style.display = 'none';
document.getElementById('btn_OK_press').style.display = 'block';
}
else{
document.getElementById(cmd).style.display = 'block';
}
send_cmd(cmd);
})
.bind('mouseup touchend', function(){
var cmd = $(this).attr("cmd");
if(cmd=='btn_OK'){
document.getElementById(cmd).style.display = 'block';
document.getElementById('btn_OK_press').style.display = 'none';
}
else{
document.getElementById(cmd).style.display = 'none';
}
});
$(".btn")
.bind(poke, function(){
var cmd = $(this).attr("cmd");
send_cmd(cmd);
if(cmd=='btn_OFF'){
$(this).css('backgroundImage', 'url(/templates/app_smarttv/images/power_button_pressed.png)');
} else {
$(this).css('backgroundImage', 'url(/templates/app_smarttv/images/button_pressed.png)');
}
})
.bind('mouseup touchend', function(){
var cmd = $(this).attr("cmd");
if(cmd=='btn_OFF'){
$(this).css('backgroundImage', 'url(/templates/app_smarttv/images/power_button.png)');
} else {
$(this).css('backgroundImage', 'url(/templates/app_smarttv/images/button.png)');
}
});
});
</script>
#-->
<div class="remote">
<div class="srv">
<div class="btn pwr srv_" onClick='callMethod("%RemoteLG1%.turn_On_Off");'></div>
<div class="btn srv_ srv_1" onClick='callMethod("%RemoteLG1%.Mute");'>MUTE</div>
<div class="btn srv_ srv_2" onClick='callMethod("%RemoteLG1%.Source");'>INPUT</div>
<div class="btn srv_ srv_3" onClick='callMethod("%RemoteLG1%.Home");'>MENU</div>
</div>
<div class="center">
<div class="navigation">
<img src="../templates_alt/remote_lg/images/nav.png" width="220" height="220" usemap="#navigationMap"/>
<map name="navigationMap">
<area shape="poly" coords="102,4,5,102,5,4" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Sound_+");' class="nav_area">
<area shape="poly" coords="119,5,216,5,216,103" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Chanel_Up");' class="nav_area">
<area shape="poly" coords="215,115,118,213,215,213" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Chanel_Down");' class="nav_area">
<area shape="poly" coords="5,117,5,215,102,215" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Sound_-");' class="nav_area">
<area shape="poly" coords="148,141,153,132,153,91,143,80,158,65,203,110,160,153" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Right");' class="nav_area">
<area shape="poly" coords="147,144,158,155,110,203,64,157,76,145,83,153,138,153" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Down");' class="nav_area">
<area shape="poly" coords="76,143,67,134,67,91,79,77,64,62,16,109,63,156" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Left");' class="nav_area">
<area shape="poly" coords="141,78,157,64,109,16,65,60,81,76,90,66,132,67" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.Up");' class="nav_area">
<area shape="circle" coords="111,111,37" href="javascript:void(0)" onClick='callMethod("%RemoteLG1%.OK");' class="nav_area">
</map>
</div>
<div class="center_arrows">
<div id="btn_OK" class="remote_center">
<img src="../templates_alt/remote_lg/images/remote_center.png" ></div>
<div id="btn_OK_press" class="remote_center" style="display: none;">
<img src="../templates_alt/remote_lg/images/remote_center_pressed.png" ></div>
<div id="btn_RIGHT" class="arrow_right_pressed">
<img src="../templates_alt/remote_lg/images/arrow_right_pressed.png" ></div>
<div id="btn_DOWN" class="arrow_down_pressed">
<img src="../templates_alt/remote_lg/images/arrow_down_pressed.png" ></div>
<div id="btn_LEFT" class="arrow_left_pressed">
<img src="../templates_alt/remote_lg/images/arrow_left_pressed.png" ></div>
<div id="btn_UP" class="arrow_up_pressed">
<img src="../templates_alt/remote_lg/images/arrow_up_pressed.png" ></div>
<div class="remote_center_arrows">
<img src="../templates_alt/remote_lg/images/remote_center_arrows.png"></div>
</div>
<div class="vol_UP">
<img src="../templates_alt/remote_lg/images/button_icon_volume_up.png" width="40" height="35" alt=""/></div>
<div class="vol_DOWN">
<img src="../templates_alt/remote_lg/images/button_icon_volume_down.png" width="40" height="35" alt=""/></div>
<div class="ch_UP">
<img src="../templates_alt/remote_lg/images/button_icon_channel_up.png" width="32" height="32" alt=""/></div>
<div class="ch_DOWN">
<img src="../templates_alt/remote_lg/images/button_icon_channel_down.png" width="32" height="32" alt=""/></div>
<div class="control_button_tl">
<img src="../templates_alt/remote_lg/images/control_button_tl.png"></div>
<div class="control_button_tr">
<img src="../templates_alt/remote_lg/images/control_button_tr.png"></div>
<div class="control_button_bl">
<img src="../templates_alt/remote_lg/images/control_button_bl.png"></div>
<div class="control_button_br">
<img src="../templates_alt/remote_lg/images/control_button_br.png"></div>
<div id="btn_volUP" class="control_button_tl" style="display: none; top: -1px;">
<img src="../templates_alt/remote_lg/images/control_button_tl_pressed.png"></div>
<div id="btn_chUP" class="control_button_tr" style="display: none; top: -1px;">
<img src="../templates_alt/remote_lg/images/control_button_tr_pressed.png"></div>
<div id="btn_volDOWN" class="control_button_bl" style="display: none; top: 114px;">
<img src="../templates_alt/remote_lg/images/control_button_bl_pressed.png"></div>
<div id="btn_chDOWN" class="control_button_br" style="display: none; top: 114px;">
<img src="../templates_alt/remote_lg/images/control_button_br_pressed.png"></div>
</div>
<div class="btn_num">
<div class="btn btn_ btn_1" onClick='callMethod("%RemoteLG1%.TV_1");'>1</div>
<div class="btn btn_ btn_2" onClick='callMethod("%RemoteLG1%.TV_2");'>2</div>
<div class="btn btn_ btn_3" onClick='callMethod("%RemoteLG1%.TV_3");'>3</div>
<div class="btn btn_ btn_4" onClick='callMethod("%RemoteLG1%.TV_4");'>4</div>
<div class="btn btn_ btn_5" onClick='callMethod("%RemoteLG1%.TV_5");'>5</div>
<div class="btn btn_ btn_6" onClick='callMethod("%RemoteLG1%.TV_6");'>6</div>
<div class="btn btn_ btn_7" onClick='callMethod("%RemoteLG1%.TV_7");'>7</div>
<div class="btn btn_ btn_8" onClick='callMethod("%RemoteLG1%.TV_8");'>8</div>
<div class="btn btn_ btn_9" onClick='callMethod("%RemoteLG1%.TV_9");'>9</div>
<div class="btn btn_ btn_0" onClick='callMethod("%RemoteLG1%.TV_0");'>0</div>
<div class="btn btn_ btn_LIST" onClick='callMethod("%RemoteLG1%.List");'>list</div>
<div class="btn btn_ btn_QMENU" onClick='callMethod("%RemoteLG1%.Qmeny");'>qmeny</div>
<div class="btn btn_ btn_FAV" onClick='callMethod("%RemoteLG1%.fav");'>fav</div>
<div class="btn btn_ btn_RED" onClick='callMethod("%RemoteLG1%.red");'>☀</div>
<div class="btn btn_ btn_GUIDE" onClick='callMethod("%RemoteLG1%.Guide");'>guide</div>
<div class="btn btn_ btn_GREEN" onClick='callMethod("%RemoteLG1%.green");'>☀</div>
<div class="btn btn_ btn_YELLOW" onClick='callMethod("%RemoteLG1%.yellow");'>☀</div>
<div class="btn btn_ btn_BLUE" onClick='callMethod("%RemoteLG1%.blue");'>☀</div>
<div class="btn btn_ btn_BACK" onClick='callMethod("%RemoteLG1%.Back");'>back</div>
<div class="btn btn_ btn_INFO" onClick='callMethod("%RemoteLG1%.info");'>info</div>
<div class="btn btn_ btn_EXIT" onClick='callMethod("%RemoteLG1%.Exit");'>exit</div>
</div>
</div>