var posIamge=100;
var ip = null;
function f100() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/100.png\" ><input type='hidden' name='which' id='which' value='100'>";
	showImg('right');
	showImg('middle');
	showMessage('right');
	showMessage('middle');
	
}
function f200() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/200.png\" ><input type='hidden' name='which' id='which' value='200'>";
	showImg('right');
	showImg('left');
	showImg('middle');
	showMessage('right');
	showMessage('middle');
	showMessage('left');
}
function f300() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/300.png\"><input type='hidden' name='which' id='which' value='300'>";
	showImg('right');
	showImg('left');
	showImg('middle');
	showMessage('right');
	showMessage('middle');
	showMessage('left');
}
function f400() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/400.png\"><input type='hidden' name='which' id='which' value='400'>";
	showImg('right');
	showImg('left');
	showImg('middle');
	showMessage('right');
	showMessage('middle');
	showMessage('left');
}
function f500() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/500.png\"><input type='hidden' name='which' id='which' value='500'>";
	showImg('right');
	showImg('left');
	showImg('middle');
	showMessage('right');
	showMessage('middle');
	showMessage('left');
}
function f600() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/600.png\"><input type='hidden' name='which' id='which' value='600'>";
	showImg('left');
	showImg('middle');
	showMessage('middle');
	showMessage('left');
}
function f700() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/700.png\"><input type='hidden' name='which' id='which' value='700'>";
	showImg('left');
	showMessage('left');
}
function f800() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/800.png\"><input type='hidden' name='which' id='which' value='800'>";
	showImg('middle');
	showImg('left');
	showMessage('middle');
	showMessage('left');
}
function f900() {
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/900.png\"><input type='hidden' name='which' id='which' value='900'>";
	showImg('middle');
	showImg('left');
	showMessage('middle');
	showMessage('left');

}
function init(){
	setAllvote();
	showImg('middle');
	showImg('right');
	showMessage('middle');
	showMessage('right');
}
function setAllvote()
{
	TasteDao.iptvSum(function (v){
		DWRUtil.setValue("sum","已经有"+v+"人对IPTV模拟体验区进行了评价");
	});
}
//function showVote() {
//	TasteDao.iptvVoteQuery(function (results) {
//		var clicks;
//		for (i = 0; i < results.length; i++) {
//			clicks = results[i];
//			var wi = 200 * clicks.precent;
//			new Insertion.Bottom("ipVoteBody", "&nbsp<span class='bar"+i+"' style='width:"+wi+"px'></span>&nbsp"+clicks.type+" " +clicks.precent100+"%");
//		}
//	});
//}
//function iptv_vote(ipaddress) {
	//if (ip == ipaddress) {
		//alert("Sorry,Can't vote again!");
		//return;
	//}
	//ip = ipaddress;
	//var a = document.getElementsByTagName("input");
	//for (var i = 0; i < a.length; i++) {
	//	if ((a[i].type == "radio") && (a[i].checked)) {
	///		var type = a[i].value;
	//	}
	//}
	
	//TasteDao.iptvVote(type);
	//new Effect.toggle('question');
	//new Effect.Morph('iptv_content',{style:'background-color:#FFFFFF'});
	//new Effect.Opacity('iptv_content', {duration:5, from:0.1, to:1});
//}
//function iptv_chancel(){
//	new Effect.toggle('question');
	////new Effect.Morph('iptv_content',{style:'background-color:#FFFFFF'});
	//new Effect.Opacity('iptv_content', {duration:1, from:0.1, to:1});
//}


