var CloseListBox = 0;
var CloseListBoxOld = 0;
getEventSrc = window.Event? function(e){var targ=e.target;return targ.nodeType==1?targ:targ.parentNode}: function() {return event.srcElement} 
pic1= new Image(7,6); 
pic1.src="menubuttons/checkmark.gif"; 

if (window.captureEvents){
	window.captureEvents(Event.CLICK);
	window.onclick=sourceCheck;
}
else
	document.onclick=sourceCheck;

function sourceCheck(e, extra){
	if (!extra) var el=(typeof event!=='undefined')? event.srcElement : e.target;
	else el = extra;

	if (CloseListBoxOld) showMenu(CloseListBoxOld, 1); 	CloseListBoxOld = '';
	if (CloseListBox)
	{
		if (el.id.substr(0,15) != 'popup_feedback_')
		{
			showMenu(CloseListBox, 1);
		}
	}
}

function showMenu(container, Bshow, e) 
{ 
 if (!document.getElementById || (e && getEventSrc(e)!=container)) return;
 if (Bshow == 1 || container.getElementsByTagName('div')[0].style.display) {
	container.getElementsByTagName('div')[0].style.display = '';
	container.getElementsByTagName('td')[1].style.backgroundColor = '#FFFFFF';
	container.getElementsByTagName('td')[1].value = '';
	CloseListBox = '';
 }
 else {
	container.getElementsByTagName('div')[0].style.display = 'block';
	container.getElementsByTagName('td')[1].style.backgroundColor = '#e39724';
	container.getElementsByTagName('td')[1].value = 'activo';
	if (CloseListBox) { CloseListBoxOld = CloseListBox; sourceCheck(0,container); }
	CloseListBox = container;

	var sfEls = container.getElementsByTagName('div')[0].getElementsByTagName('span');
	for (var i=0; i < sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className="popupdropdownspanhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp("popupdropdownspanhover\\b"), "");
		}
	}
 }
}

function colorMenu(container, flag, textCap) 
{
	if (container.getElementsByTagName('td')[1].value != 'activo' && container.getElementsByTagName('td')[1].value != 'encima')
	{
		container.getElementsByTagName('td')[1].style.backgroundColor = '#ffc161';
		container.getElementsByTagName('td')[1].value = 'encima';
		if (textCap) document.getElementById("customizadorHelpBox").innerHTML = textCap;
	}
	else if (flag == 0 && container.getElementsByTagName('td')[1].value == 'encima')
	{
		container.getElementsByTagName('td')[1].style.backgroundColor = '#FFFFFF';
		container.getElementsByTagName('td')[1].value = '';
//		document.getElementById("customizadorHelpBox").innerHTML = '';
	}
}

function clickMenu(container, typeData, newText, textHide)
{
	var whereDidClick = container;
	container = container.parentNode.parentNode;
	window.status='';
	container.getElementsByTagName('input')[0].value = textHide? textHide: newText;
	if (typeData == 1) container.getElementsByTagName('span')[0].innerHTML = newText.substr(0, 14);
	else if (typeData == 2) container.getElementsByTagName('span')[0].innerHTML = '<img src="'+newText+'" id="popup_feedback_imgvalue" alt="" style="width: '+(container.style.width.substr(0, container.style.width.length - 2) - 25)+'px;" />';
	else if (typeData == 3) {
		var anchorTags = whereDidClick.parentNode.getElementsByTagName('span');
		for (var i = 0; i < anchorTags.length ; i++)
		{
		   if (anchorTags[i].getElementsByTagName('img')[0] && anchorTags[i].getElementsByTagName('img')[0].id.substr(0, 22) == 'popup_feedback_ChkThis') anchorTags[i].getElementsByTagName('img')[0].src = '/customizador/menubuttons/transparent.gif';
		}
		whereDidClick.getElementsByTagName('img')[0].src = '/customizador/menubuttons/checkmark.gif';
	}
	showMenu(container,1);
}





var defaulCampus=new Array('Txcoor', 'Tycoor', 'TimgWidht', 'TimgHeight', 'Ttext', 'TdelOldImage', 'Tfont', 'Tfontsize', 'Tfontcolor', 'Ttexture', 'Teffect', 'Tshadow', 'Tstrokewidth', 'Tstrokecolor', 'Tstrokecheck');
var defaulValues=new Array('1', '1', '56', '19', 'Entre el Texto', 'textImage.png', 'Bank Gothic Medium BT', '20', 'ffffff', '0', '0', '0', '2', 'ffffff', '0');


function LoadDefaultData (formname, elemid) {
	if (ReadArray(formname, 'TdelOldImage', elemid - 1) == 'textImage.png') { alert("No puedes crear un texto nuevo sin antes haber utilizado el anterior"); return 0; }
	else {
		for(i = 0; i < defaulCampus.length; i++) {
			eval("document." + formname + "." + defaulCampus[i] + ".value += '|" + defaulValues[i] + "'");
		}
		return 1;
	}
}

function AddArray (formname) {
	eval("var FormWork = document." + formname);
	var NewID = ReadArray(formname, 'amountmax', 0);
	NewID++;

	if (NewID > ReadArray(formname, 'amountmax', 1)) { alert("No puede añadir más de "+NewID+" textos."); return; }
	else if (LoadDefaultData(formname, NewID) == 1) {
		EditArray(formname, 'amountmax', 0, NewID);
		FormWork.multiTexts.options[NewID] = new Option('Texto ' + (NewID + 1), NewID);
	}

	ReloadFrame(formname);
	FormWork.multiTexts.selectedIndex = NewID;
	LoadData(formname, NewID, 1);
}

function DelArray(formname, elemid, ask) {

	if (ask) {
		input_box=confirm("¿Estas seguro que deseas borrar este texto?");
		if (input_box==false) return;
	}

	eval("var FormWork = document." + formname);
	var NewID = ReadArray(formname, 'amountmax', 0);
	if (NewID == 0) { alert('Solamente tienes un texto, no puedes borrarlo.'); return; }

	for(i = 0; i < defaulCampus.length; i++) {
		eval("var ElementWork = document." + formname + "." + defaulCampus[i]);
		var strings = ElementWork.value.split('|')
		strings.splice(elemid, 1);
		ElementWork.value = strings.join('|');
	}
	
	FormWork.multiTexts.options[NewID] = null;
	FormWork.imgorder.value = FormWork.imgorder.value.replace(','+NewID+',', '');
	NewID--;
	EditArray(formname, 'amountmax', 0, NewID);
	LoadData (formname, NewID, 0);
	ReloadFrame(formname);
}

function EditArray(formname, itemname, elemid, newvalue) {
	eval("var ElementWork = document." + formname + "." + itemname);
	var strings = ElementWork.value.split('|')
	strings[elemid] = newvalue;
	ElementWork.value = strings.join('|');
}

function ReadArray(formname, itemname, elemid) {
	eval("var ElementWork = document." + formname + "." + itemname);
	var strings = ElementWork.value.split('|')

	return strings[elemid];
}

function LoadData (formname, elemid, save) {
	eval("var FormWork = document." + formname);
	if (save) SaveData(formname, FormWork.arrayWorking.value);
	FormWork.arrayWorking.value = elemid;

	for(i = 0; i < defaulCampus.length; i++) {
		var ElementValue = ReadArray(formname, defaulCampus[i], elemid);
		eval("var ElementWork = document." + formname + "." + defaulCampus[i].substring(1));

		if (defaulCampus[i].substring(1) == 'strokecheck') {
			if (ElementValue == 1) ElementWork.checked = true;
			else ElementWork.checked = false;
		}
		else ElementWork.value = ElementValue;
	}
	UpdateData(formname);
}

function ReloadFrame(formname) {
	eval("var FormWork = document." + formname);

	document.getElementById('iframeback1').src = 'http://www.customizalo.com/customizador/imageiframe.php?image='+FormWork.imageBack.value+'&backsec='+FormWork.imageSec.value+'&width='+FormWork.width.value+'&height='+FormWork.height.value+'&text='+encodeURI(FormWork.TdelOldImage.value)+'&imgWidht='+encodeURI(FormWork.TimgWidht.value)+'&imgHeight='+encodeURI(FormWork.TimgHeight.value)+'&x='+encodeURI(FormWork.Txcoor.value)+'&y='+encodeURI(FormWork.Tycoor.value);
}

