/*--------------------------------------------------------------- 
	Sitestudio Pro | Ajax
--------------------------------------------------------------- */
	function loadXMLDocWeb(method,url,dataToSend,container)
	{
		ajaxContainer=container;
		//document.getElementById(ajaxContainer).innerHTML = '';
		if (window.XMLHttpRequest){ // code for Mozilla, etc.
		  xmlhttp=new XMLHttpRequest()
		  xmlhttp.onreadystatechange=fillContainerWeb
		  xmlhttp.open(method,url,true)
		  xmlhttp.setRequestHeader("Cache-Control", "no-cache");
			xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
		  xmlhttp.setRequestHeader('Connection', 'close');
		  xmlhttp.send(dataToSend)
		} else if (window.ActiveXObject){ // code for IE
			xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
			if (xmlhttp){
				xmlhttp.onreadystatechange=fillContainerWeb
				xmlhttp.open(method,url,true)
				xmlhttp.setRequestHeader("Cache-Control", "no-cache");
				xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
				xmlhttp.setRequestHeader('Connection', 'close');
				xmlhttp.send(dataToSend)
			}
		}
	}

	// Functie nadat AJAX geladen is
	function fillContainerWeb()
	{
		if (xmlhttp.readyState==4){ // if xmlhttp shows "loaded"
			if (xmlhttp.status==200){ // if "OK"
				document.getElementById(ajaxContainer).innerHTML=xmlhttp.responseText;
				if(content=="news"){
					document.getElementById('imageContainer').innerHTML = '<div id="mainImage" style="width:248px;height:248px;margin:0px;"></div><div id="newsSubTitle"></div><div id="newsTitle"></div>';
					var newsImage = document.getElementById('WEBArticleImage').value;
					var newsTitle = document.getElementById('WEBshortDescription').value.split(" | ");
					//newsTitle = newsShortDescription;
					var theSubtitle = '<img src="'+siteURL+'template/img/title_newssub.php?text='+newsTitle[0]+'" border="0" alt="news - subTitle" />';
					var theTitle = '<img src="'+siteURL+'template/img/title_newstitle.php?text='+newsTitle[1]+'" border="0" alt="news - subTitle" />';
					document.getElementById('newsSubTitle').innerHTML = theSubtitle;
					document.getElementById('newsTitle').innerHTML = theTitle;
					var image = newsImage;
					var image2 = newsImage.replace("1.jpg","2.jpg");
					var image3 = newsImage.replace("1.jpg","3.jpg");
					var swf = siteURL+"template/img/news.swf";
					var fo = new FlashObject(swf, "mainImage", "248", "248", "9", "#adbdcd", true);
					fo.setAttribute('xiRedirectUrl', 'http://www.schutdesigns.nl');
					fo.addVariable("pic", image);
					fo.addVariable("pic2", image2);
					fo.addVariable("pic3", image3);
					fo.addParam("scale", "noscale");
					fo.addParam("wmode", "transparent");
					fo.write("mainImage");
				}	
				if(content=="catalogue"){
					productId = document.getElementById('WEBProductId').value;
					document.getElementById('imageContainer').innerHTML = '<div id="mainImage" style="width:248px;height:248px;margin:0px;"></div><a href="#" onclick="portfolio = new portfolioPanel(\'portfolio\','+productId+');this.blur();return false;"><img src="'+siteURL+'template/img/viewWork.jpg" border="0" alt="bekijk werk" /></a><div></div>';
					productImage = document.getElementById('WEBProductImage').value;
					var image = productImage;
					var image2 = productImage.replace("1.jpg","2.jpg");
					var image3 = productImage.replace("1.jpg","3.jpg");
					var swf = siteURL+"template/img/news.swf";
					var fo = new FlashObject(swf, "mainImage", "248", "248", "9", "#adbdcd", true);
					fo.setAttribute('xiRedirectUrl', 'http://www.schutdesigns.nl');
					fo.addVariable("pic", image);
					fo.addVariable("pic2", image2);
					fo.addVariable("pic3", image3);
					fo.addParam("scale", "noscale");
					fo.addParam("wmode", "transparent");
					fo.write("mainImage");
				}					
				//scrollContainer = 'webNewsScrollContainer';
				//webNewsScrollContainer = new webScrollBar();
			} else {
				document.getElementById(ajaxContainer).innerHTML='error loading';
			}
		}
	}
	
	
