// JavaScript Document
var thisTool = 0;
var editTools = new Array();
var orderTools = new Array();
var slideTools = new Array();
var editToolType = 0;
var editToolId = 1;
var checkToolDel = 2;
var checkToolOrder = 3;
var editToolForm = 4; // forms
var editToolLink = 5; // links
var toolImgData = 6; // this sets where in the array the img data is
var toolVidData = 7; // this sets where in the array the img data is
var editToolObj = 9; // i just felt like it ^^
var txtDataReservoir = new Array();
var deleteWidth = 640; // must create a div to wrap the delete div in order to control width
var iframeWidth = 620; //deleteWidth - style padding of 20px
var iframeHeightImg = 210;
var iframeHeightVid = 270;
var editToolClass = 'editTool';
var txtLineSize = 75;
var txtLineSizeMini = '1" maxlength="3';
var actBorder = 1; //activate borders for most tables
var actAuxBorder = 0; //activate borders for auxiliary tables
var actFrameBorder = 0; //activate borders for iframes
var formatToolsTableWidth = '50%';
var formatToolsTableWidthTxt = '100%';
var formatToolsCellPadding = 1;
var insDiv; //just to be able to use it in editMenuBar
var editMenuBar0 = '\
\
\
\
';
oldDiv = div.innerHTML;
div.innerHTML = '';
newDiv = s + oldDiv;
try {
div.innerHTML = newDiv;
}
catch(e) {
alert(e.description);
}
editTools[thisTool] = new Array();
editTools[thisTool][editToolType] = type;
editTools[thisTool][editToolId] = idInput;
editTools[thisTool][checkToolDel] = idDiv; //check if it has not been erased
++thisTool;
restoreTxtData();
}
function addList(x) {
preserveTxtData();
var type = 'list_';
var suffix = type + thisTool;
var thisToolBis = thisTool + 1;
var suffixBis = type + thisToolBis;
var idDiv = 'del_' + suffix;
var idInput = 'ins_' + suffix;
var idInputBis = 'ins_' + suffixBis;
var idForm = 'form_' + suffix;
var idFormBis = 'form_' + suffixBis;
var insDiv = 'div_' + suffix;
var listItemsDiv = 'items_' + suffix;
var div = d.getElementById(x);
var oldDiv;
var newDiv;
var s = '\
\
\
';
oldDiv = div.innerHTML;
div.innerHTML = '';
newDiv = s + oldDiv;
div.innerHTML = newDiv;
editTools[thisTool] = new Array();
editTools[thisTool][editToolType] = type;
editTools[thisTool][editToolId] = idInput;
editTools[thisTool][checkToolDel] = idDiv; //check if it has not been erased
editTools[thisTool][editToolForm] = idForm;
++thisTool;
editTools[thisTool] = new Array();
editTools[thisTool][editToolType] = type;
editTools[thisTool][editToolId] = idInputBis;
editTools[thisTool][checkToolDel] = idDiv; //check if it has not been erased
editTools[thisTool][editToolForm] = idForm;
++thisTool;
restoreTxtData();
}
function addLine(x) {
preserveTxtData();
var type = 'line_';
var suffix = type + thisTool;
var idDiv = 'del_' + suffix;
var idInput = 'ins_' + suffix;
var idForm = 'form_' + suffix;
var idLink = 'link_' + suffix;
var idSlide = 'slide_' + suffix;
var divAniDiv = 'ani_' + suffix;
var insDiv = 'div_' + suffix;
var div = d.getElementById(x);
var oldDiv;
var newDiv;
var s = '\
\
\
';
oldDiv = div.innerHTML;
div.innerHTML = '';
newDiv = s + oldDiv;
div.innerHTML = newDiv;
//arrAniDiv[divAniDiv] = new animatedcollapse(divAniDiv, 800, false, 'contract');
//after the div has been taken out from var s -the html code- this line makes no sense.
//slideTools[ thisTool ] = new Morph( idSlide + '_left', idSlide + '_right', idSlide + '_cont', 'slideTools[ ' + thisTool + ' ]' );
editTools[thisTool] = new Array();
editTools[thisTool][editToolType] = type;
editTools[thisTool][editToolId] = idInput;
editTools[thisTool][checkToolDel] = idDiv; //check if it has not been erased
editTools[thisTool][editToolForm] = idForm;
editTools[thisTool][editToolLink] = idLink; //add hyperlink
++thisTool;
restoreTxtData();
}
function addParagraph(x) {
preserveTxtData();
var type = 'para_';
var suffix = type + thisTool;
var idDiv = 'del_' + suffix;
var idInput = 'ins_' + suffix;
var idForm = 'form_' + suffix;
var insDiv = 'div_' + suffix;
var div = d.getElementById(x);
var oldDiv;
var newDiv;
var s = '\
\
\
';
this.insertTool = function( x )
{
preserveTxtData();
var div = d.getElementById(x);
var oldDiv = div.innerHTML;
var newDiv = self.code + oldDiv;
div.innerHTML = '';
if( div.innerHTML = newDiv )
{
thisTool = self.tool + 1; // very important, only adds a tool if the tool was successfuly inserted
}
restoreTxtData();
}
this.applyImg = function( dataObj )
{
try
{
var f;
var j = d.getElementById( idInput );
var s = d.getElementById( idAjax );
// if contentDocument exists, W3C compliant ( Mozilla )
if( document.getElementById( idFrame ).contentDocument )
{
f = document.getElementById( idFrame ).contentDocument;
}
else
{
// IE
f = d.frames[ idFrame ].document;
}
var jackie = f.getElementById( 'jacqueline' ).value;
alert("DEBUG -> "+jackie);
var file = f.dbData.file;
var size_kb = f.dbData.size_kb;
var width_px = f.dbData.width_px;
var height_px = f.dbData.height_px;
var gallery = f.dbData.gallery;
if( jackie )
{
editTools[self.tool][toolImgData] = new Array();
editTools[self.tool][toolImgData][0] = file;
editTools[self.tool][toolImgData][1] = size_kb;
editTools[self.tool][toolImgData][2] = width_px;
editTools[self.tool][toolImgData][3] = height_px;
editTools[self.tool][toolImgData][4] = gallery; // added later
s.innerHTML = '\
' + file + ' ha sido aplicada con éxito.\
';
j.value = file;
}
else
{
s.innerHTML = '\
Código incorrecto. Asegurate de que el código ingresado provenga de YouTube y no haya sido modificado.\
';
}
}
catch(e)
{
alert('Ha ocurrido un error : "' + e.description + '".');
}
}
}
function addVid(x){
preserveTxtData();
var type = 'vid_';
var suffix = type + thisTool;
var idDiv = 'del_' + suffix;
var idInput = 'ins_' + suffix;
var idForm = 'form_' + suffix;
var idFrame = idInput + '_iframe';
var idAjax = idInput + '_ajax';
var mode = 'start';
var insDiv = 'div_' + suffix;
var div = d.getElementById(x);
var oldDiv;
var newDiv;
var s = '\
\
\
';
oldDiv = div.innerHTML;
div.innerHTML = '';
newDiv = s + oldDiv;
div.innerHTML = newDiv;
editTools[thisTool] = new Array();
editTools[thisTool][editToolType] = type;
editTools[thisTool][editToolId] = idInput;
editTools[thisTool][checkToolDel] = idDiv; //check if it has not been erased
editTools[thisTool][editToolForm] = idForm;
++thisTool;
restoreTxtData();
}
function addGroup(x) {
preserveTxtData();
var type = 'group_';
var suffix = type + thisTool;
var thisToolBis = thisTool + 1;
var suffixBis = type + thisToolBis;
var idDiv = 'del_' + suffix;
var idInput = 'ins_' + suffix;
var idInputBis = 'ins_' + suffixBis;
var idForm = 'form_' + suffix;
var idFormBis = 'form_' + suffixBis;
var idLink = 'link_' + suffix;
var insDiv = 'div_' + suffix;
var listItemsDiv = 'items_' + suffix;
var div = d.getElementById(x);
var oldDiv;
var newDiv;
var s = '\