var $idFieldStart;
var $personalizeStart;
var $text;
function rgbConvert(str) {
   str = str.replace(/rgb\(|\)/g, "").split(",");
   str[0] = parseInt(str[0], 10).toString(16).toLowerCase();
   str[1] = parseInt(str[1], 10).toString(16).toLowerCase();
   str[2] = parseInt(str[2], 10).toString(16).toLowerCase();
   str[0] = (str[0].length == 1) ? '0' + str[0] : str[0];
   str[1] = (str[1].length == 1) ? '0' + str[1] : str[1];
   str[2] = (str[2].length == 1) ? '0' + str[2] : str[2];
   return (str.join(""));
}

function checkYmid()
{
	$value = $("#ymid").attr('value');
	if($value==$idFieldStart)
		$("#ymid").attr('value',"");
	if($value=="" || $value==undefined)
		$("#ymid").attr('value',$idFieldStart);
}
function checkYmidLeave()
{
	$value = $("#ymid").attr('value');
	if($value=="" || $value==undefined)
		$("#ymid").attr('value',$idFieldStart);
}

// .pitem in personalize hover action // nov/5/2008 Mocho
function mouseoverPitem() {
	$(this).addClass('pitem-active');
}

function mouseoutPitem() {
	$(this).removeClass('pitem-active');
}

function openPersonalize()
{	
	$("#personalizediv .pitem").bind('mouseover',mouseoverPitem);
	$("#personalizediv .pitem").bind('mouseout',mouseoutPitem);
	
	$("#personalize-form input").removeAttr('disabled');
	$("#personalizediv").css('opacity','1');
	$("#personalize").removeClass('red-button').addClass('grey-button').css('opacity','0.5');	
	$("#personalize").unbind('click',openPersonalize);
	$("#personalize").bind('click',closePersonalize);
  return false;	
}
function closePersonalize()
{	
	$("#personalizediv .pitem").unbind('mouseover',mouseoverPitem);
	$("#personalizediv .pitem").unbind('mouseout',mouseoutPitem);
	
	$("#personalize-form input").attr('disabled','disabled');
	$("#personalizediv").css('opacity','0.5');
	$("#personalize").removeClass('grey-button').addClass('red-button').css('opacity','1');
	$('#personalize').unbind('click',closePersonalize);
	$("#personalize").bind('click',openPersonalize);
	return false;
}
function showAvatar()
{
	$("#myavatarpreview").animate({height:100,width:100},'fast');
	$("#avatardiv").animate({height:100},'fast')
	$("#myavatar").unbind('click',showAvatar);
	$("#myavatar").bind('click',hideAvatar);
	$("#background").attr('checked',false);
	$("#background").bind('click',selectBackground);
}
function hideAvatar()
{
	$("#myavatarpreview").animate({height:0,width:0},'fast');
	$("#avatardiv").animate({height:15},'fast')
	$("#myavatar").unbind('click',hideAvatar);
	$("#myavatar").bind('click',showAvatar);
	$("#dimind").attr('checked',false);
	$("#dimind").unbind('click',resetDimind);
	$("#dimind").bind('click',setDimind);
	$("#avah").attr('value',"");
	$("#avaw").attr('value',"");
}
function getSelectedIcon()
{
	$i = 1;
	while(true)
	{
		$value = $("#r"+$i).attr('checked');
		if($value == false)
			$i++;
		else 
			if($value == undefined)
				return false;
			else
				return $i;
	}
}
function selectBackground()
{
	hideAvatar();
	$("#myavatar").attr('checked',false);
	$("#background").unbind('click',selectBackground);
	$("#background").bind('click',resetSelectBackground);
}
function resetSelectBackground()
{
	$("#background").bind('click',selectBackground);
	$("#background").unbind('click',resetSelectBackground);
}
function setDimind()
{
	if($("#myavatar").attr('checked')==false)
	{
		alert("Aceasta optiune se foloseste impreuna cu optiunea de avatar.");
		return false;
	}
	$("#avah").attr('value',"96");
	$("#avaw").attr("value","96");
	$("#dimind").unbind('click',setDimind);
	$("#dimind").bind('click',resetDimind);
	return true;
}
function resetDimind()
{
	$("#dimind").unbind('click',resetDimind);
	$("#dimind").bind('click',setDimind);
}
function resetSendim()
{
	$("#myid").unbind('click',resetSendim);
	$("#myid").bind('click',rebindResetSendim);
	$("#sendim").attr('checked',false);
	$("#sendim").unbind('click',rebindResetMyid);
	$("#sendim").bind('click',resetMyid);
}
function rebindResetSendim()
{
	$("#myid").unbind('click',rebindResetSendim);
	$("#myid").bind('click',resetSendim);
}
function resetMyid()
{
	$("#sendim").unbind('click',resetMyid);
	$("#sendim").bind('click',rebindResetMyid);
	$("#myid").attr('checked',false);
	$("#myid").unbind('click',rebindResetSendim);
	$("#myid").bind('click',resetSendim);
}
function rebindResetMyid()
{
	$("#sendim").unbind('click',rebindResetMyid);
	$("#sendim").bind('click',resetMyid);
}

