var pre, projMatch, dsBase;
var aImg = new Array();
var fini=false;
var iCtr=1;
var curPos=198;

function init() {
	var b=window.location.href.lastIndexOf('.htm');
	var a=window.location.href.lastIndexOf('/',b);
	var sec="includes/"+window.location.href.slice(a+1,b)+".html";

	dsBase=new Spry.Data.HTMLDataSet(sec,'base'); 
	dsBase.addObserver(pLoad);
	dsBase.loadData();
}

function pLoad(nType,notfr,data) { 
	if (nType!="onPostLoad") { return; }
	
	var uQuery=window.location.href.split('?'); 
	if ( uQuery.length>1) {
		var proj=uQuery[1]; 
		projMatch=dsBase.findRowsWithColumnValues( {name: proj}, true );	
		if (projMatch!=null) {
			pre=uQuery[1];
		} else {
			alert('invalid parm');
			fini=true;
			return;
		}
	} else {
		projMatch=dsBase.getCurrentRow(); 
		pre=projMatch['name'];
	}

	if (pre.substring(0,5)=='Books') pre=pre.substring(0,5); 	
	
	for (i=1;i<15;i++) {
		var col="c"+String(i); 
		if (projMatch[col]!= '-1') aImg.push(projMatch[col]);
	}
	
	domMenu_activate('domMenu_main');						// activate the DOM Menu	
	
	for (i=0;i<aImg.length;i++) {								// load up the thumbs 
		var tDiv=document.createElement('div'); 
		tDiv.className='tDiv';
		tDiv.style.top='565px';                   // need style for changeWH
   	document.getElementById('main').appendChild(tDiv);
		var iId=aImg[i];
		
		tDiv.innerHTML="<img id="+iId+" />";  
		document.getElementById(iId).onload=tLoaded;
		document.getElementById(iId).src="images/thumbs/"+pre+String(i+1)+"_"+iId+".jpg"; 
	}
	
	document.getElementById('projDescr').innerHTML=projMatch['desc']; 
	if (projMatch['last']=='-1') {
		var c="c"+String(aImg.length); 
		var im=projMatch[c];
		var pUrl="images/large/"+pre+String(aImg.length)+"_"+projMatch[c]+".jpg";  
		showPic(pUrl); 
	} else {
		pUrl="images/large/"+projMatch['last'];
		showPic(pUrl);
	}
	
	if (pre=='mags') document.getElementById('iDescr').innerHTML=document.getElementById(pre+im+'Text').innerHTML;
}

// event action routines
function tLoaded(evt) {
	if (evt) {
		var targ=evt.currentTarget;
	} else { 
		targ=event.srcElement;                 
	}          
	var b=targ.src.lastIndexOf('.jpg');
	var a=targ.src.indexOf('_');
	var imgId=targ.src.slice(a+1,b);
			
	var W=targ.width; 
	var minW=Math.round(W*(30/55));	
	document.getElementById(imgId).width=minW; 
	document.getElementById(imgId).height=30;
	
	var oImg=document.getElementById(imgId); 
	var pDiv=oImg.parentNode;	
	pDiv.style.left=curPos+'px';
	curPos=curPos+8+minW;
	pDiv.style.visibility='visible';
	pDiv.style.zIndex=10;
		
	WHSet(imgId,minW,W,8);
		
	var tImg=document.getElementById(imgId); 
	setBaseOpac(tImg); 
	switch(pre) {
		case('Books'):
			tImg.onclick=	 function() { window.location='books.html?'+imgId; }
			break;
		case('mags'):
			tImg.onclick=  function() { mClick(this); mClickText(this) }
			break;
		default:
			tImg.onclick=  function() { mClick(this); }
			break;
	}
}

function mClick(x) { 
	document.getElementById('loadrCont').style.visibility='visible';
	document.getElementById('imgCont').style.visibility='hidden';
	var str=x.src; 
	var a=str.lastIndexOf('.jpg');
	var b=str.lastIndexOf('/');
	str=str.slice(b+1,a); 
	showPic("images/large/"+str+".jpg"); 	
}

function mClickText(x) { 
	var str=x.src; 
	var a=str.lastIndexOf('.jpg');
	var b=str.lastIndexOf('/');
	str=str.slice(b+1,a); 
	var ab=str.lastIndexOf('_');
	str=str.slice(0,ab); 
	str+='Text';                          
	if (document.getElementById(str)) { 
		document.getElementById('iDescr').innerHTML=document.getElementById(str).innerHTML;
	}
}

// glow code
var baseOpacity=30;
var to="";
var step=10;
var intvl=31;

function glow(a) { 
	if (to!="") { window.clearTimeout(to); to=""; }
	obj=a;
	to=window.setInterval("doChg(obj)",intvl); 
}

function doChg(obj) { 
	if (obj.filters) { 
		var curOpac=obj.filters.item("DXImageTransform.Microsoft.Alpha").opacity; 
		if (curOpac < 100) {
			chgOpac(obj);
		} else {
			window.clearInterval(to);
		}
	} else {
		if (obj.style.opacity < .99) {
			chgOpac(obj);
		} else {
			window.clearInterval(to);
		}	
	}
}

function setBaseOpac(obj,lvl){  
	var bOpac;
	lvl?bOpac=lvl:bOpac=baseOpacity; 
	if (to!="") { window.clearInterval(to); to=""; }
	if(obj.filters) { 
		var filterStr='progid:DXImageTransform.Microsoft.Alpha()';
		if (obj.style.filter!=filterStr ) { obj.style.filter=filterStr; };
		obj.filters.item("DXImageTransform.Microsoft.Alpha").Opacity=bOpac;
	} else { obj.style.opacity=bOpac/100; }
}

function chgOpac(obj) { 
 if (obj.filters) { 
		var curOpac=obj.filters.item("DXImageTransform.Microsoft.Alpha").Opacity; 
		curOpac+=step; 
		obj.filters.item("DXImageTransform.Microsoft.Alpha").Opacity=Math.min(curOpac, 100);
	} else { 
		var curOpac=obj.style.opacity;
		var stp=step/100;
		curOpac=curOpac*1;
		curOpac+=stp; 
		obj.style.opacity=Math.min(curOpac,.99);
	} 
}

// Show image / text and HTTP Req routines
function showText(thetext){
	if (!document.getElementById) return;
	document.getElementById("essPic").innerHTML=thetext;
}

function showPic(obj) {
	url=obj; 
	var req = Spry.Utils.loadURL('GET',url,true,loadImg,{userData:url});
}

function loadImg(req){ 
	var src=req.userData; 
	document.getElementById('imgCont').innerHTML="<img src='"+src+"'/>";   // already have the image...just put it in place	
	document.getElementById('loadrCont').style.visibility='hidden'; 
	document.getElementById('imgCont').style.visibility='visible';
}