function launchBackorder(pro) {
	window.open('/resource/templates/products/backorder.cfm?pro='+pro, 'Backorder', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=350,height=280');
}
			
function setVisibilityBySelector(selector, newState){
	var topAry = $$(selector);
	
	for (i=0; i<topAry.length; i++) 
	{
		topAry[i].style.visibility = newState;
		//visible,hidden
	}
}

function openOverLay(value, type, headerText, width, height){
	if(!headerText)
	{
		headerText = '';	
	}
	
	insertOverLay('overlay', 'overlay');
	insertOverLayContentContainer('overlayContentContainer', 'overlayContentContainer', headerText);
	
	type = type.toLowerCase();
	switch(type)
	{
		case "youtube":
		  insertYoutube('overlayContentContainer', 'videoContainer', value, width, height);
		  break;
		case "video":
		  insertVideo('overlayContentContainer', 'videoContainer', value, width, height);
		  break;    
		case "image":
		  insertImage('overlayContentContainer', 'imageContainer', value);
		  break;
		case "flash":
		  insertFlash('overlayContentContainer', 'imageContainer', value, width, height);
		  break;
		default:
	} 

	recenterContentContainer('overlayContentContainer');
}

function insertFlash(containerId, id, src, width, height){
	
	htmlOutput = '<div style="font-weight: bold; text-align: right;"><a href="javascript:removeOverLay()">close [x]</a></div><div style="padding:8px; background-color:#FFFFFF"><div id="' + id + '"><div id="playerdiv"></div></div></div>';	
	//$(containerId).insert(htmlOutput);
	$(containerId).innerHTML = htmlOutput;
	
	var so = new SWFObject(src, "main", width, height, 8, "#FFFFFF");
	so.addParam("allowFullScreen", "true");
	so.write("playerdiv");
}

function recenterContentContainer(id){
	
	contentContainerWidth = $(id).getWidth();	
	contentContainerHeight = $(id).getHeight();
	tmpLeft = (document.viewport.getWidth()/2) - (contentContainerWidth/2);
	tmpTop = (document.viewport.getHeight()/2) - (contentContainerHeight/2);
	
	if(tmpLeft < 0){
		tmpLeft = 0;
	}
	
	if(tmpTop < 0){
		tmpTop = 0;
	}
	topOffset = document.viewport.getScrollOffsets().top;
	
	$(id).style.left = tmpLeft + "px";
	$(id).style.top = tmpTop + topOffset + "px";
}

function resizeOverLay(id, outterContainerId){
	
	tmpHeight1 = $(outterContainerId).getHeight();
	tmpHeight2 = $(document.body).getHeight();

	if(tmpHeight1 > tmpHeight2){
		tmpHeight = tmpHeight1;
	}else{
		tmpHeight = tmpHeight2;
	}
	
	$(id).style.height = tmpHeight + "px";
}

function insertOverLay(id, className){
	
	if( $('hideContent') ) {
		$('hideContent').toggle();
	}
	if( $('hideContent2') ) {
		$('hideContent2').toggle();
	}
	
	$(document.body).insert("<div class='" + className + "' id='" + id + "'>&nbsp;</div>");
	
	resizeOverLay('overlay', 'outerContainer');
	
	//setVisibilityBySelector('select', 'hidden');
}

function insertOverLayContentContainer(id, className, headerText){
	htmlOutput  = '<div class="' + className + '" id="' + id + '">';
	htmlOutput += "<div class='header'>" + headerText + "</div>";
	htmlOutput += '<div style="font-weight:bold; text-align:right;"><a href="javascript:removeOverLay()">close [x]</a></div>';
	htmlOutput += '</div>';
	$(document.body).insert(htmlOutput);
}

function removeOverLay(){
	if( $('hideContent') ) {
		$('hideContent').toggle();
	}
	if( $('hideContent2') ) {
		$('hideContent2').toggle();
	}
	if($('videoContainer')){
		$('videoContainer').remove();
	}
	
	$('overlayContentContainer').remove();
	$('overlay').remove();
	
	setVisibilityBySelector('select', 'visible');
	//document.body.style.overflow = "";
}

function insertYoutube(containerId, id, myFlashVars, width, height){
	if(width == undefined){
		width = 435;
	}
	
	if(height == undefined){
		height = 354;
	}
	
	htmlOutput = '<div style="font-weight: bold; text-align: right;"><a href="javascript:removeOverLay()">close [x]</a></div><div style="padding:8px; background-color:#FFFFFF; width:' + width + 'px; height:' + height + 'px;"><div id="' + id + '">' + myFlashVars.loadedContent + '</div></div>';	
	//$(containerId).insert(htmlOutput);
	$(containerId).innerHTML = htmlOutput;
	
	//alert(myFlashVars.loadedContent);
}

function insertVideo(containerId, id, myFlashVars, width, height){
	htmlOutput = '<div style="padding:8px; background-color:#FFFFFF"><div id="' + id + '"><div id="playerdiv"></div></div></div>';	
	$(containerId).insert(htmlOutput);

	if(width == undefined){
		width = 360;
	}
	
	if(height == undefined){
		height = 266;
	}
	
	var so = new SWFObject("/resource/swf/videoplayer.swf", "main", width, height, "8", "#FFFFFF");
	so.addParam("allowFullScreen", "true");
	so.addVariable("videoLink", myFlashVars.loadedContent); 
	so.addVariable("videoVolume", "75");
	so.addVariable("autoplay", "true");
	so.write("playerdiv");
}

function insertImage(containerId, id, src){
	
	htmlOutput = '<div style="padding:8px; background-color:#FFFFFF"><div id="' + id + '"><img src="' + src + '" alt="" onload="recenterContentContainer(\'' + containerId + '\');" /></div></div>';	
	$(containerId).insert(htmlOutput);
}

if(typeof Prototype != "undefined"){
	Event.observe(window, "resize", function() {
		
		if($('overlay')){
			resizeOverLay('overlay', 'outerContainer');						 
			recenterContentContainer('overlayContentContainer');
		}
	});
}

function fixURLsToOpenInANewWindow(objContainer)
{
	for(i = 0; i < objContainer.childNodes.length; i++)
	{
		objNode = objContainer.childNodes[i]
		if(objNode.tagName == 'A')
		{
			// Set the node's target to _blank to cause it to open a new window...
			objNode.target="_blank";
			objNode.className = "blue";
		}
	}
}

function popUpWindow(strURL, intWidth, intHeight)
{
	intLeft = (window.screen.width - (intWidth))/2;
	intTop = (window.screen.height - (intHeight))/2;
	objWindow = window.open(strURL,'_blank', 'width=' + intWidth + ', height=' + intHeight + ', left=' + intLeft +  ', top=' + intTop + ', location=yes, titlebar=yes, toolbar=yes, fullscreen=yes, scrollbars=yes, resizable=yes, menubar=yes, status=yes');
}

blnIsIE = navigator.appName.indexOf("Internet Explorer") == -1?false:true;
function insertAtCursor(myField, myValue)
{
	//IE support
	if(blnIsIE)
	{
		if (document.selection)
		{
			myField.focus();
			sel = document.selection.createRange();
			sel.text = myValue;
		}
	}
	else
	{
		if(myField.selectionStart || myField.selectionStart == 0)
		{
			var startPos = myField.selectionStart;var endPos = myField.selectionEnd;
			myField.value = myField.value.substring(0, startPos)+ myValue+ myField.value.substring(endPos, myField.value.length);
		} 
		else 
		{
			myField.value += myValue;
		}
	}
}