//Set iKeyImageCount in (Step 2) 
var iKeyImageCount = 25;

var aProjPhotos = new Array(iKeyImageCount);
var aProjNames = new Array(iKeyImageCount);
var aProjUrls = new Array(iKeyImageCount);


var sliderOffset = 0;
var SelectedProject = 0;
var imageDotOn = new Image();
var imageDotOff = new Image();

var SliderStartDrag = 30;
var SliderEndDrag = 190;
var SliderTop = 0;
var SliderHalfWidth = 3;
var SliderPictureCnt = 5;
var SliderTitleFormatBegin = '<span class="textstyleName">';
var SliderTitleFormatEnd = '</span>';
var currentX = currentY = 0;

function initSlider(strRoot, forcemenu)
{

	if (isIE) {
		slider.innerHTML = '<IMG SRC="/main-web/capital/scrollfiles/images/slider.gif" ALT="" WIDTH="199" HEIGHT="15" BORDER="0" ALIGN="right"> <div id="sliderDRAGdot" style="visibility: hidden; top: 0; left: 4"><img src="/main-web/capital/scrollfiles/images/slider1_off.gif"  border="0" alt="Move slider for more projects" id="sliderdotImage"></div>';
	}


	//Initialize Slider
	if (NS4)
	{
		return;
	}
	imageDotOn.src = "/main-web/capital/scrollfiles/images/slider1_on.gif";
	imageDotOff.src = "/main-web/capital/scrollfiles/images/slider1_off.gif";
	if (iKeyImageCount>SliderPictureCnt) {
	    activeEl = (IE4) ? document.all.sliderDRAGdot : document.sliderDRAGdot;

	    if (ver4) {
	        if (NS4) {
			    activeEl.document.onmousedown = grabEl;
			    activeEl.document.onmouseup = dropEl;
	        }
	        else
			{
				document.onmousemove = moveEl;
	            activeEl.onselectstart = checkEl;
	            activeEl.onmouseover = overEl;
				activeEl.onmouseout = outEl;
	        }
	        activeEl.onmousedown = grabEl;
	        activeEl.onmouseup = dropEl;
	    }
		activeEl.style.top = SliderTop;
		activeEl.style.left = SliderStartDrag;
		activeEl.style.visibility = 'visible';
	}
}