/*--------------------------------------------------------------- 
		Sitestudio Pro  | portfolioPanel 
--------------------------------------------------------------- */
	function portfolioPanel(panelId,portId)
	{
		selectedPortImage = 1;
		
		if (self.innerHeight){	
			var winW=self.innerWidth;
			var winH=self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight){	// Explorer 6 Strict Mode
			var winW=document.documentElement.clientWidth;
			var winH=document.documentElement.clientHeight;
		} else if (document.body){ 
			var winW=document.body.clientWidth;
			var winH=document.body.clientHeight;
		}	
		
		var portfolioPanelObj = this;
		var panelWidth	= 920;
		var panelTop  	= 135;
		var panelHeight = 680;
		var panelLeft = (((winW/2)-460));

		// Create portfolioPanel
		portfolioPanelObj.panel = document.createElement('div');
		portfolioPanelObj.panel.setAttribute("id",panelId)
		portfolioPanelObj.panel.className = "portfolioPanel";
		portfolioPanelObj.panel.style.top = panelTop+"px";
		portfolioPanelObj.panel.style.left = panelLeft+"px";
		portfolioPanelObj.panel.style.width = panelWidth+"px";
		portfolioPanelObj.panel.style.height = panelHeight+"px";
		portfolioPanelObj.panel.style.zIndex = "10";
		portfolioPanelObj.panelHTML = "<div class=\"portfolioPanelBg\" style=\"behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
		portfolioPanelObj.panelHTML+= "<div id=\"portfolioPanelContent\" class=\"portfolioPanelContent\">";
		portfolioPanelObj.panelHTML+= "<div style=\"position:absolute;left:"+Math.round((panelWidth-60)/2)+"px;top:"+Math.round((panelHeight-60)/2)+"px;width:32px;height:32px;\" >";
		portfolioPanelObj.panelHTML+= "<img src=\""+siteURL+"template/img/ajax-loader.gif\" border=\"0\" />";
		portfolioPanelObj.panelHTML+= "</div>";
		portfolioPanelObj.panelHTML+= "</div>";
		portfolioPanelObj.panelHTML+= "<div class=\"portfolioPanelCloseButton\"><a class=\"portfolioPanelBtnClose\" href='#' onclick='"+panelId+".panelClose();return false;' title=\"sluiten\">&nbsp;</a></div>";
		portfolioPanelObj.panel.innerHTML = portfolioPanelObj.panelHTML;
		document.getElementById("theBody").appendChild(portfolioPanelObj.panel);
		postString = "portfolioId="+portId;
		loadXMLDocWeb("POST",siteURL+"custom_portfolio.php",postString,'portfolioPanelContent');
		//siteDimmer();
		
		// Close controlPanel
		portfolioPanelObj.panelClose = function(){
			document.getElementById("theBody").removeChild(document.getElementById(panelId));
			//siteDimmer();
		}
	}

function displayPort(id)
{
	var nrOfPortImages = document.getElementById('inpNrOfPortImages').value;
	document.getElementById('portImage'+selectedPortImage).style.display = 'none';
	document.getElementById('portLink'+selectedPortImage).src = siteURL+"/template/img/imgPort.jpg";
	document.getElementById('portImage'+id).style.display = '';
	document.getElementById('portLink'+id).src = siteURL+"/template/img/imgPortSelected.jpg";
	selectedPortImage = id;
}

