var movement;

function doorSelector(nSeriesID) {
	if(nSeriesID>0) {
		var getData = new PbD.HTTPReqObj();
		if(getData.isSupported && document.getElementById) {
			getData.onComplete = function(responseText,responseXML) {
				clearElement(document.getElementById('doorSelector'));

				var move;
	
				var doorSeriesDiv = document.createElement("DIV");
					doorSeriesDiv.id = "doorSeriesDiv";
						
				var doorSeriesData = responseXML.getElementsByTagName('series'); // get the door series data
					// create the series
					var seriesImg = document.createElement("IMG");
							seriesImg.src = '/_img/dynamic/'+doorSeriesData[0].getElementsByTagName('cImgFile').item(0).childNodes.item(0).nodeValue;
							seriesImg.alt = doorSeriesData.item(0).getElementsByTagName('cTitle').item(0).childNodes.item(0).nodeValue;
							seriesImg.className = "doorSeriesImg";
							doorSeriesDiv.appendChild(seriesImg);

				var doorStylesScrollOuterWrapperDiv = document.createElement("DIV");
						doorStylesScrollOuterWrapperDiv.id = "doorStylesScrollOuterWrapperDiv";

				var scrollLeftImg	= document.createElement("IMG");
						scrollLeftImg.src = '/_img/scroll_left.png';
						scrollLeftImg.id = "scrollLeftImg";
						doorStylesScrollOuterWrapperDiv.appendChild(scrollLeftImg);

				var doorStylesScrollWrapperDiv = document.createElement("DIV");
						doorStylesScrollWrapperDiv.id = "doorStylesScrollWrapperDiv";
	
				var doorStylesDiv = document.createElement("DIV");
						doorStylesDiv.id = "doorStylesDiv";
						doorStylesDiv.style.left = 0;
						
					var doorStylesData = responseXML.getElementsByTagName('styles'); // get door styles data
					if(doorStylesData.length>0) { // if there are doors in the series
						// create the series
						for(var i=0;i<doorStylesData.length;i++) {
						var styleImg = document.createElement("IMG");
								styleImg.src = '/_img/dynamic/'+doorStylesData[i].getElementsByTagName('cImgFile').item(0).childNodes.item(0).nodeValue;
								styleImg.alt = doorStylesData.item(i).getElementsByTagName('cTitle').item(0).childNodes.item(0).nodeValue;
								styleImg.className = "doorStyleImg";
								doorStylesDiv.appendChild(styleImg);
						}
					}
					doorStylesScrollWrapperDiv.appendChild(doorStylesDiv);
				doorStylesScrollOuterWrapperDiv.appendChild(doorStylesScrollWrapperDiv);

				var scrollRightImg	= document.createElement("IMG");
						scrollRightImg.src = '/_img/scroll_right.png';
						scrollRightImg.id = "scrollRightImg";
						doorStylesScrollOuterWrapperDiv.appendChild(scrollRightImg);

				var theDiv = document.createElement("DIV");
						theDiv.className="hr2 clear";
				var theHR =  document.createElement("HR");
						theDiv.appendChild(theHR);
				
				document.getElementById('doorSelector').appendChild(doorSeriesDiv);
				document.getElementById('doorSelector').appendChild(doorStylesScrollOuterWrapperDiv);
				document.getElementById('doorSelector').appendChild(theDiv);

				scrollLeftImg.onmouseover = function() {
					this.src = '/_img/scroll_left_on.png';
					movement = setInterval("objScroll('doorStylesScrollWrapperDiv','doorStylesDiv','right',3)",20);
				}
				scrollLeftImg.onmouseout = function() {
					this.src = '/_img/scroll_left.png';
					if(movement) clearInterval(movement);
				}

				scrollRightImg.onmouseover = function() {
					this.src = '/_img/scroll_right_on.png';
					movement = setInterval("objScroll('doorStylesScrollWrapperDiv','doorStylesDiv','left',3)",20);
				}
				scrollRightImg.onmouseout = function() {
					this.src = '/_img/scroll_right.png';
					if(movement) clearInterval(movement);
				}
				
			}
			getData.submit('/_ajax/doorSelector.php?nSeriesID='+nSeriesID);
			return true;
		} else {
			return false;
		}
	} else {
		return false;
	}
}

function clearElement(el) {
	while(el.hasChildNodes()) {
		while(el.lastChild.hasChildNodes()) clearElement(el.lastChild);
		el.removeChild(el.lastChild);
	}
}

function objScroll(container,object,scrollDir,scrollSpeed) {
	scrollSpeed=(document.all)? scrollSpeed : Math.max(1, scrollSpeed-1)
	var wrapper = document.getElementById(container);
	var content = document.getElementById(object);
	if(content.offsetWidth>wrapper.offsetWidth) {
		if(
			(scrollDir=='left' && ((content.offsetWidth+parseInt(content.style.left))>wrapper.offsetWidth))
		||
			(scrollDir=='right' && ((wrapper.offsetWidth-parseInt(content.style.left))>wrapper.offsetWidth))
		) {
			content.style.left = (scrollDir=='left') ? (parseInt(content.style.left)-scrollSpeed)+'px' : (parseInt(content.style.left)+scrollSpeed)+'px';
		}
	}
}

function submitForm() {
	//if(typeof timer != 'undefined') clearTimeout(timer);
	//timer = setTimeout("document.forms[0].submit()",2500);
}

window.onload = function() {
	if(document.forms.length>0) {

		var x = document.forms[0].getElementsByTagName("SELECT");
		for(var i=0;i<x.length;i++) {
			if(x[i].name=="nSeriesID")  x[i].onchange=function() { doorSelector(this.options[this.selectedIndex].value);submitForm(); }
			else x[i].onchange = function() { submitForm(); }
		}
		
		if(document.forms[0].nSeriesID.selectedIndex>0) {
			doorSelector(document.forms[0].nSeriesID.options[document.forms[0].nSeriesID.selectedIndex].value);
		}
	}
}