function showImg(direction){
	$('iptv_'+direction).innerHTML='<img src="../images/20070103163732112.gif" width="13" height="13" />';
}
function showLoading()
{
	$("tvcontent").innerHTML='<img src="../images/loading.gif"/>';
}
function clearImg(){
	$('iptv_up').innerHTML='';
	$('iptv_down').innerHTML='';
	$('iptv_left').innerHTML='';
	$('iptv_right').innerHTML='';
	$('iptv_middle').innerHTML='';
}
function showMessage(direction){
	if(direction=='up')
	{
		$('imessage').innerHTML+='上键 ';
	}
	if(direction=='down')
	{
		$('imessage').innerHTML+='下键 ';
	}
	if(direction=='left')
	{
		$('imessage').innerHTML+='左键 ';
	}
	if(direction=='right')
	{
		$('imessage').innerHTML+='右键 ';
	}
	if(direction=='middle')
	{
		$('imessage').innerHTML+='中键 ';
	}
}
function clearMessage(){
	$('imessage').innerHTML='';
}
function moviePlay(){
	$("tvcontent").innerHTML='<iframe src="play.html" name="paly" width="405" marginwidth="0" height="285" marginheight="0" align="left" scrolling="no" frameborder="0"></iframe>';
	$("tvcontent").innerHTML+="<input type='hidden' name='which' id='which' value='910'>";
}

function convert(direction)
{
	if(direction=='up')
	{
		return 1;
	}
	if(direction=='down')
	{
		return 3;
	}
	if(direction=='left')
	{
		return 4;
	}
	if(direction=='right')
	{
		return 2;
	}
	if(direction=='middle')
	{
		return 0;
	}
}
function push(direction){
	posIamge = $F('which');
	posIamge = parseInt(posIamge);
	var dir = convert(direction);
	switch(posIamge){
		case 900:
			switch(dir){
				case 0:moviePlay();break;
				case 4:f100();break;
			};break;
		case 910:
			switch(dir){
				case 0:moviePlay();whenOpen();break;
				case 4:f900();whenOpen();break;
			};break;
		case 800:
			switch(dir){
				case 0:f810();break;
				case 4:f100();break;
			};break;
		case 810:
			switch(dir){
				case 4:f800();whenOpen();break;
			};break;
		case 700:
			switch(dir){
				case 4:f100();break;
			};break;
		case 600:
			switch(dir){
				case 4:f500();break;
				case 0:f610();break;
			};break;
		case 610:
			switch(dir)
			{
				case 2:f620();break;
				case 4:f600();break;
			};break;
		case 620:
			switch(dir)
			{
				case 4:f610();break;
			};break;
		case 500:
			switch(dir)
			{
				case 2:f600();break;
				case 4:f400();break;
				case 0:f510();break;
			};break;
		case 510:
			switch(dir){
				case 4:f500();break;
				case 1:f512();break;
				case 0:f511();break;
			};break;
		case 511:
			switch(dir){
				case 4:f510();whenOpen();break;
			};break;
		case 512:
			switch(dir){
				case 4:f510();whenOpen();break;
			};break;
		case 100:
			switch(dir){
				case 0:f110();break;
				case 2:f200();break;
			};break;
		case 110:
			switch(dir){
				case 4:f100();break;
				case 3:f111();break;
			};break;
		case 111:
			switch(dir){
				case 2:f119();break;
				case 4:f110();break;
				case 3:f112();break;
			};break;
		case 112:
			switch(dir){
				case 4:f110();whenOpen();break;
				case 1:f111();whenOpen();break;
			};break;
		case 119:
			switch(dir){
				case 4:f111();whenOpen();break;
			};break;
		case 200:
			switch(dir){
				case 4:f100();break;
				case 2:f300();break;
				case 0:f210();break;
			};break;
		case 210:
			switch(dir){
				case 4:f200();break;
				case 3:f211();break;
			};break;
		case 211:
			switch(dir){
				case 4:f210();whenOpen();break;
				case 0:fcctv();break;
			};break;
		case 300:
			switch(dir){
				case 2:f400();break;
				case 0:f310();break;
				case 4:f200();break;
			};break;
		case 310:
			switch(dir){
				case 3:f311();break;
				case 4:f300();break;
			};break;
		case 311:
			switch(dir){
				case 4:f310();whenOpen();break;
				case 0:fsh();break;
			};break;
		case 312:
			switch(dir){
				case 4:f311();whenOpen();break;
			};break;
		case 400:
			switch(dir){
				case 2:f500();break;
				case 0:f410();break;
				case 4:f300();break;
			};break;
		case 410:
			switch(dir){
				case 0:f411();break;
				case 4:f400();break;
				case 3:f420();break;
			};break;
		case 420:
			switch(dir){
				case 1:f410();break;
				case 0:f421();break;
				case 4:f400();break;
				case 3:f430();break;
			};break;
		case 430:
			switch(dir){
				case 1:f420();break;
				case 0:f431();break;
				case 4:f400();break;
				case 3:f440();break;
			};break;
		case 440:
			switch(dir){
				case 1:f430();break;
				case 4:f400();break;
				case 3:f450();break;
			};break;
		case 450:
			switch(dir){
				case 1:f440();break;
				case 0:f451();break;
				case 4:f400();break;
				case 3:f460();break;
			};break;
		case 460:
			switch(dir){
				case 1:f450();break;
				case 0:f461();break;
				case 4:f400();break;
				case 3:f470();break;
			};break;
		case 470:
			switch(dir){
				case 1:f460();break;
				case 4:f400();break;
			};break;
		case 411:
			switch(dir){
				case 4:f410();whenOpen();break;
			};break;
		case 421:
			switch(dir){
				case 4:f420();whenOpen();break;
			};break;
		case 431:
			switch(dir){
				case 4:f430();whenOpen();break;
			};break;
		case 451:
			switch(dir){
				case 4:f450();whenOpen();break;
			};break;
		case 461:
			switch(dir){
				case 4:f460();whenOpen();break;
			};break;
		
	}
}
function whenOpen()
{
	if(isNot==0){
		this.boxs(1);
	}
}

