var Vote_UI='';
var Vote_ItemId;
function CheckVoteForm(form)
{
	var arrCtl=document.getElementsByName('VoteItem');
	var selected=false;
	var itemID;
	for(var i=0;i<arrCtl.length;i++)
	{
		if(arrCtl[i].checked)
		{
			selected=true;
			itemID=vote_items[i].id;
			break;
		}
	}
	if(!selected)
	{
		alert('Please select an item.');
		return false;
	}
	//AddVote(itemID);
	return true;
}

function voteSubmit()
{
	if(Vote_UI!='H' && !CheckVoteForm(null)) return;
	var arrCtl=document.getElementsByName('VoteItem');
	var itemID;
	//if(Vote_UI=='H')
	//	itemID=Vote_ItemId;
	//else
		for(var i=0;i<arrCtl.length;i++)
		{
			if(arrCtl[i].checked)
			{
				itemID=vote_items[i].id;
				break;
			}
		}
	vote_item=itemID;
	var img=new Image();
	img.onload=onVoteImgLoad;
	img.src=vote_host+'/voteImage.aspx?voteid='+vote_id+'&oid='+vote_oid+'&voteItem='+vote_item+'&temp='+(new Date()).valueOf();
	//prompt('',img.src);
}

function onVoteImgLoad()
{
	var img=this;
	//alert(img.width);
	if(img.width==1)
		AddVote(vote_item);
	else if(img.width==3)
		alert('You have voted this topic.');
	else
		alert('The vote does not exist.');
}

function AddVote(itemId)
{
	vote_count++;
	for(var i=0;i<vote_items.length;i++)
	{
		var oItem=vote_items[i];
		if(oItem.id==itemId)
			oItem.vote++;
		oItem.scale=Math.round((oItem.vote*100.0/vote_count)*100)/100;
	}
	Vote_BindUI();
	VoteDisabled();
}

function VoteDisabled()
{
	document.getElementById('BtnVote').disabled='disabled';
}

function voteItem(id,title,vote,picNo,scale)
{
	this.id=id;
	this.title=title;
	this.vote=vote;
	this.picNo=picNo;
	this.scale=scale;
}

function Vote_BindUI()
{
	if(Vote_UI=='N')
		Vote_BindUI_N();
	else if(Vote_UI=='D')
		Vote_BindUI_D();
	else if(Vote_UI=='H')
		Vote_BindUI_H();
}

function Vote_BindUI_N()
{
	if(typeof('vote_title')=='undefinded' || !vote_title)
		return;
	document.getElementById('Vote_Title').innerHTML=vote_title;
	document.getElementById('Vote_Intro').innerHTML=vote_intro;
	
	var htm='<br/><table id="VoteCtn" border="0" cellspacing="0" cellpadding="7" align="center" class="vv_tbox">';
	
	for(var i=0;i<vote_items.length;i++)
	{
		var oItem=vote_items[i];
		htm+='<tr><td class="vv_c01"><input type="radio" name="VoteItem" value="'+oItem.id+'"/><span id="Vote_ID_'+i+'" style="display:none;">'+oItem.id+'</span></td>';
		htm+='<td class="vv_c02"><span class="v_pnum">'+(i+1)+'</span></td>'
			+'<td class="vv_c03">'+oItem.title+'</td>'
			+'<td class="vv_c04"><div><span id="Vote_Scale_'+i+'">'+oItem.scale+'</span>% (<span id="Vote_Count_'+i+'">'+oItem.vote+'</span>人关注)</div>'
			+'<div id="Vote_Pic_'+i+'" class="vv_sbar'+oItem.picNo+'" style="width:'+Math.round(oItem.scale)+'%;"></div></td></tr>';
	}
	
	htm+='</table>';
	
	//alert(htm);
	
	document.getElementById('Vote_ListCtn').innerHTML=htm;
}

function Vote_formatNum(num)
{
	return num;
}
function Vote_BindUI_D()
{
	if(typeof('vote_title')=='undefinded' || !vote_title)
		return;
	//document.getElementById('Vote_Title').innerHTML=vote_title;
	//document.getElementById('Vote_Intro').innerHTML=vote_intro;
	
	var htm='';
	
	for(var i=0;i<vote_items.length;i++)
	{
		var oItem=vote_items[i];
		htm+='<br/><dd>'
				+'<strong class="p_item">'+oItem.title+'</strong>'
				+'<div class="pbar">'
					+'<span class="poll_item pi'+oItem.picNo+'" style="width: '+Math.round(oItem.scale)+'%;"></span>'
				+'</div>'
				+'<div class="count">'+Vote_formatNum(oItem.vote)+' ('+oItem.scale+'%)</div>'
				+'<div class="c_select"><input type="radio" name="VoteItem" value="'+oItem.id+'" /></div>'
			+'</dd>';
	}
	
	htm+='';
	//alert(htm);
	
	document.getElementById('Vote_ListCtn').innerHTML=htm;
	document.getElementById('Vote_Count').innerHTML=Vote_formatNum(vote_count);
}
function Vote_BindUI_H()
{
	if(typeof('vote_title')=='undefinded' || !vote_title)
		return;
	
	var htm='<dt>'+vote_title+'</dt>';
	
	if(typeof(vote_intro)!="undefined")
	{
	    htm +="<div><br/>" +vote_intro  +"</div><br/>"   ;
	}
	
	for(var i=0;i<vote_items.length;i++)
	{
		var oItem=vote_items[i];
		htm+='<dd><label for="pl'+i+'"><input type="radio" name="VoteItem" value="'+oItem.id+'" id="pl'+i+'" />'+oItem.title+'</label></dd>';
	}
	
	htm+='<dd class="i_poll_sub"><input type="button" value="Vote" id="BtnVote" onclick="voteSubmit();window.open(\'/vote/'+Math.floor(vote_id/1000)+'/'+vote_id+'.shtml\');" /><a href="/vote/'+Math.floor(vote_id/1000)+'/'+vote_id+'.shtml" target="_blank">View results</a></dd>';
	//alert(htm);
	document.getElementById('Vote_ListCtn').innerHTML=htm;
}