var menuitems = new Array
(
	{name:menu_contact, fn:contact},
	{name:menu_work, fn:work},
	{name:menu_about, fn:about},
	{name:menu_odds, fn:stuffs}
);

var contacton = false;

function toggle(iddiv, idlink)
{
	var div = document.getElementById(iddiv);
	var a = document.getElementById(idlink);
	
	if(!div)return true;
	if(div.style.display == "block")
	{
		div.style.display = "none";
		a.style.display = "block";
	}
	else 
	{
		div.style.display = "block";
		a.style.display = "none";
  	}
	
	//return true;
}

function menu(idmenu)
{
	html = '<ul>';
	html += '<li style=" padding: 17px 0 17px 0;">--</li>';
	
	for(var i = 0; i<menuitems.length; i++)
	{
		var menuitem = menuitems[i];
		
		name = menuitem.name;
		
		html += '<li>';
		if(idmenu == i) html += name;
		else html += '<a href="javascript:section('+i+');">'+name+'</a>';
		html += '</li>';
	}

	html += '<li style=" padding: 17px 0 17px 0;">--</li>';
	html += '</ul>';
	fillElement('menu', html);
}

function section(idmenu)
{
	var menuitem = menuitems[idmenu];
	menuitem.fn();
	menu(idmenu);
	if(!idmenu) fillElement('main', '');
	else fillElement('contact', '');
}

function equalize() 
{
	var menu = document.getElementById('menu');
	if(document.getElementById('content')) var content = document.getElementById('content');
	if(document.getElementById('cities')) var content = document.getElementById('cities');
	if(document.getElementById('sponsors')) var content = document.getElementById('sponsors');
	
	var hm = menu.offsetHeight;
	var hc = content.offsetHeight;

	if(hm > hc) content.style.height = hm+"px";
	//else menu.style.height = hc+"px";
}

function contact()
{
	fillElement('contact', contactme);
}

function about()
{
	//alert(aboutme);
	fillElement('main', '<div class="texts">'+'<div class="text">'+aboutme_En+'</div>'+'<div class="text">'+aboutme_Es+'</div>'+'</div>');
}

function work()
{
	url = 'php/work.php';
	//window.location = url;
	fillElement('main', '<img src="medias/art/loading.gif">');
	makeRequest(url, onWork, null, false);
}

function onWork(html, arg)
{
	fillElement('main', html);
}

function stuffs()
{
	url = 'php/stuffs.php';
	//window.location = url;
	fillElement('main', '<img src="medias/art/loading.gif">');
	makeRequest(url, onStuffs, null, false);
}

function onStuffs(html, arg)
{
	fillElement('main', html);
}

function fillElement(parent, content)
{
	var parentDiv = document.getElementById(parent);
	parentDiv.innerHTML = content;
}

function makeRequest(url, onEnd, arg, return_xml)
{
   var http_request = false;

   if (window.XMLHttpRequest) { // Mozilla, Safari,...
       http_request = new XMLHttpRequest();
       if (http_request.overrideMimeType) {
           http_request.overrideMimeType('text/xml');
       }
   } else if (window.ActiveXObject) { // IE
       try {
           http_request = new ActiveXObject("Msxml2.XMLHTTP");
       } catch (e) {
           try {
               http_request = new ActiveXObject("Microsoft.XMLHTTP");
           } catch (e) {}
       }
   }

   if (!http_request) {
       alert('Unfortunatelly you browser doesn\'t support this feature.');
       return false;
   }
   
   http_request.onreadystatechange = function() 
   {
       if (http_request.readyState == 4) 
	   {
           if (http_request.status == 200) 
		   {
             //alert(http_request.responseText);
			  if (return_xml) 
			   {
				   onEnd(http_request.responseXML, arg);
               } else {
                  onEnd(http_request.responseText, arg);
               }
           } else {
               alert('There was a problem with the request.(Code: ' + http_request.status + ')');
           }
       }
   }

	http_request.open('GET', url, true);
	http_request.send(null);
}

function changeColor(inputfield, color)
{
	inputfield.style.background = color;	
}