function go(nubmer)
{
	clearImg();
	clearMessage();
	$("tvcontent").innerHTML = "<img src=\"../images/TVContent/"+nubmer+".png\" >";
	$("tvcontent").innerHTML += "<input type=\"hidden\" name=\"hich\" id=\"which\" value=\""+nubmer+"\">";
}
function fcctv(){
	$("tvcontent").innerHTML='<iframe src="playCCTV.html" name="paly" width="405" marginwidth="0" height="285" marginheight="0" align="left" scrolling="no" frameborder="0"></iframe>';
	$("tvcontent").innerHTML+="<input type='hidden' name='which' id='which' value='211'>";
}
function fsh(){
	$("tvcontent").innerHTML='<iframe src="playSH.html" name="paly" width="405" marginwidth="0" height="285" marginheight="0" align="left" scrolling="no" frameborder="0"></iframe>';
	$("tvcontent").innerHTML+="<input type='hidden' name='which' id='which' value='311'>";
}
function f810(){
	go(810);
	showImg('left');
	showMessage('left');
}
function f610(){
	go(610);
	showImg('left');
	showMessage('left');
	showImg('right');
	showMessage('right');
}
function f620(){
	go(620);
	showImg('left');
	showMessage('left');
}
function f510(){
	go(510);
	showImg('left');
	showMessage('left');
	showImg('up');
	showMessage('up');
	showImg('middle');
	showMessage('middle');
	
}
function f511(){
	go(511);
	showImg('left');
	showMessage('left');
}
function f512(){
	go(512);
	showImg('left');
	showMessage('left');
}
function f110(){
	go(110);
	showImg('left');
	showMessage('left');
	showImg('down');
	showMessage('down');
}
function f111(){
	go(111);
	showImg('left');
	showMessage('left');
	showImg('right');
	showMessage('right');
	showImg('down');
	showMessage('down');
}
function f112(){
	go(112);
	showImg('left');
	showMessage('left');
	showImg('up');
	showMessage('up');
}
function f119(){
	go(119);
	showImg('left');
	showMessage('left');
}
function f210(){
	go(210);
	showImg('left');
	showMessage('left');
	showImg('down');
	showMessage('down');
}
function f211(){
	go(211);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
}
function f310(){
	go(310);
	showImg('left');
	showMessage('left');
	showImg('down');
	showMessage('down');
}

