//---------------------------------------------------------------------------------------------------------
//	DHTML JavaScript (ver 2.3)
//---------------------------------------------------------------------------------------------------------

//-------------------------------------------------------------------------------------------------------
//	Image swap
//-------------------------------------------------------------------------------------------------------
function swapImg(id,img)
{
	if( document.getElementById)
	{
		obj	= document.getElementById(id);
		obj.setAttribute( 'src', img );
	}
}

/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact. 

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html


*****/


window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
	if(!d.getElementById || !d.createElement)return;

	// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
	// http://slayeroffice.com/code/imageCrossFade/xfade2.css
	css = d.createElement("link");
	css.setAttribute("href","xfade2.css");
	css.setAttribute("rel","stylesheet");
	css.setAttribute("type","text/css");
	d.getElementsByTagName("head")[0].appendChild(css);

	if(d.getElementById("imageContainer")) {
		imgs = d.getElementById("imageContainer").getElementsByTagName("img");
		for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
		imgs[0].style.display = "block";
		imgs[0].xOpacity = .99;
	
	
		setTimeout(so_xfade,5000);
	}
	
	if(d.getElementById("quote_imageContainer")) {
		imgs = d.getElementById("quote_imageContainer").getElementsByTagName("img");
		for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
		imgs[0].style.display = "block";
		imgs[0].xOpacity = .99;
	
	
		setTimeout(so_xfade,8000);
	}
}

function so_xfade() {
	cOpacity = imgs[current].xOpacity;
	nIndex = imgs[current+1]?current+1:0;

	nOpacity = imgs[nIndex].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[nIndex].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[nIndex].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[nIndex]);
	
	if(cOpacity<=0) {
		imgs[current].style.display = "none";
		current = nIndex;
		setTimeout(so_xfade,5000);
	} else {
		setTimeout(so_xfade,50);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
	
}



function splash_divs(div_id, num_subs, div_url) {


	current_selected = document.getElementById('current_div_selected').innerHTML;

	//if something is selected, we either need to close div & image or forward to div_url if current selected eq div_id
	if(current_selected) {
			//close div layer & replace image back to orig
			swapImg('hpb_'+current_selected,'/images/hp_banner_'+current_selected+'.jpg');
			
			document.getElementById('mymenu_'+current_selected).style.display = 'none';
			
			document.getElementById('current_div_selected').innerHTML = '';
		
	}
	
	
	if(current_selected != div_id) {
	
		//set image to one with arrow down
		swapImg('hpb_'+div_id,'/images/hp_banner_'+div_id+'2.jpg');
	
		//if num_subs, open layer. if not forward to url
		if(num_subs > 0) {
			document.getElementById('mymenu_'+div_id).style.display = 'block';
		} else {
			top.location.href = div_url;
		}
	
		document.getElementById('current_div_selected').innerHTML = div_id;

	}

}

function nav_change_arrow(cat_id) {


	c_cat_sel = document.getElementById('nav_sel_cat').innerHTML

	if(document.getElementById('cat_div_'+c_cat_sel)) {
		document.getElementById('cat_div_'+c_cat_sel).className = '';
	}
	
	document.getElementById('cat_div_'+cat_id).className = 'current';	

	document.getElementById('nav_sel_cat').innerHTML = cat_id;

}


function mouseover_subnav(cat_id_to_show) {

	if(document.getElementById('nav_mouseover_sel').innerHTML) {
	
		selected_cat_to_hide = document.getElementById('nav_mouseover_sel').innerHTML;
		
		layer_hide = document.getElementById('sub_cats_' + selected_cat_to_hide);
		
		//if it's not locked 
		if(layer_hide) {
			locked_var = layer_hide.getAttribute("locked");
		} else {
			locked_var = "no";
		}
		
		if(locked_var == "yes") {
		
		} else {
		
			if(document.getElementById('sub_cats_' + selected_cat_to_hide)) {
				mouseover_subnav_hide(selected_cat_to_hide)
			}
		}
	
	}
	
	//Hide 3rd level cat if necessary 
	if(document.getElementById('nav_mouseover_3_sel').innerHTML) {
		selected_fg_to_hide = document.getElementById('nav_mouseover_3_sel').innerHTML;
		
		layer_hide = document.getElementById('sub_cats_3_' + selected_fg_to_hide);
		
		//if it's not locked 
		if(layer_hide) {
			locked_var = layer_hide.getAttribute("locked");
		} else {
			locked_var = "no";
		}
		
		if(locked_var == "yes") {
		
		} else {
		
			if(document.getElementById('sub_cats_3_' + selected_fg_to_hide)) {
				subnav_layer_hide2(selected_fg_to_hide);
			}
		}
	}
	
	document.getElementById('sub_cats_' + cat_id_to_show).style.display = 'block';
	nav_change_arrow(cat_id_to_show);

	document.getElementById('nav_mouseover_sel').innerHTML = cat_id_to_show;
	
}

