// JavaScript Document
	var lastClickMenu = null;
	var lastClick = null;
	var currentClick = null;
	
	function loadContent(e, eDirecto) {
		unloadCapaMail();

		$('reg1').style.display = 'none';
		$('reg2').style.display = 'none';

		try {
			$('clienteFoto').SetVariable("estudio", "");
		}
		catch(e) {
			clienteFoto.SetVariable("estudio", "");
		}
		
		if (e!=null) {
			var child = Event.element(e);
		}
		else {
			var child = eDirecto;
		}
		
		var op = child.id;
		
		if (lastClickMenu!=null) {
			lastClickMenu.className = 'subopcion';
			Event.stopObserving(lastClickMenu, 'mouseout', vacio, false);
			
			Event.observe(lastClickMenu, 'mouseout', over, true);
			Event.observe(lastClickMenu, 'mouseover', over, true);
		}
		lastClickMenu = child;
		
		child.className = 'subopcionhovermarcada';
		Event.stopObserving(child, 'mouseover', over, false);
		Event.stopObserving(child, 'mouseout', over, false);
		
		Event.observe(child, 'mouseover', vacio, false);
		Event.observe(child, 'mouseout', vacio, false);
		
		$('clienteContent').innerHTML = '';
		
		
		if (op=="situacion") {
			var pars = "op=" + op + "&p=0&d=" + new Date(); 
			new Ajax.Updater('clienteContent', 'ajax/getDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );
			
			var pars = "op=" + op + "&p=1&d=" + new Date(); 
			new Ajax.Updater('clienteDescripcion', 'ajax/getDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );
			
			try {
				$('clienteFoto').SetVariable("imagen", "images/mapa.jpg");
			}
			catch(e) {
				try {
					clienteFoto.SetVariable("imagen", "images/mapa.jpg");
				}
				catch(e) {
					clienteFotoFail.innerHTML = '<img src="images/mapa.jpg" border="0">';
				}
			}
			
			
		}
		else if (op=="estudio") {
			var pars = "op=" + op + "&p=1&d=" + new Date(); 
			new Ajax.Updater('clienteContent', 'ajax/getDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );

			var pars = "op=" + op + "&p=2&d=" + new Date(); 
			new Ajax.Updater('clienteDescripcion', 'ajax/getDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );

			try {
				$('clienteFoto').SetVariable("imagen", "estudio");
				$('clienteFoto').SetVariable("estudio", ESTUDIO);
			}
			catch(e) {
				try {
					clienteFoto.SetVariable("imagen", "estudio");
					clienteFoto.SetVariable("estudio", ESTUDIO);
					//clienteFoto.SetVariable("imagen", "");
				}
				catch(e) {
					clienteFotoFail.innerHTML = '';
				}
			}
			
			loadCapaMail();
			
		}
		else {
			var pars = "op=" + op + "&d=" + new Date(); 
			new Ajax.Updater('clienteContent', 'ajax/getMenu.php', { method: 'get', parameters: pars, onComplete: completeMenu } );

			// IMO, AQUI ES APRETAR SUBOPCION ---- TODAVÍA SE DEJA LAS RUTAS!
			// $('clienteDescripcion').innerHTML = '';
			var pars = "";
			new Ajax.Updater('clienteDescripcion', 'ajax/getHomeDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );
			
			
			if ($('clienteFoto')!=null) {
				$('clienteFoto').SetVariable("estudio", "");
				$('clienteFoto').SetVariable("imagen", "");
			}
			else {
				try {
					$('clienteFoto').SetVariable("estudio", "");
					$('clienteFoto').SetVariable("imagen", "");
				}
				catch(e) {
					try {
						clienteFoto.SetVariable("estudio", "");
						clienteFoto.SetVariable("imagen", "");
					}
					catch(e) {
						clienteFotoFail.innerHTML = '';
					}
				}
			}
		}
		
		spotCloseLoad();
		
	}

	function vacio() {
		
	}
	
	
	function completeMenu() {
		overCliente( $("cliente0") );
		loadContentCliente($("clienteList").getValue(), 1, $("cliente0"), $("clienteListOp").getValue());
		
		// alert( $("cliente0") );
		// $("cliente0").invoke('click');
		// document.getElementById("cliente0").click();
	}
	
	var lastClickCliente = null;
	function overCliente(t) {
		t.className='subopcionClientehover';
	}
	function outCliente(t) {
		if (lastClickCliente!=t) {
			t.className='subopcionCliente';
		}
	}

	function loadContentCliente(id, pagina, t, op) {
		
		try {
			$('clienteFoto').SetVariable("imagen", "");
		}
		catch(e) {
			try {
				clienteFoto.SetVariable("imagen", "");
			}
			catch(e) {
				clienteFotoFail.innerHTML = '';
			}
			
		}
		
		$('reg1').style.display = 'none';
		$('reg2').style.display = 'none';
		if (currentClick=="opcion1" || currentClick == "opcion3") {
			$('reg1').style.display = 'block';
		}
		else if (currentClick=="opcion2") {
			$('reg2').style.display = 'block';
		}
			
		
		if (t!=null && lastClickCliente!=t) {
			if (lastClickCliente!=null) {
				lastClickCliente.className='subopcionCliente';
			}
			
			lastClickCliente = t;
		}
		
		
		var pars = "id=" + id + "&pagina=" + pagina + "&d=" + new Date(); 
		new Ajax.Updater('clienteDescripcion', 'ajax/getCliente.php', { method: 'get', parameters: pars, onComplete: onCompleteCliente } );
		
	}

	function onCompleteCliente() {
		var f = $('form1').serialize(true);
		var foto = $('fotoCliente').value;
		
		try {
			$('clienteFoto').SetVariable("imagen", foto);
		}
		catch(e) {
			try {
				clienteFoto.SetVariable("imagen", foto);
			}
			catch(e) {
				clienteFotoFail.innerHTML = '<img src="' + foto + '" border="0">';
			}
			
		}
		spotCloseLoad();
		unloadCapaMail();
		
		try {
			$('clienteFoto').SetVariable("estudio", "");
		}
		catch(e) {
			clienteFoto.SetVariable("estudio", "");
		}
		
	}
	
	
	
	function menuClic(e, eDirecto) {
		// alert("menuClick");
		$('reg1').style.display = 'none';
		$('reg2').style.display = 'none';
		
		unloadCapaMail();
		try {
			$('clienteFoto').SetVariable("estudio", "");
		}
		catch(e) {
			clienteFoto.SetVariable("estudio", "");
		}
		
		if (e==null) {
			var child = eDirecto;
		}
		else {
			var child = Event.element(e);
		}
		
		if (lastClick!=null) {
			lastClick.className = 'opcion';
			Event.stopObserving(lastClick, 'mouseout', vacio, false);
			
			Event.observe(lastClick, 'mouseout', overopcion, true);
			Event.observe(lastClick, 'mouseover', overopcion, true);
			
			if (lastClickMenu!=null) {
				lastClickMenu.className = 'subopcion';
				Event.stopObserving(lastClickMenu, 'mouseout', vacio, false);
				
				Event.observe(lastClickMenu, 'mouseout', over, true);
				Event.observe(lastClickMenu, 'mouseover', over, true);
			}
		}
		
		lastClick = child;
		
		child.className = 'opcionhovermarcada';
		Event.stopObserving(child, 'mouseover', overopcion, false);
		Event.stopObserving(child, 'mouseout', overopcion, false);
		
		Event.observe(child, 'mouseout', vacio, false);
		
		var option = $$("tr.subopcionLy");
		option.each(function(obj) {
			if (child.id==obj.id) {
				obj.style.display = '';
			}
			else {
				obj.style.display = 'none';
			}
		});
		
		currentClick = child.id;
		$('clienteContent').innerHTML = '';
		
		var pars = "";
		new Ajax.Updater('clienteDescripcion', 'ajax/getHomeDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );

		if ($('clienteFoto')!=null) {
			$('clienteFoto').SetVariable("imagen", "");
		}
		else {
			try {
				$('clienteFoto').SetVariable("imagen", "");
			}
			catch(e) {
				try {
					clienteFoto.SetVariable("imagen", "");
				}
				catch(e) {
					clienteFotoFail.innerHTML = '';
				}
			}
		}
		
		spotCloseLoad();
		unloadCapaMail();
	}
	
	function over(e) {
		var child = Event.element(e);
		if (child.className=='subopcionhover') {
			child.className='subopcion';
		}
		else {
			child.className='subopcionhover';
		}
	}

	function overopcion(e) {
		var child = Event.element(e);
		if (child.className=='opcionhover') {
			child.className='opcion';
		}
		else {
			child.className='opcionhover';
		}
	}
	
	
	function spotCloseLoad() {
		$('clienteFotoFail').style.display = '';
		$('spot').style.display = 'none';
		$('spotClose').style.display = 'none';
		
		$('spot').innerHTML = '';
	}
	
	function loadCapaMail() {
		$('estudioContent').style.display = 'block';
	}

	function unloadCapaMail() {
		$('estudioContent').style.display = 'none';
	}
	
	function loadSpot(spot) {
		$('clienteFotoFail').style.display = 'none';
		$('spot').style.display = 'block';
		$('spotClose').style.display = 'block';
		
		var s1 = new SWFObject("mediaplayer.swf","mediaplayer","384","288","8");
		s1.addParam("allowfullscreen","true");
		s1.addVariable("width","384");
		s1.addVariable("height","288");
		s1.addVariable("file", "flv/" + spot + ".flv");
		s1.write("spot");
	}
	
	
	
	
	function loadContentPie(i) {
		// Esto es para el menu general cuando no hay nada clicado.
		// -----------------------------------------------------------------
		// alert(i);
		var pars = "op=&p="+i;
		new Ajax.Updater('clienteContent', 'ajax/getPieDescripcion.php', { method: 'get', parameters: pars, onComplete: vacio } );
		
	}
	
	
	
	
	function cambiaSwfAdress(e) {
		// alert("cambiaSWF");
		var child = Event.element(e);
		
		var swfadressUrl = child.getAttribute('swfadress');
		SWFAddress.setValue( swfadressUrl );
	}
	
	
	window.onload = function() {
		
		try {
			var option = $$('.opcion');
			option.each(function(obj){
				Event.observe(obj, 'click', cambiaSwfAdress, true);
				Event.observe(obj, 'mouseout', overopcion, true);
				Event.observe(obj, 'mouseover', overopcion, true);
			});
			
			var option = $$('tr.subopcionLy');
			option.each(function(obj){
				// obj.style.display = 'none';
			});
			
			var option = $$('.subopcion');
			option.each(function(obj){
				Event.observe(obj, 'click', cambiaSwfAdress, true);
				Event.observe(obj, 'mouseout', over, true);
				Event.observe(obj, 'mouseover', over, true);
			});
		}
		catch(e) {
		}

	}
	
	
	
// SWFADRESSS
// Custom utility functions

function toTitleCase(str) {
	// no me gusta el Título así: str.substr(0,1).toUpperCase() + str.substr(1).toLowerCase();
    return str;//.substr(0,1).toUpperCase() + str.substr(1).toLowerCase();
}      

function formatTitle(title) {
    return 'Alehop Diseño Gráfico + Ilustración ' + (title != '-' ? ' / ' + toTitleCase(title.substr(1, title.length - 1).replace(/\//g, ' / ')) : '');
}


// Custom SWFAddress and Ajax handling

function getTransport() {
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    } else if (window.ActiveXObject) {
        try {
            return new ActiveXObject('Msxml2.XMLHTTP');
        } catch(e) {
            return new ActiveXObject('Microsoft.XMLHTTP');
        }
    }
}

function appear(content, value) {
    if (typeof value == 'undefined') value = 0;
    if (value > 1) return;
    var property = content.filters ? 'filter' : 'opacity';
    content.style[property] = content.filters ? 'alpha(opacity=' + value*100 + ')' : value;
    setTimeout(function () {appear(content, value + .1)}, 25);
}

function updateChange(xhr) {
    if (xhr.readyState == 4) {
        if (xhr.status == 200) {
            var content = document.getElementById('content');
            content.innerHTML = xhr.responseText;
            appear(content);
            var links = document.getElementById('social').getElementsByTagName('a');
            for (var i = 0, link, parts, pairs; link = links[i]; i++) {
                parts = link.href.split('?');
                pairs = parts[1].split('&');
                for (var j = 0, params; j < pairs.length; j++) {
                    params = pairs[j].split('=');
                    if (params[0] == 'url' || params[0] == 'u' || params[0] == 'bkmk')
                        pairs[j] = params[0] + '=' + SWFAddress.getBaseURL() + SWFAddress.getValue();
                    if (params[0] == 'title' || params[0] == 't')
                        pairs[j] = params[0] + '=' + SWFAddress.getTitle();
                }
                link.href = parts[0] + '?' + pairs.join('&');
            }
        } else {
            alert('Error: ' + xhr.status + '!');
        }
    }
}

document.getElementsByAttribute = function(attribute, parentElement) {
  var children = ($(parentElement) || document.body).getElementsByTagName('*');
  return $A(children).inject([], function(elements, child) {
    if (child.getAttribute(attribute))
      elements.push(Element.extend(child));
    return elements;
  });
}

/*
Object.extend(Enumerable, {
  pluck: function(property) {
    var results = [];
    this.each(function(value, index) {
	  // alert(property + " --- " + value.getAttribute(property) + " --- " + index);
	  // results.push(value.getAttribute ? value.getAttribute(property) || value[property] : value[property]);
	  
	  
	  
	  if (value.getAttribute("swfadress")==property) {
	  	results.push(value);
	  }
	  
    });
    return results;
  }
});

Object.extend(Array.prototype, Enumerable);
*/

function handleChange(event) {
    var index, rel, links = document.getElementsByTagName('a'), path = event.path;
    if (path.substr(path.length - 1) != '/') {
    	path += '/';
    }
    for (var i = 0, l, link; link = links[i]; i++) {
        index = link.rel.indexOf('?');
        rel = (index > -1) ? link.rel.substr(0, index) : link.rel;
        link.className = (rel == path) ? 'selected' : '';
    }
    var parameters = '';
    for (var p in event.parameters) {
        parameters += '&' + p + '=' + event.parameters[p];
    }
	
	// alert( event.path );
	// 1) SPLIT de "/" si cal
	var urlSplit = event.path.split("/");
	for (i=1;i<urlSplit.length; i++) {
		if (i==1) {
			var objetoTdSwfAdress = document.getElementsByAttribute( "swfadress" );
			objetoTdSwfAdress.each(function(obj) {
				if (obj.getAttribute("swfadress")==urlSplit[i]) {
					menuClic( null, obj );
				}
			});
		}
		else if (i==2) {
			var objetoTdSwfAdress = document.getElementsByAttribute( "swfadress" );
			objetoTdSwfAdress.each(function(obj) {
				if (obj.getAttribute("swfadress")==urlSplit[i-1] + "/" +urlSplit[i]) {
					loadContent( null, obj );
				}
			});
		}
	}
	
	
	/*
    var xhr = getTransport();
    xhr.onreadystatechange = function() {
        updateChange(xhr);
    }
	
	alert( event.path + parameters );
	
    xhr.open('get', 'datasource.php?swfaddress=' + event.path + parameters, true);
    xhr.send('');
    
	*/
	SWFAddress.setTitle(formatTitle(event.path));
}

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleChange);