// JavaScript Document

////////////////////////////////////////////////////////////////////////////////////////////
/*function loadContentToDiv(divId, sourceFile)
{
     if (sourceFile != 0)
     {
        if (window.ActiveXObject)
        {
          httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } else {
          httpRequest = new XMLHttpRequest();
        }
        httpRequest.open("GET", sourceFile, true);
        httpRequest.onreadystatechange = function () { processLoadContentToDiv(divId); } ;
        httpRequest.send(null);
      }
      else
      {
        document.getElementById(divId).innerHTML = "";
      }
}

////////////////////////////////////////////////////////////////////////////////////////////
function processLoadContentToDiv(divId)
{
	  if (httpRequest.readyState == 4)
	  {
		if(httpRequest.status == 200)
		{
		  var obj = document.getElementById(divId);
		  obj.innerHTML = httpRequest.responseText;
		}
		else
		{
			alert("Chyba pri nacitani stanky "+ httpRequest.status +":"+ httpRequest.statusText);
		}
	  }
}*/

function loadContentToDiv(divId, sourceFile)
{
	if (sourceFile != 0)
	{
		if (window.ActiveXObject)
		{
			httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
		} else {
			httpRequest = new XMLHttpRequest();
		}
		httpRequest.open("GET", sourceFile, true);
		httpRequest.setRequestHeader("Accept-Charset","UTF-8");
		httpRequest.onreadystatechange = function () 
			{ 
				if (httpRequest.readyState == 4)
				{
					if(httpRequest.status == 200)
					{
						var obj = document.getElementById(divId);
						obj.innerHTML = httpRequest.responseText;
					} else {
						alert("Chyba pri nacitani stanky " + httpRequest.status + ":" + httpRequest.statusText);
					}
				}
			};
			
		httpRequest.send(null);
	} else {
		document.getElementById(divId).innerHTML = "";
	}
}



////////////////////////////////////////////////////////////////////////////////////////////
function GetMouseEvent(e)
{
	if(e)
		this.e = e;
	else
		this.e = window.event;
	
	if(e.pageX)
		this.x = e.pageX;
	else
		this.x = e.clientX;
	
	if(e.pageY)
		this.y = e.pageY;
	else
		this.y = e.clientY;
	
	if(e.target)
		this.cil = e.target;
	else
		this.cil = e.srcElement;

}


function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
} 

function shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    if(document.getElementById(id).style.opacity == 0) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 0, millisec);
    }
} 




////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////
// Technologies

var technologiesDisplayTimer;

////////////////////////////////////////////////////////////////////////////////////////////
function technologiesMouseMove(e, id)
{
	
	e = new GetMouseEvent(e);
	
	if(document.getElementById('technologiesAjax').style.display != 'block'){
		var technologiesAjax = document.getElementById('technologiesAjax');
		technologiesAjax.style.top = e.y + "px";
		technologiesAjax.style.left = e.x + "px";
		
		changeOpac(0, 'technologiesAjax');
		shiftOpacity('technologiesAjax', 250);
		
		document.getElementById('technologiesAjax').style.display = 'block';
		technologiesGetContent(id);
	}
	
	
}

////////////////////////////////////////////////////////////////////////////////////////////
function technologiesMouseOut(e)
{
	if(technologiesDisplayTimer) clearInterval(technologiesDisplayTimer);
		technologiesDisplayTimer = setTimeout("technologiesHide()", 1000);
}

////////////////////////////////////////////////////////////////////////////////////////////
function technologiesMouseOver(e)
{
	if(technologiesDisplayTimer) clearInterval(technologiesDisplayTimer);
}

////////////////////////////////////////////////////////////////////////////////////////////
function technologiesHide()
{
	document.getElementById('technologiesAjax').style.display = 'none';
}

////////////////////////////////////////////////////////////////////////////////////////////
function technologiesGetContent(id)
{
	loadContentToDiv('technologiesAjax', 'getTechnologies.php?technologies=' + id);
}




////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////