var radioSpecialArr = new Array();

function setSpecialValue(val)
{
	var formParents = $("#"+val.id).parents("div");
	if (formParents[formParents.length-1].id != "toolTipDesc" && formParents[formParents.length-1].id != undefined)
	{
		if (formParents[formParents.length-1].id == "winAjaxInfo")
		{
			var formName = formParents[formParents.length-2].id;
		}
		else
		{
			var formName = formParents[formParents.length-1].id;
		}
	}
	//alert(formName);
	
	var idExistsInArr = false;

	for (var i = 0; i < radioSpecialArr.length; i++)
	{
		if ("radio_special_radio_answer"+radioSpecialArr[i].id == val.id)
		{
			idExistsInArr = true;
			if (String(radioSpecialArr[i].val2).length > 0)
			{
				radioSpecialArr[i].val2 = radioSpecialArr[i].val2.substr(0,Number(radioSpecialArr[i].val2.indexOf(":")))+": "+$("#"+val.id).val();
			}
			else
			{
				if($("#radio_special_radiosi"+radioSpecialArr[i].id).attr("checked") == true)
				{
					radioSpecialArr[i].val2 = "si: "+$("#"+val.id).val();
				}
				else
				{
					radioSpecialArr[i].val2 = "no: "+$("#"+val.id).val();
				}
			}
		}
		
		if ("radio_special_radiosi"+radioSpecialArr[i].id == val.id || "radio_special_radiono"+radioSpecialArr[i].id == val.id)
		{
			idExistsInArr = true;
			if ($("#"+val.id).attr("checked") == true)
			{
				radioSpecialArr[i].val2 = $("#"+val.id).val()+": "+$("#radio_special_radio_answer"+radioSpecialArr[i].id).val();
			}
		}
		
		if ("radio_special"+radioSpecialArr[i].id == val.id)
		{
			idExistsInArr = true;
			radioSpecialArr[i].val = $("#"+val.id).val();
		}
		
		// NO SOBREESCRIBIR VAL PORQUE EN ESTE CASO ES SOLO UN CLICK SOBRE EL RADIO O CHECKBOX, PERO SIN VALOR EN EL FORMSPECIAL
		if (radioSpecialArr[i].id == val.id)
		{
			idExistsInArr = true;
			//radioSpecialArr[i].val = $("#"+val.id).val();
		}
	}

	if (idExistsInArr == false)
	{
		//radioSpecialArr.push({id: val.id, val: $("#"+val.id).val()});
		radioSpecialArr.push({id: val.id, val: "", val2: ""});
	}

//	$("#radio_special-2"+val).attr({nValue: $("#radio_special-2"+val).attr('value')});
//alert($("#radio_special-2"+val).attr('nValue'));
}

