// JavaScript Document

function onl(){
	checkLinks();
	checkImages();
}
function checkLinks(){
	checkLink("oppcad");
	checkLink("ftp");

	checkLink("cv");
	checkLink("contact");
	checkLink("links");

	checkLink("graphic");
	checkLink("interface");
	checkLink("type");
}

function checkLink(aId){
		var el = document.getElementById(aId);
		if(el)
			if(window.location.href.indexOf("/"+aId+"/")!=-1)
				el.className = "on";

}

function checkImages(){
	var main_text = document.getElementById("main_text");
	if(!main_text)
		return;
	
	var as = main_text.getElementsByTagName("a");
	var imgAs = new Array();
	for(var i=0;as && i<as.length;i++)
		if(as[i].className && as[i].className.indexOf("folder"!=-1) && as[i].className.indexOf("nfiles"!=-1))
		{
			var anA = as[i];
			anA = as[i];
			var parts = anA.className.split(";")
			var addIt = false;
			
			for(var j=0;j<parts.length;j++)
			{
				var nam = parts[j].split("=")[0];
				var val = parts[j].split("=")[1];
				anA[nam] = val;
				
				Event.observe(anA,'click',ImgLinkClick,false);
				
				addIt = true;
			}
			if(addIt)
			{
				imgAs[imgAs.length] = anA;
			}
		}

	for(var i=1;i<=9;i++)
	{
		var imlink = document.getElementById("im"+i);
		if(imlink)
		{
			Event.observe(imlink,'click',ImgLinkNumberClick,false);
			Event.observe(imlink,'mouseover',ImgLinkNumberOver,false);
			Event.observe(imlink,'mouseout',ImgLinkNumberOut,false);
		}
	}

	if(imgAs.length>0)
	{
		showImgLink(imgAs[0],1);
	}

	var img_show= document.getElementById("img_show");
	if(img_show)
	{
			Event.observe(img_show,'mouseover',ImgShowOver,false);
	}
}

function ImgLinkClick(evt)
{
	var el = Event.element(evt);
	while(el && el.parentNode && el!=el.parentNode && el.tagName.toLowerCase()!="a")
		el = el.parentNode;
	if(el && el!=el.parentNode)
		showImgLink(el,1);
}

function ImgLinkNumberClick(evt)
{
	var imlink = Event.element(evt);
	showImgLink(imlink.theA,imlink.id.substr("im".length));
}

function ImgLinkNumberOver(evt){
	var imlink = Event.element(evt);
	if(!imlink.src || imlink.src.indexOf(".on.")!=-1 || (document.curimlink && imlink==document.curimlink))
		return;
	
	imlink.src = imlink.src.replace(".png",".on.png");
}

function ImgLinkNumberOut(evt){
	var imlink = Event.element(evt);
	if(!imlink.src || imlink.src.indexOf(".on.")==-1 || (document.curimlink && imlink==document.curimlink))
		return;
	imlink.src = imlink.src.replace(".on.png",".png");
}


function showImgLink(anA,idx)
{
	var img_show= document.getElementById("img_show");
	img_show.src = "img/"+anA.folder+"/"+idx+".png";
	
	var imlinks = document.getElementById("imlinks");
	var nfiles = anA.nfiles;
	
	for(var i=1;i<=9;i++)
	{
		var imlink = document.getElementById("im"+i);
		imlink.theA = anA;
		imlink.style.display = i-1<nfiles?"inline":"none";
	}

	var curimlink = document.getElementById("im"+idx);
	if(curimlink){
		if(document.curimlink && document.curimlink.src && document.curimlink.src.indexOf(".on.")!=-1)
			document.curimlink.src=document.curimlink.src.replace(".on.",".");
		document.curimlink = curimlink;
		if(curimlink.src.indexOf(".on.")==-1)
			curimlink.src = curimlink.src.replace(".png",".on.png");
	}
	
	if(document.curima)
		document.curima.className="";
	document.curima = anA;
	anA.className="on";
	
	imlinks.style.display=nfiles>1?"block":"none";
}


function ImgShowOver(evt){
	var img_show= document.getElementById("img_show");

	var req = new Ajax.Request(
			img_show.src.replace(".png",".txt"), 
			{
				method: 'get', 
				onComplete: ImgShowDisplayText
			});
	req.curImg = img_show.src;
}

function ImgShowDisplayText(req)
{
	if(req.status!=200)
		return;
	
	var img_show= document.getElementById("img_show");
	var txt = req.responseText;
		
	var img_show_text= document.getElementById("img_show_text");
	var pos = Position.realOffset(img_show);
	var xy = Position.positionedOffset(img_show);
    img_show_text.style.left = xy[0]+"px";
    img_show_text.style.top = xy[1] +"px";
	img_show_text.style.display="block";
	document.getElementById("txtTD").innerHTML = txt;
	
	Event.observe(img_show_text,'mouseout',ImgShowOut,false);
}

function ImgShowOut(evt){
	var img_show_text= document.getElementById("img_show_text");
	if(img_show_text)
		img_show_text.style.display="none";
}