
function remoteResponse(obj,spID,ID) {
	//alert(obj.childnodes.count);
	var ob,IMG,layerName,spanName;
	layerName="actionDiv2";
	spanName="thumbEr2"; 
	ob = getLayer(spanName);	
	var msg = "";
	if(obj.hasChildNodes()){
		//LOOP THROUGH TDs
		for(k=0;k<obj.childNodes.length;k++){
			msg = msg + obj.childNodes.item(k).innerHTML + "\n";									
		}
	}	
	msg = "<table cellpadding=0 cellspacing=1 bgcolor=#000000 width=\"120\"><tr bgcolor=\"#FFFFFF\" ><td><div align=\"right\" style=\"margin:2px\"><a class=\"infoText\" href=\"javascript:hideSubNavi();\">close</a></div>" + msg + "</td></tr></table>";
	ob.innerHTML=msg;
	IMG = getImage(ID)
	var L,T;
	L = getImagePageLeft(IMG)+15;
	T = getImagePageTop(IMG)+IMG.height-5;
	//alert();
	moveLayer(layerName,L,T);
	showLayer(layerName,1);	
  
}

function galleryUrl(typ){
	
	return "/sys/gallery/link.asp?typ=" + typ + "&ID1=";	
	//if(typ=="beac") return "/beach/beachgallery.asp?beachID=";	
	//if(typ=="memb") return "/members/member.asp?uID=";	
	
}



function makeLinks(){
	if(document.getElementById){
		for(k=0;k<relations.length;k++){
			document.getElementById("R"+k).innerHTML=relationLinks(relations[k][0],relations[k][1]);	
		}	
	}
}
function relationLinks(mediaID,relData){

	var z="",bgs=""; 
	var C=""; //CONTENT
	var sp=relData.split(","); //WHAT KIND OF RELATIONS ARE THERE
	for(i=0;i<sp.length;i++){
		sp1 = sp[i].split(":")
		ty = sp1[0];	//type
		cn = sp1[1];	//count
		nm = sp1[2];	//Name
		if(ty.toString()!="sail" && ty.toString()!="boar" && ty.toString()!="fins" && ty.toString()!="mast" && ty.toString()!="boom"){
			bgs="bgorange"
		}else if(ty.toString()=="even"){
			bgs="bglightG"
		}else{
			bgs="bglightB"
		}
			
		if(parseInt(cn)>1){
			z = "(" + cn + ")";
			C = C + "<td class=\"" + bgs + "\"><a href=\"javascript:getSubList('" + mediaID + "','" + ty + "')\" title=\"" + nm + " " + z + "\"><img id=\"" + ty + mediaID + "\" src=\"/gallery/pics/" + ty + ".gif\" width=\"12\" height=\"14\" border=\"0\"></a></td>";
		}else{
			C = C + "<td class=\"" + bgs + "\"><a href=\"" + galleryUrl(ty) + mediaID + "\" title=\"" + nm + "\"><img id=\"" + ty + mediaID + "\" src=\"/gallery/pics/" + ty + ".gif\" width=\"12\" height=\"14\" border=\"0\"></a></td>";
			//C = C + "<a class=\"navsub\" href=\"" + galleryUrl(ty) + mediaID + "\" title=\"" + nm + "\">" + nm.substring(1,0) + "</a></td>";
		}		
		
	}
	return "<table class=\"noborder\" cellpadding=\"0\" cellspacing=\"0\"><tr>" + C + "</td></tr></table>"	;
	
}

function showRelations(ID,idx){

	hideSubNavi();
	var ob,IMG,layerName,spanName;
	layerName="actionDiv";
	spanName="thumbEr";
	ob = getLayer(spanName);
	
	var sp=relations[parseInt(idx)][1].split(",");
	var ty,cn,nm,sp1,B;
	B="";
	for(i=0;i<sp.length;i++){
		sp1 = sp[i].split(":")
		ty = sp1[0];
		cn = sp1[1];
		nm = sp1[2];
		B = B + optionRow(nm,ID,ty,cn);
	}
	//alert(B);
	ob.innerHTML=B;
	IMG = getImage("tmb"+ID)
	var L,T;
	L = getImagePageLeft(IMG)+40;
	T = getImagePageTop(IMG)+IMG.height;
	//alert();
	moveLayer(layerName,L,T);
	showLayer(layerName,1);
	//return false;
}

function optionRow(title,ID,typ,cn){
	var z="";
	var content = "";
	if(parseInt(cn)>1){
		z = "(" + cn + ")";
		content = "<table class=\"box\" width=\"80\" bgcolor=\"#FFFFFF\"><tr><td>" + 
			"<a href=\"javascript:getSubList('" + ID + "','" + typ + "')\">" + title + z + "</A><img ID=\"tsyk" + ID + "\" src=\"/pics/blank.gif\" height=\"0\" width=\"0\"></td></tr></table>";
	}else{
		content = "<table class=\"box\" width=\"80\" bgcolor=\"#FFFFFF\"><tr><td>" + 
			"<a href=\"" + galleryUrl(typ) + ID + "\">" + title + "</A></td></tr></table>";	
	}
	return content;
}
function getSubList(ID,typ){	
	var URL = '/sys/gallery/sublist.asp?typ=' + typ + '&ID=' + ID + '&spanID=tsyk' + ID;
	callToServer(URL);
}


function hideSubNavi(){
	var spanName="thumbEr2";
	ob = getLayer(spanName);
	ob.innerHTML = "";	
}