//special es true or false .. dependiendo si queremos que aparece un form special en el tooltip
//specialType es que formulario especial aparece en el tooltip
//isPopup indique si es un popup o un formulario normal (true, false)
function posCursor(id, desc, special, specialType, isPopup)
{
	var xLeft = $("#"+id).offset();
	var yTop = $("#"+id).offset();

	var xl =xLeft.left;
	var yt= yTop.top;

	//if(document.getElementById('form_no_carrusel') != null)
	if(isPopup == true || isPopup == "true")
	{
		var divOffset = $("#winAjaxInfo").offset();
		var divTop = divOffset.top + ($("#toolTipDesc").height() / 4);

		var xpos = Number(xl) - divOffset.left + 26;

		if (xpos+$("#toolTip").width()+divOffset.left > Size()[0]) {xpos -= ($("#toolTip").width()+70);}

		$("#toolTipDesc").css({'top': Number(yt)-divTop+Number(divOffset.top)+"px", 'left' : Number(xpos)+Number(divOffset.left)+"px"});
		$("#toolTip").html(desc);
	}
	
	//if(document.getElementById('form_carrusel') != null)

	if(isPopup == false || isPopup == "false")
	{	
		//var sizePopup = $(".winAjaxInfoNormal").width();
		var divOffset = $(".winAjaxInfoNormal").offset();
		var divTop = divOffset.top + ($("#toolTipDesc").height() / 4);

		if(xpos+$("#toolTip").width()+divOffset.left > Size()[0])
		{
			xpos -= ($("#toolTip").width()+70);
		}
		
		var yTopForm = $("#form_carrusel").offset();
		var ytForm= yTopForm.top;

		$("#toolTipDesc").css({'top': Number(yt+ytForm+5)-divTop+"px", 'left' : Number(xl+25)+"px"});
		$("#toolTip").html(desc);
	}
	
	
		var showTooltip = true;
		
		if(special == "true")
		{
			var idSplit = id.split('_');

			switch(specialType)
			{
				case "special_why":
					var formSpecial = '<div id="close_toolTip" style="cursor:pointer"><img src="'+pathPpal+'componentes/forms/validation/img/close.jpg" width="16" height="16" onclick="kill();"/></div><span id="'+idSplit[0]+'"><label>&iquest;Porqu&eacute;? (Opcional)<br/><input type="text" name="radio_special'+idSplit[0]+'" id="radio_special'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label></span>';
				break;
				
				case "special_time":
					var formSpecial = '<div id="close_toolTip" style="cursor:pointer"><img src="'+pathPpal+'componentes/forms/validation/img/close.jpg" width="16" height="16" onclick="kill();"/></div><span id="'+idSplit[0]+'"><label>&iquest;Cu&aacute;nto tiempo? (Opcional)<br/><input type="text" name="radio_special'+idSplit[0]+'" id="radio_special'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label></span>';
				break;
				
				case "special_why_yesno":
					var formSpecial = '<div id="close_toolTip" style="cursor:pointer"><img src="'+pathPpal+'componentes/forms/validation/img/close.jpg" width="16" height="16" onclick="kill();"/></div><span id="'+idSplit[0]+'"><label>&iquest;Cual fue el problema?<br/><input type="text" name="radio_special'+idSplit[0]+'" id="radio_special'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label><br/><br/>&iquest;El problema fue resuelto a satisfacci&oacute;n?<label><input type="radio" id="radio_special_radiosi'+id+'" name="radio_special_radio'+idSplit[0]+'" value="si" onchange="setSpecialValue(this)" checked/>Si</label><label><input type="radio" id="radio_special_radiono'+id+'" name="radio_special_radio'+idSplit[0]+'" value="no" onchange="setSpecialValue(this)"/>No</label><br/><br/><label>Por favor especifique:<br/><input type="text" name="radio_special_radiono_answer'+idSplit[0]+'" id="radio_special_radio_answer'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label></span>';
				break;
				
				case "special_cual":
					if ($("#"+id).attr('checked') == true)
					{
						var formSpecial = '<div id="close_toolTip" style="cursor:pointer"><img src="'+pathPpal+'componentes/forms/validation/img/close.jpg" width="16" height="16" onclick="kill();"/></div><span id="'+idSplit[0]+'"><label>&iquest;Cual?<br/><input type="text" name="radio_special'+idSplit[0]+'" id="radio_special'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label></span>';
					}
					else
					{
						showTooltip = false;
					}
				break;
				
				case "special_americandy":
					var formSpecial = '<div id="close_toolTip" style="cursor:pointer"><img src="'+pathPpal+'componentes/forms/validation/img/close.jpg" width="16" height="16" onclick="kill();"/></div><span id="'+idSplit[0]+'"><label>Cantidad:<br/><input type="text" name="radio_special_americandy_amount'+idSplit[0]+'" id="radio_special_americandy_amount'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label><label>Porcentaje:<br/><input type="text" name="radio_special_americandy_percent'+idSplit[0]+'" id="radio_special_americandy_percent'+id+'" onChange="setSpecialValue(this)" value="" size="27"/></label></span>';
				break;
			}
		
			if (showTooltip == true)
			{
				$("#toolTip").html(formSpecial);

				for (var j = 0; j < radioSpecialArr.length; j++)
				{
					if ("radio_special"+radioSpecialArr[j].id == "radio_special"+id || radioSpecialArr[j].id == "radio_special"+id)
					{
						$("#radio_special"+id).attr({value: radioSpecialArr[j].val});
					}
					
					if ("radio_special_radio_answer"+radioSpecialArr[j].id == "radio_special_radio_answer"+id)
					{
						$("#radio_special_radio_answer"+id).attr({value: radioSpecialArr[j].val2.substring(Number(radioSpecialArr[j].val2.indexOf(":"))+2)});
					}

					if ("radio_special_radiosi"+radioSpecialArr[j].id == "radio_special_radiosi"+id || "radio_special_radiono"+radioSpecialArr[j].id == "radio_special_radiono"+id)
					{
						if(radioSpecialArr[j].val2.substr(0,Number(radioSpecialArr[j].val2.indexOf(":"))) == "si") {$("#radio_special_radiosi"+id).attr({checked: true});}
						else {$("#radio_special_radiono"+id).attr({checked: true});}
					}
				}
				
				var xLeft1 = $("#toolTip").offset();
				var yt1= xLeft1.top;
				var xl1 =xLeft1.left;
			
				$("#toolTipDesc").fadeIn("fast", function(){setToolTipFocus();});
			}
		}
		
		if(special == "" || special == undefined)
		{
			$("#toolTipDesc").fadeIn("fast", function(){setToolTipFocus();});
		}
}

function setToolTipFocus()
{
	$("#toolTip :input:first").focus();
}

function kill()
{
	$("#toolTip :input").each(function (i) {$("#"+this.id).trigger("change");});
	$("#toolTipDesc").fadeOut("fast");
}