var first = 0;

function getAjax()   //Crea el objeto XMLHttpRequest
{
     var req;
	 if(window.XMLHttpRequest)
	 {
		 req = new XMLHttpRequest();
	 }
	 else
	 {
	      req = new ActiveXObject("Microsoft.XMLHTTP");
	 }
	 return req;
}

function loadGallery(id)  
{
     var req = getAjax();
	 var url = "http://hold.mx/ajaxportafolio?id="+id;
	 var gal = document.getElementById("pikachoose");
	 
	 var str = '<ul id="pikame" class="jcarousel-skin-pika">';
	 
	 req.onreadystatechange = function()
	 {
			if(req.readyState == 4 && req.status ==200)
			{	
				str+=req.responseText;
			}
	 }
	 req.open("GET",url,false);
	 req.send();
	 str+="</ul>";
	 gal.innerHTML = str;
}

function updateField(num)
{
	var txt = document.getElementById('navMiddle');
		if(num == 1)
		{
			if(first == 7)
			{
				first = 0;
			}
			else
			{
				first++;
			}
		}
		else
		{
			if(first == 0)
			{
				first = 7;
			}
			else
			{
				first--;
			}
		}
		switch(first)
		{
			case 0: txt.innerHTML = 'Social Media'; break;
			case 1: txt.innerHTML = 'Media'; break;
			case 2: txt.innerHTML = 'Innovation Labs'; break;
			case 3: txt.innerHTML = 'Adwords'; break;
			case 4: txt.innerHTML = 'Communication Analysts'; break;
			case 5: txt.innerHTML = 'Posicionamiento Web'; break;
			case 6: txt.innerHTML = 'Desarrollo'; break;
			case 7: txt.innerHTML = 'Dise&ntilde;o Web'; break;
		}
}

function integrate(num)
{
	updateField(num);
}

function setHash()
{
	var num = parseInt(self.document.location.hash.substring(1));
	var txt = document.getElementById('navMiddle');
	if(num)
	{
		switch(num)
		{
			case 1: txt.innerHTML = 'Social Media'; break;
			case 2: txt.innerHTML = 'Media'; break;
			case 3: txt.innerHTML = 'Innovation Labs'; break;
			case 4: txt.innerHTML = 'Adwords'; break;
			case 5: txt.innerHTML = 'Communication Analysts'; break;
			case 6: txt.innerHTML = 'Posicionamiento Web'; break;
			case 7: txt.innerHTML = 'Desarrollo'; break;
			case 8: txt.innerHTML = 'Dise&ntilde;o Web'; break;
		}
		first = num-1;
	}
}