//Shows selected project
function showProject(id)
{
    WebService.getProject(id,0,onCallbackProj);
}
//Callback of this function
function onCallbackProj(result)
{
    document.getElementById("projectmenu").style.visibility="visible"
    if(result.URL!=null)
    {
        document.getElementById("url_Portfolio").innerHTML="<a href=\"http://"+result.URL+"\" target=\"_blank\">"+result.URL+"</a>";
    }
    else
    {
        document.getElementById("url_Portfolio").innerHTML="&nbsp;";
    }
    var str="";
    var str1="";
    str="<table border=\"0\"  height=\"30\""
        +"class=\"nums\" id=\"screens\"><tr><td>דוגמאות:</td>";
    for(var i=0;i<result.CountPic;i++)
    {
        str+="<th><a href=\"javascript: //\" onclick="
            +"\"return showPicture("+i+","+result.CountPic+");\">"
            +(i+1)+"</a></th>";
        str1+="<div id=\"img_"+i+"\" style=\"display:none;\">"
            +"<a href=\"Img/"+result.Pictures[i]+"\" target=\"_blank\">"
            +"<img src=\"Img/"+result.Tumbs[i]+"\" "
            +"width=\""+result.imgX[i]+"\" height=\""+result.imgY[i]+"\"/></a></div>";
    }
    if(result.CountPic==0)
    {
        document.getElementById("img_Portfolio").innerHTML=
            "<img width=\"290\" height=\"200\" "
            +"src=\"../img/empty.jpg\" alt=\"\">";
    }
    else
    {
        document.getElementById("img_Portfolio").innerHTML=str1;
        document.getElementById("img_0").style.display="block";
    }
    str+="</tr></table>";
    document.getElementById("pnlBrief").style.display="block";
    document.getElementById("pnlSolution").style.display="block";
    document.getElementById("pnlTestimony").style.display="block";
    document.getElementById("txt0_Portfolio").value=result.Brief;
    document.getElementById("txt1_Portfolio").value=result.Solution;
    document.getElementById("txt2_Portfolio").value=result.Testimony;
    if(result.Publishing)
    {
        document.getElementById("span0").innerText="על הספר";
        document.getElementById("span1").innerText="על הסופר";
        document.getElementById("span2").innerText="ביקורות";
    }
    else
    {
        document.getElementById("span0").innerText="הצרכים";
        document.getElementById("span1").innerText="הפתרון";
        document.getElementById("span2").innerText="דבר הלקוח";
    }
    document.getElementById("screens_Portfolio").innerHTML=str;
    showContent(0);
}
//Shows selected picture
function showPicture(num,count)
{
    for(var i=0;i<count;i++)
    {
        document.getElementById("img_"+i).style.display="none";
    }
    document.getElementById("img_"+num).style.display="block";
}
//Shows selected content category
function showContent(key)
{
    for(var i=0;i<3;i++)
    {
        document.getElementById("mnu"+i+"_Portfolio").className="gray";
        document.getElementById("imgarr"+i+"_Portfolio").src="../img/ar4.gif";
    }
    document.getElementById("mnu"+key+"_Portfolio").className="orange";
    document.getElementById("imgarr"+key+"_Portfolio").src="../img/ar2.gif";
    document.getElementById("content_Portfolio").innerHTML=document.getElementById("txt"+key+"_Portfolio").value;
    
}

var flyingSpeed = 5;
var flyingDiv = false;
var currentXpos = false;
var currentYpos = false;
var targetXpos = false;
var targetYpos = false;
var curProj = false;
var target = false;
var diffX = false;
var diffY = false;
//Handles the start of animation div
function startFly(id)
{
    if( flyingDiv && flyingDiv.style.display=='block')
    {
        return;
    }
    target=document.getElementById("targetfly");
	flyingDiv = document.createElement('DIV');
	flyingDiv.style.position = 'absolute';
	document.body.appendChild(flyingDiv);
	
	targetXpos=getLeftPos(target)+15;
	targetYpos=getTopPos(target)+15;
	
	curProj=document.getElementById("img"+id+"_project");
	
	currentXpos=getLeftPos(curProj);
	currentYpos=getTopPos(curProj);
	
	diffX=targetXpos-currentXpos;
	diffY=targetYpos-currentYpos;
	
	var imgCopy=curProj.cloneNode(false);
	imgCopy.id='';
	flyingDiv.innerHTML = '';
	flyingDiv.appendChild(imgCopy);
	flyingDiv.style.display='block';
	flyingDiv.style.width = curProj.offsetWidth + 'px';
	flyingDiv.style.height = curProj.offsetHeight + 'px';
	flyingDiv.style.left = Math.round(currentXpos) + 'px';
	flyingDiv.style.top = Math.round(currentYpos) + 'px';
	//while(!flyingDiv.childNodes(0).complete){}
	flyProject(id);
}
//Handles the animation div
function flyProject(id)
{
	var maxDiff = Math.max(Math.abs(diffX),Math.abs(diffY));
	var moveX = (diffX / maxDiff) * flyingSpeed;
	var moveY = (diffY / maxDiff) * flyingSpeed;	
	
	currentXpos = currentXpos + moveX;
	currentYpos = currentYpos + moveY;
	
	flyingDiv.style.left = Math.round(currentXpos) + 'px';
	flyingDiv.style.top = Math.round(currentYpos) + 'px';	
	
	
	if(moveX>0 && currentXpos > targetXpos)
	{
		flyingDiv.style.display='none';		
	}
	if(moveX<0 && currentXpos < targetXpos)
	{
		flyingDiv.style.display='none';		
	}
		
	if(flyingDiv.style.display=='block')
	{
	    setTimeout('flyProject("' + id + '")',10);
	}
	else{
	    flyingDiv=false;
	    showProject(id);
	}	
}
//Returns absolute top coordinate of the given object
function getTopPos(inputObj)
{		
  var returnValue = inputObj.offsetTop;
  while((inputObj = inputObj.offsetParent) != null)
  {
  	if(inputObj.tagName!='HTML')
  	    returnValue += inputObj.offsetTop;
  }
  return returnValue;
}
//Returns absolute left coordinate of the given object
function getLeftPos(inputObj)
{
  var returnValue = inputObj.offsetLeft;
  while((inputObj = inputObj.offsetParent) != null)
  {
  	if(inputObj.tagName!='HTML')
  	    returnValue += inputObj.offsetLeft;
  }
  return returnValue;
}