// JavaScript Document
		

function initDDList2 () { 		

		
		var categoryField2 = new DynamicOptionList();
		
		//Well Construction
		
		categoryField2.addDependentFields("ImageC2","ImageS2");
		categoryField2.forValue("All Categories").addOptions("All Subcategories");
		categoryField2.forValue("Mud Motors").addOptions("Overview");
		categoryField2.forValue("Premium Connections").addOptions("Overview", "SEAL-LOCK Connections", "TKC Connections", "Clear Run", "JFEBEAR Connections", "Blanking Dimensions", "Hunting Drawings", "Technical Info" );
		categoryField2.forValue("Drill Collars").addOptions("Overview");
		categoryField2.forValue("Engineered Products").addOptions("Overview");
		categoryField2.forValue("OCTG").addOptions("Overview");
		categoryField2.forValue("Trenchless Technologies").addOptions("Overview");
		categoryField2.forValue("Manufacturing").addOptions("Overview", "Threading Services", "Drill Collars", "Custom" , "Rotary Drilling Subs");
		categoryField2.forValue("Rentals").addOptions("Overview", "DrillCollars", "Rotary Drilling Subs" , "Coil Tubing Motors");
		categoryField2.forValue("Welding").addOptions("Overview", "Build-up and Hardbanding", "Hard Facing");
		categoryField2.forValue("SealLube").addOptions("Overview");
		categoryField2.forValue("Licensee-List").addOptions("Overview");
		categoryField2.selectFirstOption = true;
		
			initDynamicOptionLists();
}
	function initDDList3 () { 
				//Well Completion
			var categoryField3 = new DynamicOptionList();
		
		categoryField3.addDependentFields("ImageC3","ImageS3");
		categoryField3.forValue("All Categories").addOptions("All Subcategories");
		categoryField3.forValue("Manufacturing").addOptions("Overview", "Threading Services" );
		categoryField3.forValue("Well Intervention").addOptions("Overview");
		categoryField3.forValue("Premium Tubing").addOptions("Overview", "Two-Step Tubing (TSHP/TSHD)", "SEAL-LOCK XP", "SEAL-LOCK HT", "SEAL-LOCK APEX", "TKC Connections", "Fox Connections", "Blanking Dimensions", "Hunting Drawings", "Technical Info" );
		categoryField3.forValue("Thread Protectors").addOptions("Overview", "Storage Coatings", "Thread Protectors", "EnviroGuard");
		categoryField3.forValue("Licensee-List").addOptions("Overview");
		categoryField3.selectFirstOption = true;	
			
		initDynamicOptionLists();
			
}


function getAjaxContents(divId, content){
	
			//ajax
	
		var url = ('/inc/' + divId + ".tpl");
		new Ajax.Request(url, {
			method: 'post',	
			onSuccess: function(t) {
				var response = t.responseText;	
				
				
					if(divId == 'wcon'){
		
		var element = document.getElementById('wcon')
		element.innerHTML = response;

	initDDList2();		
		}else{
			var oelement = document.getElementById('wcom')
			oelement.innerHTML = response;
			initDDList3();	
	}
				
			},
			onFailure: function(t){	
			//throw an error.				
			}
		
			
		});
		//Show progress animation

		var theelement = document.getElementById(divId)
			theelement.innerHTML = '<img src="/images/lightbox/loading.gif" alt="loading contents" align="absmiddle" />'
	

}

function gotoLink(var1, var2, location){
		var s
		var c
		var sa
		var sb
		var ext
		
		s = document.getElementById(var1);
		c = document.getElementById(var2);		
		
		sa = (s.options[s.options.selectedIndex].value).toLowerCase() ;		
		sb = (c.options[c.options.selectedIndex].value).toLowerCase();
		
		
		sa = sa.replace(' ' ,"-");
		sb = sb.replace(' ' ,"-");

		sa = sa.replace('\n' ,"-");
		sb = sb.replace('\n' ,"-");
		
		sa = sa.replace(/\s/g,'-');
		sb = sb.replace(/\s/g,'-');	
		
			
		sa = sa.replace('(' ,"");
		sb = sb.replace('(' ,"");
		
		sa = sa.replace(')' ,"");
		sb = sb.replace(')' ,"");
		
		sa = sa.replace('/' ,"");
		sb = sb.replace('/' ,"");
		
		sa = sa.toLowerCase()
		sb = sb.toLowerCase()
		
		
		
		if(sa == 'manufacturing' || sa == '' || sa =='rentals' || sa =='welding'){
			ext = '.shtml'
		}else{
			ext = '/'
		}

		if(sb == 'overview'){
		sb = ''
		ext = ''
	}	
	if(sa == 'all-categories'){
		sa = ''
		sb = ''
		ext = ''
	}else{
		sb = ("/" + sb)
		
	
	}
		window.location = "/" + location + "/" + sa + sb + ext
}