function f311(){
	go(311);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
}
function f312(){
	go(312);
	showImg('left');
	showMessage('left');
}
function f410(){
	go(410);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
	showImg('down');
	showMessage('down');
	
}
function f420(){
	go(420);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
	showImg('down');
	showMessage('down');
	showImg('up');
	showMessage('up');
	
}
function f430(){
	go(430);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
	showImg('down');
	showMessage('down');
	showImg('up');
	showMessage('up');
}
function f440(){
	go(440);
	showImg('left');
	showMessage('left');
	showImg('down');
	showMessage('down');
	showImg('up');
	showMessage('up');
}
function f450(){
	go(450);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
	showImg('down');
	showMessage('down');
	showImg('up');
	showMessage('up');
}
function f460(){
	go(460);
	showImg('left');
	showMessage('left');
	showImg('middle');
	showMessage('middle');
	showImg('down');
	showMessage('down');
	showImg('up');
	showMessage('up');
}
function f470(){
	go(470);
	showImg('left');
	showMessage('left');
	showImg('up');
	showMessage('up');
}
function f411(){
	go(411);
	showImg('left');
	showMessage('left');
}
function f421(){
	go(421);
	showImg('left');
	showMessage('left');
}

function f431(){
	go(431);
	showImg('left');
	showMessage('left');
}
function f451(){
	go(451);
	showImg('left');
	showMessage('left');
}
function f461(){
	go(461);
	showImg('left');
	showMessage('left');
}
var isNot = 0;
function boxs(v){
 isNot = 1;
 window.scrollTo(0,0);
 var bo = document.getElementsByTagName('body')[0];
 var ht = document.getElementsByTagName('html')[0];
 var boht = document.getElementById('boxs');    
 boht.innerHTML = '';
 bo.style.height='auto';
 bo.style.overflow='auto';
 ht.style.height='auto'; 
 if(v == 1){   
  bo.style.height='100%';
  bo.style.overflow='hidden';
  ht.style.height='100%';  
  boht.innerHTML = '<div id="bg"></div>';
  boht.innerHTML +='<div id="info"><div id="center"><strong><a href="javascript:boxs(0);">关闭</a></strong><p>尊敬的客户，您好！<br>非常感谢您对上海电信网上营业厅的支持！<br>这里占用您一分钟的时间对刚才您体验的业务，做一个调查。非常感谢！<br><br>1． 您家<br><label><input type="radio" name="radio1" id="isIPTV" value="已经安装IPTV" />已经安装IPTV</label><label><input type="radio" name="radio1" id="isIPTV2" value="准备安装IPTV" checked />准备安装IPTV</label><label><input type="radio" name="radio1" id="isIPTV3" value="不准备安装IPTV" />不准备安装IPTV</label><br><br>． 您对IPTV的看法是：<br><label><input type="radio" name="radio2" id="viewIPTV" value="非常好" />非常好</label><label><input type="radio" name="radio2" id="viewIPTV2" value="好"  checked/>好</label><label><input type="radio" name="radio2" id="viewIPTV3" value="一般" />一般	</label><label><input type="radio" name="radio2" id="viewIPTV4" value="差" />差</label><br /><br />3． 您觉得IPTV最好的功能是<br /><label><input type="radio" name="radio3" id="bestIPTV" value="回看" />回看</label><label><input type="radio" name="radio3" id="bestIPTV2" value="点播" />点播</label><label><input type="radio" name="radio3" id="bestIPTV3" value="信息" />信息</label><label><input type="radio" name="radio3" id="bestIPTV4" value="游戏" />游戏</label><label><input type="radio" name="radio3" id="bestIPTV5" value="其他" />其他</label><br /><br />4． 您最关注IPTV的<br /><label><input type="radio" name="radio4" id="careIPTV" value="图像质量" />图像质量</label><label><input type="radio" name="radio4" id="careIPTV2" value="资费" />资费</label><label><input type="radio" name="radio4" id="careIPTV3" value="增值业务" />增值业务</label>&nbsp&nbsp<label>其他&nbsp<input type="text" name="other" id="other" size="15" /></label><br /><br />5． 您觉得IPTV网上模拟体验的形式<br /><label><input type="radio" name="radio5" id="webIPTV" value="非常好" checked />非常好</label><label><input type="radio" name="radio5" id="webIPTV2" value="好" />好</label><label><input type="radio" name="radio5" id="webIPTV3" value="一般" />一般</label><label><input type="radio" name="radio5" id="webIPTV4" value="差" />差</label><br /><br /><input type="button" class="button" value="提交调查" onclick="vote()" /><input type="button" class="button" value="查看结果" onclick="see()" /></p></div></div></span>';
  }
} 
function vote(){
	var a = document.getElementsByTagName("input");
	for (var i = 0; i < a.length; i++) {
		if ((a[i].type == "radio") && (a[i].checked)) {
			var name = a[i].name;
			if(name == 'radio1'){var q1= a[i].value;}
			if(name == 'radio2'){var q2= a[i].value;}
			if(name == 'radio3'){var q3= a[i].value;}
			if(name == 'radio4'){var q4= a[i].value;}
			if(name == 'radio5'){var q5= a[i].value;}
		}
	}
	var other = $F('other'); 
	//alert(q1);
	//alert(q2);
	//alert(q3);
	//alert(q4);
	//alert(q5);
	//alert(other);
	TasteDao.iptvVote(q1,q2,q3,q4,q5,other);
	boxs(0);
	
}
function see(){
	
	boht = $('boxs');
	boht.innerHTML = '<div id="bg"></div>';
	boht.innerHTML +='<div id="info"><div id="center"><strong><a href="javascript:boxs(0);" style="color:#cc0033">关闭</a></strong><br></div></div>';
	
	TasteDao.iptvVoteQuery(function (results) {
		var clicks;
		var j=1;
		var flag = 1;
		for (i = 0; i < results.length; i++) {
			clicks = results[i];
			var wi = 400 * clicks.precent;
			if(j==8)
			{j = 1;}
			if(clicks.id ==1 && flag ==1)
			{
	
				new Insertion.Bottom("center", "&nbsp<span>1.您家</span><br><hr>");
				flag++;
			}
			if(clicks.id ==2 && flag ==2)
			{

				new Insertion.Bottom("center", "&nbsp<span>2.您对IPTV的看法是</span><br><hr>");
				flag++;
			}
			if(clicks.id ==3 && flag ==3)
			{
	
				new Insertion.Bottom("center", "&nbsp<span>3.您觉得IPTV最好的功能是</span><br><hr>");
				flag++;
			}
			if(clicks.id ==4 && flag ==4)
			{
		
				new Insertion.Bottom("center", "&nbsp<span>4.您最关注IPTV的</span><br><hr>");
				flag++;
			}
			if(clicks.id ==5 && flag ==5)
			{
		
				new Insertion.Bottom("center", "&nbsp<span>5.您觉得IPTV网上模拟体验的形式</span><br><hr>");
				flag++;
			}
			new Insertion.Bottom("center", "&nbsp<span class='bar"+j+"' style='width:"+wi+"px'></span>&nbsp&nbsp"+clicks.type+"  &nbsp" +clicks.precent100+"%&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<br>");
			j++;
		}
	});
}

function backTo()
{
	//this.boxs(1); 
	window.location="http://localhost:8080/Taste";
}