function mouseover_subnav_hide(cat_id_to_hide) {

	//new Effect.SlideUp('sub_cats_' + cat_id_to_show, { duration: .5 });
	document.getElementById('sub_cats_' + cat_id_to_hide).style.display = 'none';
	

}

function subnav_layer_show(cat_id) {
	document.getElementById('sub_cats_' + cat_id).style.display = 'block';
}
function subnav_layer_hide(cat_id) {
	document.getElementById('sub_cats_' + cat_id).style.display = 'none';
}

function subnav_layer_show2(cat_id) {
	document.getElementById('sub_cats_3_' + cat_id).style.display = 'block';
	document.getElementById('nav_mouseover_3_sel').innerHTML = cat_id;
}
function subnav_layer_hide2(cat_id) {
	
	layer_hide = document.getElementById('sub_cats_3_' + cat_id);
		
	//if it's not locked 
	if(layer_hide) {
		locked_var = layer_hide.getAttribute("locked");
	} else {
		locked_var = "no";
	}
		
	if(locked_var == "yes") {
		
	} else {
		document.getElementById('sub_cats_3_' + cat_id).style.display = 'none';
		document.getElementById('nav_mouseover_3_sel').innerHTML = '';
	}
}


function search_forward() {

	kword = document.getElementById('Keyword').value;
	
	top.location.href = "/search/index.html?k="+kword;


}

function search_forward_hose() {

	kword = document.getElementById('Keyword').value;
	
	top.location.href = "/search/index.html?div=hose&k="+kword;


}


//---------------------------------------------------------------------------------------------------------
//	Show product (on click shows div layer)
//---------------------------------------------------------------------------------------------------------
var selectedID = 0;

function showproduct(what)
{
	//	Hide existing one
	if (selectedID)
	{
		hideproduct();	
	}
	
	productobject							= document.getElementById('product' + what);
	productobject.style.display				= 'block'; 
	selectedID								= what;
}

function hideproduct()
{
	if (selectedID)
	{
		selectedobject					= document.getElementById('product' + selectedID);
		productobject.style.display		= 'none'; 
		selectedID						= 0;
	}
}


//---------------------------------------------------------------------------------------------------------
//	Show details (on click shows div layer)
//---------------------------------------------------------------------------------------------------------
var selectedID = 0;

function showdetail(what)
{
	//	Hide existing one
	if (selectedID)
	{
		hidedetail();	
	}
	
	detailobject							= document.getElementById('detail' + what);
	detailobject.style.display				= 'block'; 
	selectedID								= what;
	
	Effect.ScrollTo('diagram_head', { duration: 0 });
}

function hidedetail()
{
	if (selectedID)
	{
		selectedobject					= document.getElementById('detail' + selectedID);
		detailobject.style.display		= 'none'; 
		selectedID						= 0;
	}
}
//---------------------------------------------------------------------------------------------------------
//	Show current (on click shows div layer)
//---------------------------------------------------------------------------------------------------------
var selectedID = 0;

function showcurrent(what)
{
	//	Hide existing one
	if (selectedID)
	{
		hidecurrent();	
	}
	
	currentobject							= document.getElementById('current' + what);
	currentobject.style.display				= 'block'; 
	selectedID								= what;
}

function hidecurrent()
{
	if (selectedID)
	{
		selectedobject					= document.getElementById('current' + selectedID);
		currentobject.style.display		= 'none'; 
		selectedID						= 0;
	}
}


function open_help() {
	window.open("http://www.teknorapex.com/ftp/TeknorApex/corporate/SearchModuleHelp.htm","help","menubar=0,statusbar=0,scrollbars=1,toolbar=0,location=0,width=600,height=450");
}

function iframe_onload()
{
var theWaitCell = document.getElementById('Wait1');
theWaitCell.style.visibility = "hidden";
}