function breadcrumbs(){
  sURL = new String;
  bits = new Object;
  var x = 0;
  var stop = 0;
  var output = "<a href=\"/\">Home</a> &nbsp;>&nbsp; ";
  sURL = location.href;
  sURL = sURL.slice(8,sURL.length);
  chunkStart = sURL.indexOf("/");
  sURL = sURL.slice(chunkStart+1,sURL.length)
  while(!stop){
    chunkStart = sURL.indexOf("/");
    if (chunkStart != -1){
      bits[x] = sURL.slice(0,chunkStart)
      sURL = sURL.slice(chunkStart+1,sURL.length);
    }else{
      stop = 1;
    }
    x++;
  }
  for(var i in bits){
    output += "<a href=\"";
    for(y=1;y<x-i;y++){
      output += "../";
    }
    output += bits[i] + "/\">" + bits[i] + "</a> &nbsp;>&nbsp; ";
  }
  if($("breadCrumbs")){ 
 	 $("breadCrumbs").innerHTML = (output);
  }
}

/*START SEARCH BOX*/
function doSearchTest(){
	if(event.keyCode==13){
	doSearch();
	}

}


function doSearch(){
		//ajax
		var q = document.getElementById('q').value;
		var url = ('/search-ajax.aspx?q=' + q );
		new Ajax.Request(url, {
			method: 'post',	
			onSuccess: function(t) {
				var response = t.responseText;					
				
					
		var element = document.getElementById('searchResluts')
		element.innerHTML = response;

				
			},
			onFailure: function(t){	
			//throw an error.				
			}
		
			
		});
		//Show progress animation

		var theelement = document.getElementById('searchResluts')
			theelement.innerHTML = '<img src="/images/lightbox/loading.gif" alt="loading contents" align="absmiddle" />'
	

}

	
	var panelWidth = 262;	// Width of help panel	
	var slideSpeed = 50;		// Higher = quicker slide
	var slideTimer = 10;	// Lower = quicker slide
	var slideActive = true;	// Slide active ?
	var initBodyMargin = 0;	// Left or top margin of your <body> tag (left if panel is at the left, top if panel is on the top)
	var pushMainContentOnSlide = false;	// Push your main content to the right when sliding
	var panelPosition = 0; 	// 0 = left , 1 = top
	
	/*	Don't change these values */
	var slideLeftPanelObj=false;
	var slideInProgress = false;	
	var startScrollPos = false;
	var panelVisible = false;
	
	
	
	function initSlideLeftPanel(expandOnly)
	{

		
		if(slideInProgress)return;
		if(!slideLeftPanelObj){
			if(document.getElementById('searchpanel_leftPanel')){	// Object exists in HTML code?
				slideLeftPanelObj = document.getElementById('searchpanel_leftPanel');
				if(panelPosition == 1)slideLeftPanelObj.style.width = '100%';
			}else{	// Object doesn't exist -> Create <div> dynamically
				slideLeftPanelObj = document.createElement('DIV');
				slideLeftPanelObj.id = 'searchpanel_leftPanel';
				slideLeftPanelObj.style.display='none';
				document.body.appendChild(slideLeftPanelObj);
			}
			
			if(panelPosition == 1){
				slideLeftPanelObj.style.top = "-" + panelWidth + 'px';
				slideLeftPanelObj.style.left = '0px';	
				slideLeftPanelObj.style.height = panelWidth + 'px';			
			}else{
				slideLeftPanelObj.style.left = "-" + panelWidth + 'px';
				slideLeftPanelObj.style.top = '0px';
				slideLeftPanelObj.style.width = panelWidth + 'px';
			}
			

			if(!document.all || navigator.userAgent.indexOf('Opera')>=0)slideLeftPanelObj.style.position = 'fixed';;
		}	
		
		if(panelPosition == 0){
			if(document.documentElement.clientHeight){
				slideLeftPanelObj.style.height = document.documentElement.clientHeight + 'px';
			}else if(document.body.clientHeight){
				slideLeftPanelObj.style.height = document.body.clientHeight + 'px';
			}
			var leftPos = slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1;
		}else{
			if(document.documentElement.clientWidth){
				slideLeftPanelObj.style.width = document.documentElement.clientWidth + 'px';
			}else if(document.body.clientHeight){
				slideLeftPanelObj.style.width = document.body.clientWidth + 'px';
			}
			var leftPos = slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1;			
			
			
		}
		slideLeftPanelObj.style.display='block';
		
		if(panelPosition==1)
			startScrollPos = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		else
			startScrollPos = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
		if(leftPos<(0+startScrollPos)){
			if(slideActive){
				slideLeftPanel(slideSpeed);	
			
			}else{
				document.body.style.marginLeft = panelWidth + 'px';
				slideLeftPanelObj.style.left = '0px';
			}
		}else{

			if(expandOnly)return;
			if(slideActive){		
				slideLeftPanel(slideSpeed*-1);
			}else{
				if(panelPosition == 0){
					if(pushMainContentOnSlide)document.body.style.marginLeft =  initBodyMargin + 'px';
					slideLeftPanelObj.style.left = (panelWidth*-1) + 'px';	
				}else{
					if(pushMainContentOnSlide)document.body.style.marginTop =  initBodyMargin + 'px';
					slideLeftPanelObj.style.top = (panelWidth*-1) + 'px';						
				}			
			}
		}	
		
		if(navigator.userAgent.indexOf('MSIE')>=0 && navigator.userAgent.indexOf('Opera')<0){
			window.onscroll = repositionHelpDiv;
		
			repositionHelpDiv();
		}
		window.onresize = resizeLeftPanel;
		
	}
	
	function resizeLeftPanel()
	{
		if(panelPosition == 0){
			if(document.documentElement.clientHeight){
				slideLeftPanelObj.style.height = document.documentElement.clientHeight + 'px';
			}else if(document.body.clientHeight){
				slideLeftPanelObj.style.height = document.body.clientHeight + 'px';
			}		
		}else{
			if(document.documentElement.clientWidth){
				slideLeftPanelObj.style.width = document.documentElement.clientWidth + 'px';
			}else if(document.body.clientWidth){
				slideLeftPanelObj.style.width = document.body.clientWidth + 'px';
			}	
		}
	}
	
	function slideLeftPanel(slideSpeed){
		slideInProgress =true;
		var scrollValue = 0;
		if(panelPosition==1)
			var leftPos = slideLeftPanelObj.style.top.replace(/[^0-9\-]/g,'')/1;
		else
			var leftPos = slideLeftPanelObj.style.left.replace(/[^0-9\-]/g,'')/1;
			
		leftPos+=slideSpeed;
		okToSlide = true;
		if(slideSpeed<0){
			if(leftPos < (((panelWidth*-1) + 32) + startScrollPos)){
				leftPos = ((panelWidth*-1) + 32) + startScrollPos;	
				okToSlide=false;
			}
		}
		if(slideSpeed>0){
			if(leftPos > (0 + startScrollPos)){
				leftPos = 0 + startScrollPos;
				okToSlide = false;
			}			
		}
		
		
		if(panelPosition==0){
			slideLeftPanelObj.style.left = leftPos + startScrollPos + 'px';
			if(pushMainContentOnSlide)document.body.style.marginLeft = leftPos - startScrollPos + panelWidth + 'px';
		}else{
			slideLeftPanelObj.style.top = leftPos + 'px';
			if(pushMainContentOnSlide)document.body.style.marginTop = leftPos - startScrollPos + panelWidth + 'px';			
			
		}
		if(okToSlide)setTimeout('slideLeftPanel(' + slideSpeed + ')',slideTimer); else {
			slideInProgress = false;
			if(slideSpeed>0)panelVisible=true; else panelVisible = false;
		}
		
	}
	
	
	function repositionHelpDiv()
	{
		if(panelPosition==0){
			var maxValue = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			slideLeftPanelObj.style.top = maxValue;
		}else{
			var maxValue = Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
			slideLeftPanelObj.style.left = maxValue;	
			var maxTop = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
			if(!slideInProgress)slideLeftPanelObj.style.top = (maxTop - (panelVisible?0:panelWidth)) + 'px'; 		
		}
	}
	
	function cancelEvent()
	{
		return false;
	}
	function keyboardShowLeftPanel()
	{
			initSlideLeftPanel();
			return false;	
	
	}
	
	function leftPanelKeyboardEvent(e)
	{
		if(document.all)return;
		
		if(e.keyCode==112){
			initSlideLeftPanel();
			return false;
		}		
	}
	
	function setLeftPanelContent(text)
	{
		document.getElementById('leftPanelContent').innerHTML = text;
		initSlideLeftPanel(true);
		
	}
	if(!document.all)document.documentElement.onkeypress = leftPanelKeyboardEvent;
	document.documentElement.onhelp  = keyboardShowLeftPanel;

function servloclayerroll(id, type, num){
	
	var theObject = document.getElementById(id);
	var infoDiv = document.getElementById('infodiv');
	if(type == 'visible'){
		infoDiv.innerHTML = theObject.innerHTML;
	}else{
		infoDiv.innerHTML = '';	
	}
}

Event.onDOMReady(function() {
						  breadcrumbs();
});