currentX = currentY = 0;
    dragWhichEl = null;
    
    function grabEl(e) {
        if (IE4) {
            dragWhichEl = event.srcElement;
            while (dragWhichEl.id.indexOf("DRAG") == -1) {
                dragWhichEl = dragWhichEl.parentElement;
                if (dragWhichEl == null) { return }
            }

        }
        else {
            mouseX = e.pageX;
            mouseY = e.pageY;
            for ( i=0; i<document.layers.length; i++ ) {
            tempLayer = document.layers[i];
                if ( tempLayer.id.indexOf("DRAG") == -1 ) { continue }
                if ( (mouseX > tempLayer.left) && (mouseX < (tempLayer.left + tempLayer.clip.width)) && (mouseY > tempLayer.top) && (mouseY < (tempLayer.top + tempLayer.clip.height)) ) {
                    dragWhichEl = tempLayer;
                }
            } 
            if (dragWhichEl == null) { return}
        }

        if (IE4) {
            currentX = (event.clientX + document.body.scrollLeft);
            currentY = (event.clientY + document.body.scrollTop); 
        }
        else {
            currentX = e.pageX;
            currentY = e.pageY;
    
            activeEl.captureEvents(Event.MOUSEMOVE);
            activeEl.onmousemove = moveEl;
        }
    }
    
    function moveEl(e) {  
        if (dragWhichEl == null) { return };
 		
        if (IE4) {
			if (event.button != 1)  { dropEl(); return };
            newX = (event.clientX + document.body.scrollLeft);
            newY = (event.clientY + document.body.scrollTop);
        }
        else {
			if (e.button != 1)  {  dropEl(); return };
            newX = e.pageX;
            newY = e.pageY;
        }
        distanceX = (newX - currentX)- activeEl.parentElement.offsetLeft;
        currentX = newX;
        currentY = newY;
    
        if (IE4) {
			tmpx = event.clientX-activeEl.parentElement.offsetLeft-5
			tmpx = (tmpx>207) ? 207 : (tmpx<18) ? 18 : tmpx;
			activeEl.style.pixelLeft = tmpx;
			scrollstrip((tmpx-18)/(207-18));
            event.returnValue = false;
        }
        else 
		{ 
			dragWhichEl.moveBy(distanceX,0) 
		}
		
		scrollstrip((tmpx-18)/(207-18));
    }
    
    function checkEl() {
        if (dragWhichEl!=null) { return false }
    }
    
    function overEl() {
        sliderdotImage.src = imageDotOn.src;
    }
    function outEl() {
        if (dragWhichEl==null) document.all.sliderdotImage.src = imageDotOff.src;
    }
    
    function dropEl() {
        if (NS4) { activeEl.releaseEvents(Event.MOUSEMOVE) }
        dragWhichEl = null;
		sliderdotImage.src = imageDotOff.src;
    }
	
    
function displayProject(slot)
{
	indx = slot+sliderOffset;
	if (indx<=iKeyImageCount) {
		if (SelectedProject == indx) {
			setProjectVisibility(indx, false);
			SelectedProject = 0;
			setProjectVisibility(0, true);
		} else {
			setProjectVisibility(SelectedProject, false);
			SelectedProject = indx;
			setProjectVisibility(indx, true);
		}
	}
	return false;
}

function setProjectVisibility(indx, bVisible)
{
	cObj = aProjContentObject[indx];
	if (bVisible)
	{
		if (cObj==null) {
			cObj = ht_getLayerObj('contentDiv'+indx, null);
			aProjContentObject[indx] = cObj;
			ht_setLayerContent(cObj, aProjContentString[indx]);
			eval('loadLayout'+indx+"();");
		}
		ht_setLayerVisiblility(cObj, true);
	}
	else
	{
		if (cObj!=null) ht_setLayerVisiblility(cObj, false);
	}	
} 

function scrollstrip(percent) {
	//window.status = imageStrip.style.clip;
	// clip and slide approach
	//imageStrip.style.left = stripContainer.offsetLeft-312-(percent*312);
	//imageStrip.style.clip = "rect( 0 "+(312+percent*312)+" 36 "+(percent*312)+" )";
	
	// move pictures
	var slidei = (aProjPhotos.length -8);
	if (slidei<0) {
		return;
	} else {
		slidei = Math.round(slidei*percent);
	}
	//window.status = slidei;
	setTimeout("slideImage( "+slidei+");",0);
}

function slideImage( slidei)
{
	if (iKeyImageCount>=slidei+7) {
		sliderOffset = slidei
		P1.src = aProjPhotos[ 0 + slidei].src;
		P2.src = aProjPhotos[ 1 + slidei].src;
		P3.src = aProjPhotos[ 2 + slidei].src;
		P4.src = aProjPhotos[ 3 + slidei].src;
		P5.src = aProjPhotos[ 4 + slidei].src;
		P6.src = aProjPhotos[ 5 + slidei].src;
		P7.src = aProjPhotos[ 6 + slidei].src;
		P8.src = aProjPhotos[ 7 + slidei].src;
	}
}

function hideImage( imaName )
{
	if (NS4) {
		//eval(imaName+'.style.visibility = "visible"');
	} else {
		imaObj = eval(imaName);
		imaObj.style.visibility = "hidden";
	}
}

function fadeIn( imaName, zopacity, timestep )
{
	if (NS4) {
		//?eval('contentDiv.document.'+imaName+'.style.visibility = "visible"');
	} else {
		imaObj = eval(imaName);

		imaObj.style.filter = 'alpha(opacity='+ zopacity +')';
		imaObj.style.visibility = '';
		if (zopacity>=100) {
			imaObj.style.filter = '';
			return;
		}
		zopacity += 10;
		setTimeout('fadeIn( "'+imaName+'", '+zopacity+', '+timestep+' )', timestep);
	}
}

function setProjName(indx)
{
	if (iKeyImageCount>(indx-1 + sliderOffset)) {
		ht_setLayerContent( ht_getLayerObj('projName', null), '<span class="largetext"><font face="Verdana,Arial,Helvetica,sans-serif" size="2" pointsize="9" color="#D0D0B9">'+aProjNames[ indx-1 + sliderOffset]+"</font></span>");
   	}
}

function offProjName()
{
	if (SelectedProject>0) {
		ht_setLayerContent( ht_getLayerObj('projName', null), '<span class="largetext"><font face="Verdana,Arial,Helvetica,sans-serif" size="2" pointsize="9" color="#D0D0B9">'+aProjNames[ SelectedProject-1]+"</font></span>");
   	} else {
		ht_setLayerContent( ht_getLayerObj('projName', null), " ");
	}
}