function nextPort()
{
	var nrOfPortImages = document.getElementById('inpNrOfPortImages').value;
	nextImage = selectedPortImage+1;
	if(nextImage>nrOfPortImages){
		nextImage = 1;
	}
	displayPort(nextImage);
}
function prevPort()
{
	var nrOfPortImages = document.getElementById('inpNrOfPortImages').value;
	prevImage = selectedPortImage-1;
	if(prevImage<1){
		prevImage = nrOfPortImages;
	}
	displayPort(prevImage);
}
	

function webCreateMethodReference(object, methodName) {
		return function () {
        object[methodName]();
    }
}


function webDragCoordinates(e)
{
	posX = 0;
	posY = 0;
	if (!e) var e = window.event;
	if (e.pageX || e.pageY){
		posX = e.pageX;
		posY = e.pageY;
	}
	else if (e.clientX || e.clientY){
		posX = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posY = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
	}
}
	
// JavaScript Document
function webScrollBar()
{
	var scrollObj = this;
	scrollObj.scrolling = false;
	scrollObj.scrollContainer = scrollContainer;
	scrollObj.scrollBox = document.getElementById(scrollObj.scrollContainer);
	scrollObj.scrollBoxH	= scrollObj.scrollBox.parentNode.offsetHeight;
	scrollObj.scrollBoxT	= scrollObj.scrollBox.parentNode.offsetTop;
	scrollObj.scrollBoxScrollH	= scrollObj.scrollBox.scrollHeight;
	scrollObj.scrollBoxScrollT	= scrollObj.scrollBox.scrollTop;
	scrollObj.scrollBoxZindex	= scrollObj.scrollBox.style.zIndex;

	// ScrollTrack
	scrollObj.scrollTrack = document.createElement('div');
	scrollObj.scrollTrackH = scrollObj.scrollBoxH-32;
	scrollObj.scrollTrack.className = 'scrollTrack';
	scrollObj.scrollTrack.style.height = (scrollObj.scrollBoxH-2)+"px";
	scrollObj.scrollTrack.style.zIndex = (scrollObj.scrollBoxZindex+1);
	scrollObj.scrollBox.parentNode.appendChild(scrollObj.scrollTrack);
	
	// ScrollArrows
	scrollObj.scrollArrowTop = document.createElement('div');
	scrollObj.scrollArrowTop.innerHTML = "&nbsp;";
	scrollObj.scrollArrowTop.className = 'scrollArrowTop';
	scrollObj.scrollArrowTop.style.zIndex = (scrollObj.scrollBoxZindex+3);
	scrollObj.scrollBox.parentNode.appendChild(scrollObj.scrollArrowTop);
	if(scrollObj.scrollBoxScrollH>scrollObj.scrollBoxH){
		scrollObj.scrollArrowTop.onmousedown = webCreateMethodReference(scrollObj, "scrollUp");
		scrollObj.scrollArrowTop.onmouseover = function() { scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className+"_hover" };
		scrollObj.scrollArrowTop.onmouseout = function() { scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className.replace("_hover","");+"" };
	}
	scrollObj.scrollArrowBottom = document.createElement('div');
	scrollObj.scrollArrowBottom.innerHTML = "&nbsp;";
	scrollObj.scrollArrowBottom.className = 'scrollArrowBottom';
	scrollObj.scrollArrowBottom.style.zIndex = (scrollObj.scrollBoxZindex+3);
	scrollObj.scrollBox.parentNode.appendChild(scrollObj.scrollArrowBottom);
	if(scrollObj.scrollBoxScrollH>scrollObj.scrollBoxH){
		scrollObj.scrollArrowBottom.onmousedown = webCreateMethodReference(scrollObj, "scrollDown");
		scrollObj.scrollArrowBottom.onmouseover = function() { scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className+"_hover" };
		scrollObj.scrollArrowBottom.onmouseout = function() { scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className.replace("_hover","");+"" };
	}
	
	//scrollHandle
	if(scrollObj.scrollBoxScrollH>scrollObj.scrollBoxH){
		scrollObj.scrollHandle = document.createElement('div');
		scrollObj.scrollHandle.innerHTML = "&nbsp;";
		scrollObj.scrollHandleH = Math.round((scrollObj.scrollBoxH-32)*((scrollObj.scrollBoxH-32)/(scrollObj.scrollBoxScrollH)));
		scrollObj.scrollHandle.className = 'scrollHandle';
		scrollObj.scrollHandle.style.height = (scrollObj.scrollHandleH-2)+"px";	// 2 is een correctie ivm borders
		scrollObj.scrollHandle.style.top = "16px";
		scrollObj.scrollHandle.style.zIndex = (scrollObj.scrollBoxZindex+2);
		scrollObj.scrollBox.parentNode.appendChild(scrollObj.scrollHandle);
		scrollObj.scrollHandle.onmousedown = webCreateMethodReference(scrollObj, "scrollHandleDragStart");
		scrollObj.scrollFactor = ((scrollObj.scrollTrackH-scrollObj.scrollHandleH)/(scrollObj.scrollBoxScrollH-scrollObj.scrollBoxH));	
	}
	
	// scroll Down
	scrollObj.scrollDown = function()
	{
		scrollTimer = null;
		if(scrollObj.scrollBoxScrollT<(scrollObj.scrollBoxScrollH-scrollObj.scrollBoxH) ){
			scrollObj.scrollBoxScrollT = (scrollObj.scrollBoxScrollT+5);
			scrollObj.scrollBox.scrollTop = scrollObj.scrollBoxScrollT;
			if(scrollObj.scrolling==false){
				document.onmouseup = webCreateMethodReference(scrollObj, "scrollStop");
				scrollObj.scrolling = true;
			}
			scrollObj.scrollTimer = setTimeout( webCreateMethodReference(scrollObj, "scrollDown"),1);
		} else {
			scrollObj.scrollStop();
		}
		scrollObj.scrollUpdate();
	}
	
	// scroll Up
	scrollObj.scrollUp = function()
	{
		scrollTimer = null;
		if(scrollObj.scrollBoxScrollT > 0 ){
			scrollObj.scrollBoxScrollT = (scrollObj.scrollBoxScrollT-5);
			scrollObj.scrollBox.scrollTop = scrollObj.scrollBoxScrollT;
			if(scrollObj.scrolling==false){
				document.onmouseup = webCreateMethodReference(scrollObj, "scrollStop");
				scrollObj.scrolling = true;
			}
			scrollObj.scrollTimer = setTimeout( webCreateMethodReference(scrollObj, "scrollUp"),1);
		} else {
			scrollObj.scrollStop();
		}
		scrollObj.scrollUpdate();
	}
	
	// scroll Stop
	scrollObj.scrollStop = function()
	{
		if(scrollObj.scrollTimer){
			clearTimeout(scrollObj.scrollTimer);
			scrollObj.scrolling = false;
			document.onmouseup = null;
		}
	}
	
	// Scroll Handle Drag
	scrollObj.scrollHandleDragStart = function()
	{
		scrollObj.scrollUpdate();
		scrollObj.isDragging = true;
		scrollObj.scrolling = true;
		scrollObj.dragDifferenceTop = null;
		scrollObj.scrollHandle.className = scrollObj.scrollHandle.className+"_hover";
		scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className+"_hover";
		scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className+"_hover";
		scrollObj.scrollArrowTop.onmouseover = null;
		scrollObj.scrollArrowBottom.onmouseover = null;
		document.onmousemove = scrollObj.scrollHandleDrag;
		document.onmouseup = scrollObj.scrollHandleDragStop;
		return false;
	}
	scrollObj.scrollHandleDrag = function(e)
	{
		if (!scrollObj.isDragging) return;
		webDragCoordinates(e);
		if(scrollObj.dragDifferenceTop==null){
			scrollObj.dragDifferenceTop = ((posY-scrollObj.scrollBoxT)-scrollObj.scrollHandle.offsetTop);
			scrollObj.dragDifferenceBottom= (scrollObj.scrollHandleH-scrollObj.dragDifferenceTop);
		}		
		if(((posY-scrollObj.dragDifferenceTop)>(scrollObj.scrollBoxT+15)) && ((posY+scrollObj.dragDifferenceBottom)<(scrollObj.scrollBoxT+scrollObj.scrollBoxH-15)) ){
			scrollObj.scrollHandle.style.top	= ((posY-scrollObj.scrollBoxT)-scrollObj.dragDifferenceTop)+"px";
			scrollObj.scrollBoxScrollT = Math.round((scrollObj.scrollHandle.offsetTop-16)/scrollObj.scrollFactor);
			scrollObj.scrollBox.scrollTop = scrollObj.scrollBoxScrollT;
		}
		return false;
	}
	scrollObj.scrollHandleDragStop = function ()
	{
		document.onmousemove = webDragCoordinates;
		document.onmouseup = null;
		scrollObj.scrollHandle.className = scrollObj.scrollHandle.className.replace("_hover","");
		scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className.replace("_hover","");
		scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className.replace("_hover","");
		scrollObj.scrollArrowTop.onmouseover = function() { scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className+"_hover" };
		scrollObj.scrollArrowBottom.onmouseover = function() { scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className+"_hover" };
		scrollObj.isDragging = false;
		scrollObj.scrolling = false;
	}
	
	scrollObj.scrollUpdate = function()
	{
			scrollObj.scrollBoxH	= scrollObj.scrollBox.parentNode.offsetHeight;
			scrollObj.scrollBoxT	= scrollObj.scrollBox.parentNode.offsetTop;
			scrollObj.scrollBoxScrollH	= scrollObj.scrollBox.scrollHeight;
			scrollObj.scrollBoxScrollT	= scrollObj.scrollBox.scrollTop;
		
		//scrollHandle Update
		if(scrollObj.scrollBoxScrollH>scrollObj.scrollBoxH){
			if(!scrollObj.scrollHandle){
				scrollObj.scrollHandle = document.createElement('div');
				scrollObj.scrollHandleH = Math.round((scrollObj.scrollBoxH-32)*((scrollObj.scrollBoxH-32)/(scrollObj.scrollBoxScrollH)));
				scrollObj.scrollHandle.className = 'scrollHandle';
				scrollObj.scrollHandle.style.height = scrollObj.scrollHandleH+"px";
				scrollObj.scrollHandle.style.top = "16px";
				scrollObj.scrollHandle.style.zIndex = (scrollObj.scrollBoxZindex+2);
				scrollObj.scrollBox.parentNode.appendChild(scrollObj.scrollHandle);
				scrollObj.scrollHandle.onmousedown = webCreateMethodReference(scrollObj, "scrollHandleDragStart");
				scrollObj.scrollFactor = ((scrollObj.scrollTrackH-scrollObj.scrollHandleH)/(scrollObj.scrollBoxScrollH-scrollObj.scrollBoxH));
				//Arrows
				scrollObj.scrollArrowTop.onmousedown = webCreateMethodReference(scrollObj, "scrollUp");
				scrollObj.scrollArrowTop.onmouseover = function() { scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className+"_hover" };
				scrollObj.scrollArrowTop.onmouseout = function() { scrollObj.scrollArrowTop.className = scrollObj.scrollArrowTop.className.replace("_hover","");+"" };
				scrollObj.scrollArrowBottom.onmousedown = webCreateMethodReference(scrollObj, "scrollDown");
				scrollObj.scrollArrowBottom.onmouseover = function() { scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className+"_hover" };
				scrollObj.scrollArrowBottom.onmouseout = function() { scrollObj.scrollArrowBottom.className = scrollObj.scrollArrowBottom.className.replace("_hover","");+"" };
			} else {
				// correctie indien de onderste node dichtgeklapt wordt
				if(0>(scrollObj.scrollBoxScrollH-scrollObj.scrollBoxH-scrollObj.scrollBoxScrollT)){
					var correction = (scrollObj.scrollBoxScrollH-scrollObj.scrollBoxH-scrollObj.scrollBoxScrollT);
					scrollObj.scrollBoxScrollT = correction+scrollObj.scrollBoxScrollT;
					scrollObj.scrollBox.scrollTop = scrollObj.scrollBoxScrollT;
				}
				scrollObj.scrollHandleH = Math.round((scrollObj.scrollBoxH-32)*((scrollObj.scrollBoxH-32)/(scrollObj.scrollBoxScrollH)));
				scrollObj.scrollHandle.style.height = (scrollObj.scrollHandleH-2)+"px";
				scrollObj.scrollFactor = ((scrollObj.scrollTrackH-scrollObj.scrollHandleH)/(scrollObj.scrollBoxScrollH-scrollObj.scrollBoxH));
				scrollObj.scrollHandlePos = Math.round(scrollObj.scrollBoxScrollT*scrollObj.scrollFactor);
				scrollObj.scrollHandle.style.top = (16+scrollObj.scrollHandlePos)+"px";
			}
		} else{
			if(scrollObj.scrollHandle){
				scrollObj.scrollBox.scrollTop = 0;
				scrollObj.scrollBox.parentNode.removeChild(scrollObj.scrollHandle);
				scrollObj.scrollHandle = null;
				//Arrows
				scrollObj.scrollArrowTop.onmousedown = null;
				scrollObj.scrollArrowTop.onmouseup = null;
				scrollObj.scrollArrowTop.onmouseover = null;
				scrollObj.scrollArrowTop.onmouseout = null;
				scrollObj.scrollArrowBottom.onmousedown = null;
				scrollObj.scrollArrowBottom.onmouseup = null;
				scrollObj.scrollArrowBottom.onmouseover = null;
				scrollObj.scrollArrowBottom.onmouseout = null;
			}
		}
	}
}


	
	function webDropDown(dropDownId,dropValues)
	{
			// dropdown Attributes
			var dropObj = this;
			dropObjectRef = dropObj;
			dropValueList = dropValues.split(",");
			dropHeight = 200;
			if(dropValueList.length<13){
				dropHeight = 120;
			}
			
			/*
			var controlPanelItem = document.getElementById(controlPanelId);
			var controlPanelLeft = controlPanelItem.offsetLeft;
			var controlPanelTop = controlPanelItem.offsetTop;
			
			var dropParentItem = document.getElementById(dropParentId);
			var dropParentLeft = dropParentItem.offsetLeft;
			var dropParentTop = (dropParentItem.offsetTop+65);

			if (dropParentId.indexOf('ScrollParent') != -1){
				dropParentTop-= document.getElementById(dropParentId.replace("Parent","Container")).scrollTop;
			}
			*/

			dropObj.dropSelector = document.getElementById(dropDownId);
			dropObj.dropSelectorLeft = dropObj.dropSelector.offsetLeft;
			dropObj.dropSelectorTop = dropObj.dropSelector.offsetTop;
			dropObj.dropSelectorHeight = dropObj.dropSelector.offsetHeight;
			dropObj.dropSelector.className = dropObj.dropSelector.className+'_hover';
			dropObj.dropSelector.onclick = function() { return false; }
			
			dropObj.dropBoxPosX = (dropObj.dropSelectorLeft);
			dropObj.dropBoxPosY = (dropObj.dropSelectorTop+dropObj.dropSelectorHeight);
			dropObj.dropBoxHeight = dropHeight;
			dropObj.dropBoxWidth = dropObj.dropSelector.offsetWidth+5;
		
			// Create dropdown
			dropObj.box = document.createElement('div');
			dropObj.box.setAttribute("id",dropDownId+"BOX")
			dropObj.box.style.zIndex = '120';
			dropObj.box.style.position = 'absolute';
			dropObj.box.style.top = dropObj.dropBoxPosY+"px";
			dropObj.box.style.left = dropObj.dropBoxPosX+"px";
			dropObj.box.style.width = dropObj.dropBoxWidth+"px";
			dropObj.box.style.height = dropObj.dropBoxHeight+"px";
			dropObj.panelHTML = "<div class=\"webDropDownL\" style=\"width:"+(dropObj.dropBoxWidth-15)+"px;height:"+(dropObj.dropBoxHeight-15)+"px;behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
			dropObj.panelHTML+= "<div class=\"webDropDownR\" style=\"width:15px;height:"+(dropObj.dropBoxHeight-15)+"px;behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
			dropObj.panelHTML+= "<div class=\"webDropDownFooterL\" style=\"width:"+(dropObj.dropBoxWidth-15)+"px;height:15px;behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
			dropObj.panelHTML+= "<div class=\"webDropDownFooterR\" style=\"width:15px;height:15px;behavior:url("+siteURL+"studio/css/iepngfix.htc);\">&nbsp;</div>";
			dropObj.panelHTML+= "<div id=\""+dropDownId+"BOX"+"ScrollParent\" style=\"position:absolute;left:0px;top:0px;width:"+(dropObj.dropBoxWidth-7)+"px;height:"+(dropObj.dropBoxHeight-7)+"px;border:1px solid #a2a2a2;background-color:#FFFFFF;\">";
			dropObj.panelHTML+= "<div id=\""+dropDownId+"BOX"+"ScrollContainer\" style=\"position:absolute;left:0px;top:0px;width:"+(dropObj.dropBoxWidth-20)+"px;height:"+(dropObj.dropBoxHeight-9)+"px;overflow:hidden;\">";
			for(i=0;i<dropValueList.length;i++){
				dropObj.panelHTML+= "<div onclick=\"dropObjectRef.Submit('"+dropValueList[i]+"')\" class=\"webDropDownContent\" onmouseover=\"this.className='webDropDownContent_hover'\" onmouseout=\"this.className='webDropDownContent'\" title=\""+dropValueList[i]+"\">"+dropValueList[i]+"</div>";
			}
			dropObj.panelHTML+= "</div>";
			dropObj.panelHTML+= "</div>";
			dropObj.box.innerHTML = dropObj.panelHTML;
			document.getElementById("theBody").appendChild(dropObj.box);
			
			//Scroll				
			scrollContainer = dropDownId+"BOX"+"ScrollContainer";
			webScrollBar();

			// dropdown Functions	
			document.onmousemove = webDragCoordinates;
			document.onmousedown = webCreateMethodReference(dropObj, "checkDropOffset");
			
			// Offset van het panel
			dropObj.checkDropOffset = function(e)
			{
				if(	(posY > (dropObj.dropBoxPosY-dropObj.dropSelector.offsetHeight)) && (posY < (dropObj.dropBoxPosY+dropObj.dropBoxHeight)) && (posX > dropObj.dropBoxPosX) && (posX < (dropObj.dropBoxPosX+dropObj.dropBoxWidth))) {
				} else {
					dropObj.Close();
				}
			}
			
			// Dropdown Close
			dropObj.Close = function()
			{
				document.onmousedown = null;
				document.getElementById("theBody").removeChild(document.getElementById(dropObj.box.getAttribute("id")));
				document.getElementById(dropDownId).className = document.getElementById(dropDownId).className.replace("_hover","");
				dropObj.dropSelector.onclick = function() { dropSearch = new webDropDown(''+dropDownId+'',''+dropValues+''); return false; }
				delete dropObj;
				document.getElementById("inp"+dropDownId).focus();
			}
			
			// dropdown submit
			dropObj.Submit = function(value)
			{
				document.onmousedown = null;
				document.getElementById(dropDownId).getElementsByTagName("DIV")[0].innerHTML = value;
				document.getElementById("inp"+dropDownId).value = value;
				window.location = siteURL+'Portfolio/'+value+'/';
				dropObj.Close();
			}
	}