function opencloseOptions() {	
	
	if(document.getElementById("options").className=='openoptions'){
		Effect.BlindDown('step03', { duration: 0.2 });
		document.getElementById("options").className='closeoptions';
		//document.getElementById("step03").style.display='none';		
		document.getElementById("starstep03").style.display='block';
	}
	else{
		document.getElementById("options").className='openoptions';
		//document.getElementById("step03").style.display='block';
		 Effect.BlindUp('step03', { duration: 0.2 });
		 document.getElementById("starstep03").style.display='none';
		 
	} 
		
}

function showPhoto(div) {			
	document.getElementById(div).style.display='block';		
}

function hiddenPhoto(div) {	
	document.getElementById(div).style.display='none';
		
}

function showHelp(nummessage,type) {
	var message = new Array ("COMPLEJIDAD ALTA:<br>- Formas tridimensionales, sombras, degradados, efectos...<br>- Formas orgánicas complejas, formas compuestas de muchos nodos.<br>- Tipografías con un alto grado de modificación o creadas específicamente para el logotipo.<br>- Imagen del logotipo de baja calidad: pixelada, pequeńa, con bordes borrosos,con deformaciones...", 
							 "COMPLEJIDAD MEDIA:<br>- Formas relativamente simples, compuestas por uno o varios elementos.<br>- Tipografías comunes con cierto grado de modificación, o tipografías únicas de trazado sencillo.<br>- Sin efectos complejos ni degradados.<br>- Logotipos complejos pero con una resolución de imagen muy alta.",
							 "COMPLEJIDAD BAJA:<br>- Formas planas, geométricas y con pocos nodos.<br>- Hasta 4 colores planos, sin efectos ni degradados.<br>- Tipografías comunes y fácilmente reconocibles, sin modificaciones.<br>- Elementos repetidos.");
	if(document.getElementById(type)){
		document.getElementById(type).style.display='block';
	}
	else{	
		var objPageContainer = document.getElementById("page_container");
				
		var objHelp = document.createElement("div");
		objHelp.setAttribute('id',type);
		objHelp.className='help_container';
		objHelp.onmouseout = function() {hiddenHelp(type); }
		objPageContainer.appendChild(objHelp);	
		objHelp.innerHTML=message[nummessage];
	}
}

function hiddenHelp(div){	
	document.getElementById(div).style.display='none';	
}
/*Set obj
--------------------------------*/
function setObj(e, div, offsetx, offsety) {
	var menuID;
	var menuobj;
	var menuWidth;
	var menuPosition;
	var timerID;
	var retardoID;
	var seconds=0;
	var x=0;
	var y=0;
	
	var navegador = navigator.appName
	if (navegador == "Microsoft Internet Explorer") {
		offsety=offsety+110;
	}
	clearTimeout(timerID);
	//Calcula las coordenadas del ratón
	x = e.layerX ? e.layerX : e.x; 
	y = e.layerY ? e.layerY : e.y; 
	if(document.all){ 
	x+=document.body.scrollLeft; 
	y+=document.body.scrollTop; 
	}
	menuID = "menuactivo";
	menuPosition = "bottomL";
	menuWidth=202;
	
	if (menuPosition == "bottomR") { // Right
		x=x+offsetx;
		y=y+offsety;
	}
	if (menuPosition == "bottomL") { // Left
		x=x-(offsetx+2)-menuWidth;
		y=y-offsety;
	}
	
	menuobj=document.getElementById(div);
	menuobj.style.left = x+"px";
	menuobj.style.top = y+"px";
	menuobj.style.display="block";
}

function showimage(urlimage, id) {
	
	var objPageContainer = document.getElementById("page_container");
	if(document.getElementById(id)){
		document.getElementById(id).style.display='block';
	}
	else{			
		var objImage = document.createElement("div");
		objImage.setAttribute('id', id);
		objImage.className="showimage";
		objPageContainer.appendChild(objImage);	
		
		var objLoadingImage = document.createElement("img");
		objLoadingImage.setAttribute('src', urlimage);
		objImage.appendChild(objLoadingImage);
	}
}
function hiddenimage(id) {		
	document.getElementById(id).style.display='none';
}

function showContainer() {
	if(document.getElementById('password_container').style.display == 'none'){
		document.getElementById('editpassword').style.display='none';
		document.getElementById('closepassword').style.display='block';	
		document.getElementById('password_container').style.display='block';
	}else{
		document.getElementById('password_container').style.display='none';
		document.getElementById('closepassword').style.display='none';	
		document.getElementById('editpassword').style.display='block';
	}
}