color_picker_callback=showHiddenCpSelects;

var arHiddenComponents = null;
var imagee = "";
function color_picker_hide(ids)
{
	arHiddenComponents = ids.toString().split(',');
	for(i=0;i<arHiddenComponents.length;i++)
	{
		var el=document.getElementById(arHiddenComponents[i]);
		if(el) el.style.display="none";
	}
}

function  showHiddenCpSelects()
{
	if(arHiddenComponents!=null)
	{
		for(i=0;i<arHiddenComponents.length;i++)
		{
			var el=document.getElementById(arHiddenComponents[i]);
			if(el) el.style.display="inline";
		}
	}
	arHiddenComponents=null;
	preview_quickie_poll();
}

function preview_hot_or_not()
{
	var title = 'Is this ?';
	var re= /<\S[^><]*>/g;
	if($F('title')!='') title=$F('title').replace(re,"");
	var picture = '/images/hot_or_not_no_pic.gif';
	if($F('image_name')!='') 
	{
		if($F('image_name').substr(0,7)=="http://")
		{
			picture=$F('image_name');
		}
		else{
			picture='/images/hot_or_not/'+$F('image_name');
		}
		
	}
	
	var style='text-align: left; ';
	style+='border-style:'+$F('border_sel_style')+';';
	if($F('border_width')!='') style += 'border-width : '+$F('border_width')+'px;border-bottom:0px; ';
	if($F('border_color')!='') style += 'border-color : #'+$F('border_color')+';';
	if($F('background_color')!='') style += 'background-color : #'+$F('background_color')+';';
	if($F('title_color')!='') style += 'color : #'+$F('title_color')+';';
	if($F('title_color')!='') var tcolor = '#'+$F('title_color');
	
	var html = 
		'<table style="'+style+'" align="center" width="100%">'+
			'<tr><td style="height:8px;"></td></tr>'+
			'<tr><td style="text-align: center; color:'+tcolor+'; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;">&nbsp;'+title+'&nbsp;</td></tr>' +
			'<tr><td style="height:15px;"></td></tr>'+
			'<tr><td><table cellpadding="0" cellspacing="0" border="0" width="100%">'+
				'<tr>'+
					'<td class="not_or" align="right" valign="top" nowrap="nowrap">&nbsp;NOT&nbsp;</td>'+
					'<td align="center" width="175">'+
						'<table cellpadding="0" cellspacing="0">'+
							'<tr>'+
								'<td align="center"><input type="radio"/><br/>1</td>'+
								'<td align="center"><input type="radio"/><br/>2</td>'+								
								'<td align="center"><input type="radio"/><br/>3</td>'+								
								'<td align="center"><input type="radio"/><br/>4</td>'+								
								'<td align="center"><input type="radio"/><br/>5</td>'+
								'<td align="center"><input type="radio"/><br/>6</td>'+
								'<td align="center"><input type="radio"/><br/>7</td>'+
								'<td align="center"><input type="radio"/><br/>8</td>'+
								'<td align="center"><input type="radio"/><br/>9</td>'+
								'<td align="center"><input type="radio"/><br/>10</td>'+																
							'</tr>'+
						'</table>'+
					'</td>' +
					'<td class="hot_or" align="left" valign="top"nowrap="nowrap">&nbsp;&nbsp;HOT</td>' +
				'</tr>'+
				'<tr><td colspan="7">&nbsp;</td></tr>'+
				'<tr>'+
					'<td></td>'+
					'<td align="center"><img src="'+picture+'" alt="" /></td>'+
					'<td></td>'+
				'</tr>'+
			'</table></td></tr>';
	html+='<tr><td style="height:25px;"</td></tr>';
	html+='</table>';
	var style2 = 'border-style:'+$F('border_sel_style')+';';
	if($F('border_width')!='') style2 += 'border-width : '+$F('border_width')+'px;border-bottom:0px; border-left:0px;border-right:0px;';
	if($F('border_color')!='') style2 += 'border-color : #'+$F('border_color')+';';
	if($F('background_color')!='') style2 += 'background-color : #'+$F('background_color')+';';
	if($F('title_color')!='') style2 += 'color : #'+$F('title_color')+';';
	var style3 = 'border-style:'+$F('border_sel_style')+';';
	if($F('border_width')!='') style3 += 'border-width : '+$F('border_width')+'px;border-top:0px; ';
	if($F('border_color')!='') style3 += 'border-color : #'+$F('border_color')+';';
	if($F('background_color')!='') style3 += 'background-color : #'+$F('background_color')+';';
	if($F('title_color')!='') style3 += 'color : #'+$F('title_color')+';';
	html+='<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">'+
				'<tr>'+
					'<td align="center" class="view_res_bg" style="'+style2+'">'+
						'<a style="cursor:pointer;">Free Myspace Polls</a>&nbsp;|&nbsp;'+
						'<a style="cursor:pointer;">View Results</a>'+
					'</td>'+
					'<td style="'+style3+'" align="center" height="25" width="70">'+
						'<a style="cursor:pointer;" title="Next"><img src="images/next_hot_or_not.gif" border="0" alt="Next" align="absmiddle"/></a>'+
					'</td>'+
				'</tr>'+
			'</table>';
	$('poll_preview').innerHTML=html;
}

//color_picker_callback=preview_hot_or_not;

function validate_hot_or_not()
{
	if($F('title').length==0)
	{
		alert("Please enter a question!");
		$('title').focus();
		return false;	
	}
	if($F('image_name').length==0)
	{
		alert('Please upload a image');
		return false;
	}
	if($F('age').length==0)
	{
		alert('Please select a year.');
		return false;
	}
	if($F('sex')!=1)
	{
		if($F('sex1')!=2)
		{
		alert('Please select a sex.');
		return false;
		}
	}
	return true;
}

function hot_or_not_from_myspace()
{
	if($F('friend_id').length==0)
	{
		$('image_name').value='';
		preview_hot_or_not();
	}
	else
	{
		$('friend_id_get_progress_placeholder').innerHTML='<img src="/images/upload_indicator.gif" width="25" height="25" border="1"/> <br /> Please wait while geting image';
		$('friend_id_get_progress_placeholder').style.display='block';
		
		var url='/hot_or_not_img_from_friend_id';
		var pars='friend_id='+$F('friend_id');
		var myAjax = new Ajax.Request(
				url, 
				{
					method: 'post', 
					parameters: pars
				});
	}
}