var holder;
var orWid = 300;
var orHt  = 300;
var isDrag = false;

function drag(ids,pX,pY){
	if(isDrag){
		var obj = document.getElementById(ids)
		var w	= (obj.style.width=="")? 300 : parseInt(obj.style.width);
		var h	= parseInt(obj.style.height + document.body.scrollTop);
		obj.style.top	= (pY-10 + document.body.scrollTop)+'px';
		obj.style.left	= (pX-w/2)+'px';
	}
}

function getPic(name,wdth,hght,posY,posX) {
	var vwr = document.getElementById("projector");
	holder = 1;
	wdth = wdth + 4; hght = hght + 4;
	vwr.style.display = "block";
	vwr.style.width  = wdth;
	orWid = wdth;
	vwr.style.height = hght+20;
	orHt = hght;
	posY +=  document.body.scrollTop
	vwr.style.left	= (posX<350)? posX + 30 : posX - (wdth + 20);
	vwr.style.top	= (posY<250)? posY + 10 : posY - (wdth - 100);
	/* *width:'+wdth+'px; height:'+hght+'px; */
	str = '<iframe src="viewer.html?' + pre + name +'" frameborder="0" id="iProject" style="width:100%; height:100%; position:relative; top:20px" scrolling="no" allowtransparency="true" ></iframe>'
	vwr.innerHTML = str;	
}

function make(what,where) {
	document.write('<div id="'+where+'"></div>')
	var str = ''
	for(o=0;o<what.length;o++){
	if(what[o].indexOf('-')!=-1) w = 70, h = 50
	else w = 50, h = 70	
	picNom = what[o].substring(1)
	str += '<div class="thumb-space"><img src="images/' + pre + 'thumbs/' + picNom + '" class="thumb-img" width="'+w+'" height="'+h+'" border="0" onclick="getPic('+o+','+w*5+','+h*5+',event.clientY,event.clientX)"/></div>';
	}
	document.getElementById(where).innerHTML = str
}