function SaveData (formname, elemid) {
	for(i = 0; i < defaulCampus.length; i++) {
		eval("var ElementValue = document." + formname + "." + defaulCampus[i].substring(1));

		if (defaulCampus[i].substring(1) == 'strokecheck') {
			if (ElementValue.checked) EditArray(formname, defaulCampus[i], elemid, 1);
			else EditArray(formname, defaulCampus[i], elemid, 0);
		}
		else if (defaulCampus[i] == 'Txcoor' || defaulCampus[i] == 'Tycoor') { /*Dont Do Anything*/ }
		else EditArray(formname, defaulCampus[i], elemid, ElementValue.value.replace('|', ' '));
	}
}

function UpdateData (formname) {
	eval("var FormWork = document." + formname);

	//Font Name
	document.getElementById("popup_feedback_spanfont").innerHTML = FormWork.font.value.substr(0, 14);
	
	//Font Size
	var FontSizeConv = FormWork.fontsize.value;
	
	switch (FontSizeConv) {
		case '13': FontSizeConv = 12; break;
		case '15': FontSizeConv = 14; break;
		case '20': FontSizeConv = 16; break;
		case '23': FontSizeConv = 18; break;
		case '32': FontSizeConv = 20; break;
		case '34': FontSizeConv = 22; break;
		case '37': FontSizeConv = 24; break;
		case '40': FontSizeConv = 30; break;
		case '48': FontSizeConv = 36; break;
		case '62': FontSizeConv = 48; break;
	}
	document.getElementById("popup_feedback_spanfontsize").innerHTML = FontSizeConv;

	//Font Color
	document.getElementById("popup_feedback_spanfontcolor").style.backgroundColor = '#'+FormWork.fontcolor.value;
	
	//Textures
	var i = 0;
	while (document.getElementById('popup_feedback_ChkThis_texture'+i)!=null){
		if (document.getElementById('popup_feedback_ChkThis_texture'+i).alt == FormWork.texture.value) {
			document.getElementById('popup_feedback_ChkThis_texture'+i).src = '/customizador/menubuttons/checkmark.gif';
		}
		else {
			document.getElementById('popup_feedback_ChkThis_texture'+i).src = '/customizador/menubuttons/transparent.gif';
		}
		i++;
	} 

	//Effects
	var i = 0;
	while (document.getElementById('popup_feedback_ChkThis_effect'+i)!=null){
		if (document.getElementById('popup_feedback_ChkThis_effect'+i).alt == FormWork.effect.value) {
			document.getElementById('popup_feedback_ChkThis_effect'+i).src = '/customizador/menubuttons/checkmark.gif';
		}
		else {
			document.getElementById('popup_feedback_ChkThis_effect'+i).src = '/customizador/menubuttons/transparent.gif';
		}
		i++;
	}

	//Shadow
	var i = 0;
	while (document.getElementById('popup_feedback_ChkThis_shadow'+i)!=null){
		if (document.getElementById('popup_feedback_ChkThis_shadow'+i).alt == FormWork.shadow.value) {
			document.getElementById('popup_feedback_ChkThis_shadow'+i).src = '/customizador/menubuttons/checkmark.gif';
		}
		else {
			document.getElementById('popup_feedback_ChkThis_shadow'+i).src = '/customizador/menubuttons/transparent.gif';
		}
		i++;
	} 

	//Stroke
	document.getElementById("popup_feedback_td1stroke").style.backgroundColor = '#'+FormWork.strokecolor.value;

	var i = 0;
	while (document.getElementById('popup_feedback_ChkThis_stroke'+i)!=null){
		if (document.getElementById('popup_feedback_ChkThis_stroke'+i).alt == FormWork.strokewidth.value) {
			document.getElementById('popup_feedback_ChkThis_stroke'+i).src = '/customizador/menubuttons/checkmark.gif';
		}
		else {
			document.getElementById('popup_feedback_ChkThis_stroke'+i).src = '/customizador/menubuttons/transparent.gif';
		}
		i++;
	} 

}

function MoveXY() {
	EditArray('createImage', 'Txcoor', document.createImage.movexy.value, document.createImage.xcoor.value);
	EditArray('createImage', 'Tycoor', document.createImage.movexy.value, document.createImage.ycoor.value);

	document.createImage.imgorder.value = document.createImage.imgorder.value.replace(','+document.createImage.movexy.value+',', '')+','+document.createImage.movexy.value+',';

	if (document.createImage.arrayWorking.value != document.createImage.movexy.value)
	{
		document.createImage.multiTexts.selectedIndex = document.createImage.movexy.value;
		LoadData('createImage', document.createImage.movexy.value, 1);
	}
}