function generateCode()
{
	$id = $("#ymid").attr('value');
	if($id == $idFieldStart)
	{
		alert("Va rugam introduceti un ID valid.");
		return false;
	}
	$select = getSelectedIcon();
	if($select == false)
	{
		alert("Please select an icon");
		return false;
	}
	if($("#myavatar").attr('checked')==true)
	{
		$useAvatar = true;
		if($("#dimind").attr('checked')==true)
		{
			$hasAvatarDim = true;
			$avatarHeight = $("#avah").attr('value');
			$avatarWidth = $("#avaw").attr('value');
		}
	}
	else
		$useAvatar = false; 
	if($("#background").attr("checked")==true)
	{
		$hasBackground = true;
		$backgroundColor = $("#backcolor").attr("value");
	}
	if($("#myid").attr('checked')==true)
		$link = "myid";
	else
		$link = "sendim";
	

	$text = "<a style=\"text-decoration:none;\" href=\"ymsgr:sendim?";
	$text += $id;
	$text += "\" title=\"Contactează\">";
	$text += "<img src=\"http://www.imvisible.ro/status-image.php?";
	$text += "id="+$id;
	$text += "&icon="+$select;
	try{$text += ($useAvatar == true) ? ("&useavatar=true") : "";}catch(e){;}
	try{$text += ($hasAvatarDim == true) ? ("&avatarh=" + $avatarHeight + "&avatarw=" + $avatarWidth) : "";}catch(e){;}
	try{$text += ($hasBackground == true) ? ("&backgroundcolor="+$backgroundColor):"";}catch(e){;}
	$text += "\" alt=\"\" style=\"border:0px;\"/><br />";
	if($link=="sendim")
		$text += "Contacteaza";
	else
		$text += $id.toLowerCase();
	$text += "</a>";
	$text += "<noscript><a href=\"http://www.imvisible.ro\" title=\"";
	
	$keyword = $.get("include/keywords.php",continueGenerateCode);
	return false;
}
function continueGenerateCode(code)
{
	$text += code+"\">"+code+"</a></noscript>";
	
	$("#textarearesult").attr('value',$text);
}
$(document).ready(function()
{
	// disable personalize form // nov/5/2008 Mocho
	$("#personalize-form input").attr('disabled','disabled');
	$("#personalizediv").css('opacity','0.5');
  
	//color picker
	$('#backcolor').ColorPicker({onSubmit: function(hsb, hex, rgb) {$('#backcolor').val(hex);},onBeforeShow: function () {$(this).ColorPickerSetColor(this.value);},onChange: function() {color = $(".colorpicker_new_color").css('background-color');$("#backcolor").attr('value',rgbConvert(color));}}).bind('keyup', function(){$(this).ColorPickerSetColor(this.value); });
	$idFieldStart = $("#ymid").attr('value');	
	$("#myavatarpreview").height(0).width(0);
	
	//indicator-item hover&click action // nov/3/2008 Mocho
	$('.indicator-item').hover(function() {
		$(this).addClass('indicator-item-active');
	},function(){
		$(this).removeClass('indicator-item-active');
	});
	
	$('.indicator-item').click(function() {
		$(this).find('input').attr('checked',true);
	});
	// end indicator-item

	// end pitem(personalize)
	
	
	$("#ymid").bind('focus',checkYmid);
	$("#ymid").bind('blur',checkYmidLeave);	
	$("#personalize").bind('click',openPersonalize);
	$("#myavatar").bind('click',showAvatar);
	$("#background").bind('click',selectBackground);
	$("#dimind").bind('click',setDimind);
	$("#myid").bind('click',resetSendim);
	$("#sendim").bind('click',resetMyid);
	$("#genBtn").bind('click',generateCode);
});