// JavaScript Document

function $(name)
{
	return document.getElementById(name);
}

function showSubDiv(type)
{
	switch (type)
	{
	case "trabajos":
		$("sub").innerHTML = "ejemplos de trabajos realizados hasta el momento";
		break;
	case "blog":
		$("sub").innerHTML = "blog personal del Calamar";
		break;
	case "contacto":
		$("sub").innerHTML = "para cualquier consulta no dudes en escribir un correo electrónico a contacto@tintadecalamar.es";
		break;
	}
		
	$("sub").style.display = 'block';
}

function openNew(url)
{
	newWindow = window.open(url);
	newWindow.focus();
}

function hideSubDiv()
{
	$("sub").style.display = "none";
}

function showUpperDiv(type)
{
	var text = '';
	var title = '';
	
	$("upperdiv").style.top = ($("main").offsetTop - 65) + 'px';
	$("upperdiv").style.left = ($("main").offsetLeft) + 'px';

	switch(type)
	{
	case "trabajos":
		title = "trabajos";
		text = '<span onclick="openNew(\'http://www.ymedioteatro.com\');"><img src="./imgs/ymedio.png" title="ymedioteatro" /></span>';
		text += ' &nbsp;&nbsp;&nbsp; ';
		text += '<span onclick="openNew(\'http://www.liq.name\');"><img src="./imgs/liq.png" title="jorge g. liquete" /></span>';
		text += ' &nbsp;&nbsp;&nbsp; ';
		text += '<span onclick="openNew(\'http://aqj.tintadecalamar.es\');"><img src="./imgs/aqj.png" title="a qu&eacute; jugamos" /></span>';
		break;
	case "contacto":
		title = "contacto";
		text = '<h1><a href="mailto:contacto@tintadecalamar.es">contacto@tintadecalamar.es</a></h1>';
		break;
	}

	$("uppertitlebar").innerHTML = title + " - click para cerrar";
	$("upperdivcontent").innerHTML = "<center>" + text + "</center>";
	$("upperdiv").style.display = "block";
}

function hideUpperDiv()
{
	$("upperdiv").style.display = "none";
}