var responseAjax = '';
var sizeTextoActual = 0;
var colorTextoActual = 0;
var stringTextoActual = "";
var fontTextoActual = "";
var widthTextoActual = 0;
var heightTextoActual = 0;
/////////// FUNCIONES DE CONEXION ASINCRONA  ///////////////////////
function miajax()
{
    try
	{
        objetus = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch ( e)
	{
        try
		{
            objetus= new ActiveXObject ("Microsoft.XMLHTTP");
        }
		catch (E)
		{
            objetus = false;
        }
    }
    if (! objetus && typeof XMLHttpRequest!= 'undefined')
	{
        objetus = new XMLHttpRequest();
    }
    return objetus;
}

///////////////////////////////////////////////////////////////////////
///////   IMPORTANTE: Nunca te olvides de poner el ? despues   ////////
///////   de la direccion del archivo al cual vas a enviar los ////////
///////   datos, esto es muy IMPORTANTE ///////////////////////////////

/////////////////////  CONEXION AJAX CON JSON 2.0 ////////////////////////////
/////////////////////*  Conexion Ajax v1.2 JSON */////////////////////////////
function conexionAjax2(filedestino, valoresEnvio, next)
{	
	nuevoAjax = miajax(); //crear objeto

    nuevoAjax.open("GET",filedestino+"&"+valoresEnvio,true); //abrir procesador
    nuevoAjax.onreadystatechange = function ()
	{ //funcion controlador
		if(nuevoAjax.readyState==4)
		{
           	if(nuevoAjax.status==200)
           	{
				eval (nuevoAjax.responseText);
				if (next != null)
				{
					eval (next);
				}
			}
		}
	}
			
    nuevoAjax.send(null); //envo nulo de variables*/
}

function generateText()
{
	var textoScript = document.getElementById('textoProcess').value;
	if(textoScript == null || textoScript == ""){
		alert("Escriba un texto para agregar");
		return;
	}
	document.getElementById('textoProcess').value = "";
	var destino = "php/fonter.php?";
	var env = "texto="+textoScript+"&tipofuente="+document.getElementById('fontS').value+"&sizeFont="+document.getElementById('fontSize').value+"&colorFont="+document.getElementById('fontColor').value;
	
	conexionAjax2(destino, env, "appendDragger()");
}

/*************Funciones de movimiento**************/
var Movement = false;
////http://www.formatoweb.com.ar/blog/2007/09/22/drag-drop-arrastrar-y-soltar-simple-en-un-div-con-javascript-sin-librerias/
///http://webfx.eae.net/dhtml/slider/demo.html
function carga()
{
    posicion = 0;   
    // IE
    if(navigator.userAgent.indexOf("MSIE") >= 0){
		navegador = 0;
	}else{
		navegador = 1;
	}
}
 
function evitaEventos(event)
{
    // Funcion que evita que se ejecuten eventos adicionales
    if(navegador == 0)
    {
        window.event.cancelBubble = true;
        window.event.returnValue = false;
    }
    if(navegador == 1){
		event.preventDefault();
	}
}
 
function comienzoMovimiento(event, id, type)
{
    elMovimiento = document.getElementById(id);
	typeActual = type;
	document.body.style.cursor = "move"; 
   
     // Obtengo la posicion del cursor
    if(navegador==0)
     {
        cursorComienzoX=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
        cursorComienzoY=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
 
        document.attachEvent("onmousemove", enMovimiento);
        document.attachEvent("onmouseup", finMovimiento);
    }
    if(navegador==1)
    {   
        cursorComienzoX=event.clientX+window.scrollX;
        cursorComienzoY=event.clientY+window.scrollY;
       
        document.addEventListener("mousemove", enMovimiento, true);
        document.addEventListener("mouseup", finMovimiento, true);
    }
   
    elComienzoX=parseInt(elMovimiento.style.left);
    elComienzoY=parseInt(elMovimiento.style.top);
    // Actualizo el posicion del elemento
	if(typeActual != 'texto'){
    	elMovimiento.style.zIndex=++posicion;
	}else{
    	elMovimiento.style.zIndex = 10000;	
	}
    evitaEventos(event);
}
 
function enMovimiento(event)
{ 
    var xActual, yActual;
    if(navegador==0)
    {   
        xActual=window.event.clientX+document.documentElement.scrollLeft+document.body.scrollLeft;
        yActual=window.event.clientY+document.documentElement.scrollTop+document.body.scrollTop;
    } 
    if(navegador==1)
    {
        xActual=event.clientX+window.scrollX;
        yActual=event.clientY+window.scrollY;
    }
   
    elMovimiento.style.left=(elComienzoX+xActual-cursorComienzoX)+"px";
    elMovimiento.style.top=(elComienzoY+yActual-cursorComienzoY)+"px";
 
    evitaEventos(event);
}
 
function finMovimiento(event)
{
	document.body.style.cursor = ""; 
    if(navegador==0)
    {   
        document.detachEvent("onmousemove", enMovimiento);
        document.detachEvent("onmouseup", finMovimiento);
    }
    if(navegador==1)
    {
        document.removeEventListener("mousemove", enMovimiento, true);
        document.removeEventListener("mouseup", finMovimiento, true);
    }
	if(typeActual == "foto"){
		endMovementFoto();
	}else{
		endMovementTexto();
	}
}
 
window.onload=carga;
/*************Funciones de movimiento**************/
function prepareMovementFoto(){
	document.getElementById('foto').style.zIndex = 100000;
	document.getElementById('foto').className = 'canvas';
}
function endMovementFoto(){
	document.getElementById('foto').style.zIndex = 100;
	document.getElementById('foto').className = '';
	document.getElementById('leftFoto').value = parseInt(document.getElementById('foto').style.left.replace("px", ""));
	document.getElementById('topFoto').value = 	parseInt(document.getElementById('foto').style.top.replace("px", ""));
}
function resetFoto(){
	sizeFoto.setValue(25);
	document.getElementById('foto').style.top = 0;
	document.getElementById('foto').style.left = 0;
	document.getElementById('foto').style.zIndex = 100;
}
/*************Funciones de Agregar Textos***********/
function endMovementTexto(){
	document.getElementById(textoActual).style.zIndex = 10000;
	document.getElementById(textoActual).className = '';
	var idText = parseInt(textoActual.replace("mydragger_", ""));
	document.getElementById('leftText_'+idText).value = parseInt(document.getElementById(textoActual).style.left.replace("px", ""));
	document.getElementById('topText_'+idText).value = 	parseInt(document.getElementById(textoActual).style.top.replace("px", ""));
}