/*

Product Demo Code

Author: Doug DeMarco

© 2009 Vibrant Media Inc.

*/

/*

		==========================
				DEMO CODE
		==========================

*/


//=============================================
//GLOBAL VARIABLES AND CONSTANTS
//=============================================
var hideID = 0;						//setInterval variable used when making the tooltip disappear 
var lastToolNum = 0;				//number that matches the rolled-over keyword and correspond with the user-editable array variables 
var tooltipXOffset = 5;			//default horizontal distance from the top/left of the keyword in which the tooltip will appear
var tooltipYOffset = 0;				//default vertical distance from the top/left of the keyword in which the tooltip will appear
var hasEnlarged = false;			//boolean value indicating the state of an expandable ad unit
var ttIsVis = false;				//boolean used to determine if tooltip is already visible
var globalTimeOuts = new Object();			//object used to store global window.setTimeout events

var thisBrowser = "other";
if(navigator.userAgent.indexOf("MSIE") != -1) thisBrowser = "ie";
if(navigator.userAgent.indexOf("Safari") != -1) thisBrowser = "safari";
if(navigator.userAgent.indexOf("Firefox") != -1) thisBrowser = "ff";
if(navigator.userAgent.indexOf("Opera") != -1) thisBrowser = "opera";
if(navigator.userAgent.indexOf("Chrome") != -1) thisBrowser = "chrome";

var clearTTID = 0;
var gIsMinimizing = false;

var adcopyURL_TOID = 0;
//var adcopy_TOID = 0;
var adArrow_TOID = 0;
var adCta_TOID = 0;

//roll-over button image source
var bt_what_on = new Image();
var bt_what_off = new Image();
var bt_close_on = new Image();
var bt_close_off = new Image();
bt_what_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/what_on.gif";
bt_what_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/what_off.gif";
bt_close_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/close_on.gif";
bt_close_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/close_off.gif";
/*
bt_what_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/ctrl_what_on.gif";
bt_what_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/ctrl_what_off.gif";
bt_close_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/ctrl_close_on.gif";
bt_close_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/ctrl_close_off.gif";*/

//image overlay buttons
var bt_adclose_on = new Image();
var bt_adclose_off = new Image();
bt_adclose_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/close_on.gif";
bt_adclose_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/close_off.gif";



//=============================================
//FUNCTIONS
//=============================================

//TEMP:
function cAT(){};function hlA(x){};function ttL(x){};function llA(x){};function kwC(x,y,z,a){};function kwM(x){};function ttH(x){};function MDn(x){};function MUp(x){};


//Button roll-over functions
function turnOn(imgName) {
	imgOn = eval(imgName +"_on.src");document [imgName].src = imgOn;
}
function turnOff(imgName) {
	imgOff = eval(imgName + "_off.src");document [imgName].src = imgOff;
}

function goSearch () {
	window.open ("http://www.msnbc.msn.com/?search=MSNBC&q=" + foop.value + "&submit=Search&id=11881780&FORM=AE&os=0&gs=1&p=1");
}

function displayStatus(string){
	window.status = string;
	return true;
}

function clearStatus(){
	window.status = '';
	return true;
}

function getRealPos(ele,dir)
{
	(dir=="x") ? pos = ele.offsetLeft : pos = ele.offsetTop;
	tempEle = ele.offsetParent;
	while(tempEle != null)
	{
		pos += (dir=="x") ? tempEle.offsetLeft : tempEle.offsetTop;
		tempEle = tempEle.offsetParent;
	}
	return pos;
}

function getScrollY(){
	if(window.pageYOffset != null) {
		return window.pageYOffset;
	} else {
		if(document.documentElement.scrollTop){
			return document.documentElement.scrollTop;
		} else {
			return document.body.scrollTop;
		}
	
		
	}
}

function getScrollX(){
	if(window.pageXOffset != null){
		return window.pageXOffset;
	} else {
		if(document.documentElement.scrollLeft){
			return document.documentElement.scrollLeft;
		} else {
			return document.body.scrollLeft;
		}
	}
}

//**TOOLTIP 2009
//deletes tooltip when small enough
function clearTT(override){
	if(override != true) override = false;

	if(override || document.getElementById('ttDiv').offsetWidth <= 5){
	
		clearInterval(clearTTID);
		clearInterval(hideID);//just in case
		
		//kill any possible blends 
		killGrow('ttDiv');
		killSlide('tooltipBox');
		
		//hide box
		document.getElementById('tooltipBox').style.visibility = 'hidden';
		
		//clear ad content to turn off possible flash audio
		document.getElementById('tooltipBox').innerHTML = '';
		
		//reset dimensions to avoid off-screen placement possibly causing scroll bars to display
		document.getElementById('tooltipBox').style.width = '1px';
		document.getElementById('tooltipBox').style.height = '1px';
		document.getElementById('tooltipBox').style.top = '1px';
		document.getElementById('tooltipBox').style.left = '1px';
		
		//update visibility variable
		ttIsVis = false;
		
		//done minimizing
		gIsMinimizing = false;
	}
}


function minimizeTooltip(){
	//minimize HTML tooltips
	if(styleArray[lastToolNum] < 20){
		//border shrink, Windows style (border only for performance reasons)...
		//grab and set sizes
		var w1 = parseInt(document.getElementById('ttDiv').offsetWidth);
		var h1 = parseInt(document.getElementById('ttDiv').offsetHeight);

		var linkRef = "link" + lastToolNum;
		var wordX = parseInt(getRealPos(document.getElementById(linkRef),"x")) + parseInt(document.getElementById(linkRef).offsetWidth);//parseInt(document.getElementById(linkRef).offsetLeft) + parseInt(document.getElementById(linkRef).offsetWidth);
		var wordY = parseInt(getRealPos(document.getElementById(linkRef),"y")) + (parseInt(document.getElementById(linkRef).offsetHeight)/2);//parseInt(document.getElementById(linkRef).offsetTop) + (parseInt(document.getElementById(linkRef).offsetHeight)/2);
		var x1 = parseInt(document.getElementById('tooltipBox').offsetLeft)+6;
		var x2 = 0;
		var y1 = parseInt(document.getElementById('tooltipBox').offsetTop)+6;
		var y2 = 0;
		
		//clear contents
		document.getElementById('ttDiv').innerHTML = "";
		//resize tooltip box to prevent page scrolling while minimizing
		document.getElementById('tooltipBox').style.width = "1px";
		document.getElementById('tooltipBox').style.height = "1px";
		
		//set dimensions
		//(dimensions should get set right after tooltip is rendered)
		
		//delete assets
		document.getElementById('ttShadow').parentNode.removeChild(document.getElementById('ttShadow'));
		
		//tweak border position and size to line up better with edge of tooltip
		document.getElementById('tooltipBox').style.left = x1 + "px";
		document.getElementById('tooltipBox').style.top = y1 + "px"
		document.getElementById('ttDiv').style.width = (w1-18) + "px";
		document.getElementById('ttDiv').style.height = (h1-18) + "px";
		
		//create border
		document.getElementById('ttDiv').style.border = "1px solid #979797";
		document.getElementById('ttDiv').style.backgroundColor = "#fbfbfb";
		
		//alert('stop...')
		
		//move it, move it
		grow('ttDiv',w1-50,1,h1-50,1,.15);
		slide('tooltipBox', x1, wordX, y1, wordY, .15);
		

		clearTTID = setInterval(clearTT, 33);
	} else {
		//hide box
		document.getElementById('tooltipBox').style.visibility = 'hidden';
		//document.getElementById('tooltipBox').style.display = 'none';
		
		//clear ad content to turn off possible flash audio
		document.getElementById('tooltipBox').innerHTML = '';
		
		//reset dimensions to avoid off-screen placement possibly causing scroll bars to display
		document.getElementById('tooltipBox').style.width = '1px';
		document.getElementById('tooltipBox').style.height = '1px';
		document.getElementById('tooltipBox').style.top = '1px';
		document.getElementById('tooltipBox').style.left = '1px';
		
		//update visibility variable
		ttIsVis = false;
	}
}

function adDelay(){
	//clear ad specific timeouts
	for (prop in globalTimeOuts){
		window.clearTimeout(globalTimeOuts[prop]);
	}
	
	gIsMinimizing = true;

	//ttIsVis = false;

	//clear ID
	clearInterval(hideID);
	//clear status message
	displayStatus(' ');
	
	//unhighlight word
	underlineOff("link" + lastToolNum);	
	
	//kill any in-process blends
	killAlphaBlend('ttShadow');
	if(styleArray[lastToolNum]==9){
		window.clearTimeout(adcopyURL_TOID);
		//window.clearTimeout(adcopy_TOID);
		window.clearTimeout(adArrow_TOID);
		window.clearTimeout(adCta_TOID);

		//slide('adcopy',0,0,-50,0,.25);
		killAlphaBlend('adcopyURL');
		//killAlphaBlend('adcopy');
		killSlide('adArrow');
		killSlide('adCta');
	}
	
	//clear ad content to turn off possible flash audio
	
	//execute minimize animation
	minimizeTooltip();
}

function clearAdInterval(){
	clearInterval(hideID);
}

function hideAd(){
	//*** TOOLITP 2009 - don't unhighlight word until tooltip disappears 
	//underlineOff("link" + lastToolNum);	
	
	//only start timer to remove tooltip if we haven't dragged the tooltip and tooltip isn't minimizing	
	if(whichDrag == "" && ttIsVis){
		clearInterval(hideID);
		hideID = setInterval(adDelay, 1250);
	}
	//TURN OFF AUDIO
	turnSoundOff();
}

function linkClick(indexNum){
	//window.open(urlArray[indexNum]);
	fClick("close");
}

function tooltipClick(){
	window.open(urlArray[lastToolNum]);
	fClick("close");
}

function fClick(arg1){
	adDelay();
	clearAdInterval();
}

function fReady(){
	alert('fReady() has fired');
}

function turnSoundOff(){
	try {
		window.document.myFlashMovie.SetVariable("jsAudioAdjust", "AUDIO_OFF");
	} catch(err) {
	}
}
function turnSoundOn(){
	try {
		window.document.myFlashMovie.SetVariable("jsAudioAdjust", "AUDIO_ON");
	} catch(err) {
	}
}

function highlightAd(tooltipRef, idString){
	//TURN ON AUDIO
	turnSoundOn();
	
	//Flash MPU Expandable
	if(styleArray[lastToolNum] == 21){
		if(!hasEnlarged){
			hasEnlarged = true;
			document.getElementById('myFlashMovie').style["width"] = maxCreativeWidth[lastToolNum] + "px";
			document.getElementById('myFlashMovie').style["height"] = maxCreativeHeight[lastToolNum] + "px";
			//extend width of tooltip drag handle porportionally
			document.getElementById('handle').style["width"] = (parseInt(document.getElementById('handle').style["width"]) + (maxCreativeWidth[lastToolNum]-creativeWidth[lastToolNum])) + "px";
			document.getElementById('handleImage').style["width"] = parseInt(document.getElementById('handle').style["width"]) + "px";
		}
	}
	
	//change bkg color on rollover if needed
	//2009 TOOLTIP - removed
	/*
	if(styleArray[lastToolNum]<20){	
		for(var x=1;x<7;x++){
			var tempID = "cZn" + x;
			document.getElementById(tempID).style.background = tooltipHighlightColor[lastToolNum];
		}
	}
	*/
	
	//if widescreen unit, enlarge flash
	if(styleArray[lastToolNum] == 6){
		if(!hasEnlarged){
			hasEnlarged = true;
			maximizeFlash();
		}
	}
}

function unHighlightAd(tooltipRef, idString){
	//TURN OFF AUDIO
	turnSoundOff();
	
	//change bkg color if needed
	//2009 TOOLTIP - removed
	/*
	if(styleArray[lastToolNum]<20){
		for(var x=1;x<7;x++){
			var tempID = "cZn" + x;
			document.getElementById(tempID).style.background = tooltipBkgColor[lastToolNum];
		}
	}
	*/
}

function animatePop(){
	//fade-in drop shadow
	alphaBlend('ttShadow','ttShadowImage',0,100,.5);
}


/*

-----------------------------------------------

textTrunc(str, limit)

-----------------

Truncates the given string ("str")to a number 

of characters equal to "limit" and adds "..."

to the end

 

Returns a truncated string

 

str =       String of text to be searched

limit = Number of characters to reduce the 

            string to

-----------------------------------------------

*/

function textTrunc(str, limit){
      var output = str.substr(0, limit);
      if(str.length > limit) output += "...";
      return output;
}



// --------------------------------------------------
// HTML EXPANDABLE ROUTINES
// --------------------------------------------------
function grow(objectName,startW,endW,startH,endH,growTime){
	var objectRef = document.getElementById(objectName);
	
	if(typeof objectRef.growID== "number")clearInterval(objectRef.growID);
	var time = growTime*1000;//duration of the blend in miliseconds
	var steps = 60*growTime;//steps in the animation (should be framerate*("var time" in seconds))
	var growWArray = new Array();
	var growHArray = new Array();
	
	//calculate changes in x and y coordinates
	var growDeltaW = (endW - startW)/steps;
	var growDeltaH = (endH - startH)/steps;
	for(x=0; x<=steps; x++){
		growWArray.push(Math.round(startW + (x * growDeltaW)));
		growHArray.push(Math.round(startH + (x * growDeltaH)));
	}
	
	//animate grow using an inner function
	objectRef.growStep = 0;
	objectRef.nameString = objectName;
	var growInterval = time/steps;
	objectRef.growID = setInterval(growFunction,growInterval);
	var selfReference = objectRef;
	function growFunction(){
		//error handling (kill function not fast enough)
		if(!document.getElementById(selfReference.nameString)){
			clearInterval(selfReference.growID);
			return;
		}
	
		selfReference.growStep++;
		if(selfReference.growStep <= steps){
			//resize object
			var tempW = growWArray[selfReference.growStep] + "px";
			var tempH = growHArray[selfReference.growStep] + "px";
			//handle errors before enlarging
			if(document.getElementById(selfReference.nameString)){
				document.getElementById(selfReference.nameString).style.width = tempW;
				document.getElementById(selfReference.nameString).style.height = tempH;
			}
		} else {
			//account for remainder in case "step" is not a whole-number value
			var tempW = endW + "px";
			var tempH = endH + "px";
			//handle errors before enlarging
			if(document.getElementById(selfReference.nameString)){
				document.getElementById(selfReference.nameString).style.width = tempW;
				document.getElementById(selfReference.nameString).style.height = tempH;
			}
			clearInterval(selfReference.growID);
		}
	}
};
function killGrow(objectName){
	var objectRef = document.getElementById(objectName);
	if(objectRef){
		if(typeof objectRef.growID == "number")clearInterval(objectRef.growID);
	}
};

function slide(objectName,startX,endX,startY,endY,slideTime){
	var objectRef = document.getElementById(objectName);
	//error handling
	if(objectRef){
		if(typeof objectRef.slideID== "number")clearInterval(objectRef.slideID);
	} else {
		return;	
	}
	var time = slideTime*1000;//duration of the blend in miliseconds
	var steps = 60*slideTime;//steps in the animation (should be framerate*("var time" in seconds))
	var slideXArray = new Array();
	var slideYArray = new Array();
	
	//calculate changes in x and y coordinates
	var slideDeltaX = (endX - startX)/steps;
	var slideDeltaY = (endY - startY)/steps;
	for(x=0; x<=steps; x++){
		slideXArray.push(Math.round(startX + (x * slideDeltaX)));
		slideYArray.push(Math.round(startY + (x * slideDeltaY)));
	}
	
	//animate grow using an inner function
	objectRef.slideStep = 0;
	objectRef.nameString = objectName;
	var slideInterval = time/steps;
	objectRef.slideID = setInterval(slideFunction,slideInterval);
	var selfReference = objectRef;
	function slideFunction(){
		//error handling (kill function not fast enough)
		if(!document.getElementById(selfReference.nameString)){
			clearInterval(selfReference.slideID);
			return;
		}
		
		selfReference.slideStep++;
		if(selfReference.slideStep <= steps){
			//resize object
			var tempX = slideXArray[selfReference.slideStep] + "px";
			var tempY = slideYArray[selfReference.slideStep] + "px";
			//handle errors before update
			if(document.getElementById(selfReference.nameString)){
				document.getElementById(selfReference.nameString).style.left = tempX;
				document.getElementById(selfReference.nameString).style.top = tempY;
			}
		} else {
			//account for remainder in case "step" is not a whole-number value
			var tempX = endX + "px";
			var tempY = endY + "px";
			//handle errors before update
			if(document.getElementById(selfReference.nameString)){
				document.getElementById(selfReference.nameString).style.left = tempX;
				document.getElementById(selfReference.nameString).style.top = tempY;
			}
			clearInterval(selfReference.slideID);
		}
	}
};
function killSlide(objectName){
	var objectRef = document.getElementById(objectName);
	if(objectRef){
		if(typeof objectRef.slideID == "number")clearInterval(objectRef.slideID);
	}
};


//**TOOLTIPS 2009 -- ALPHA BLEND
/*-----------------------------------------
alpha blends an element from one opacity to another over the supplied ammount of seconds

---> 	Customized to work specifically for cross-browser .PNG images

		divID 			= ID of the DIV that you wish to blend (can contain a .PNG image)
		imgID 			= ID of the .PNG image contained within divID (set to 'none' if there is no PNG image)
		startA 			= begining Alpha value (number, 0-100)
		endA 			= begining Alpha value (number, 0-100)
		alphaBlendTime 	= time, in seconds, over which the blend occurs
		
		WARNING:
		Alpha doesn't work in old versions of Opera. Need to add workaround 
		for that, just do an on/off for the logo, rather than fade-on/fade-off
---------------------------------------------*/
function alphaBlend(divID,imgID,startA,endA,alphaBlendTime){
	var objectRef = document.getElementById(divID);
	
	//error handling
	if(objectRef){
		if(typeof objectRef.alphaBlendID== "number")clearInterval(objectRef.alphaBlendID);
	} else {
		return;	
	}
	
	var time = alphaBlendTime*1000;//duration of the blend in miliseconds
	var steps = 60*alphaBlendTime;//steps in the animation (should be framerate*("var time" in seconds))
	var alphaBlendArray = new Array();
	
	//calculate changes in alpha
	var alphaBlendDeltaA = (endA - startA)/steps;
	for(x=0; x<=steps; x++){
		alphaBlendArray.push(Math.round(startA + (x * alphaBlendDeltaA)));
	}
	
	//animate using an inner function
	objectRef.alphaBlendStep = 0;
	objectRef.divName = divID;
	if(imgID != "none"){
		objectRef.imgName =imgID;
		objectRef.img = document.getElementById(imgID).src;
	}
	var alphaBlendInterval = time/steps;
	objectRef.alphaBlendID = setInterval(alphaBlendFunction,alphaBlendInterval);
	var selfReference = objectRef;
	
	function alphaBlendFunction(){
		//error handling (kill function not fast enough)
		if(!document.getElementById(selfReference.divName)){
			clearInterval(selfReference.alphaBlendID);
			return;
		}
	
		selfReference.alphaBlendStep++;
		if(selfReference.alphaBlendStep <= steps){		
			//make the blend
			var tempA = alphaBlendArray[selfReference.alphaBlendStep];
			if(imgID != "none"){
				document.getElementById(selfReference.divName).style['filter'] = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + selfReference.img + "',sizingMethod='scale') alpha(opacity=" + tempA + ")";
				document.getElementById(selfReference.imgName).style['filter'] = "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
			} else {
				document.getElementById(selfReference.divName).style['filter'] = "alpha(opacity=" + tempA + ")";
			}
			document.getElementById(selfReference.divName).style['mozOpacity'] = (tempA/100);
			document.getElementById(selfReference.divName).style['opacity'] = (tempA/100);
		} else {
			//account for remainder in case "step" is not a whole-number value
			var tempA = endA ;
			if(imgID != "none"){
				document.getElementById(selfReference.divName).style['filter'] = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + selfReference.img + "',sizingMethod='scale') alpha(opacity=" + tempA + ")";
				document.getElementById(selfReference.imgName).style['filter'] = "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
			} else {
				document.getElementById(selfReference.divName).style['filter'] = "alpha(opacity=" + tempA + ")";
			}
			document.getElementById(selfReference.divName).style['mozOpacity'] = (tempA/100);
			document.getElementById(selfReference.divName).style['opacity'] = (tempA/100);
			clearInterval(selfReference.alphaBlendID);
		}
	}
}
function killAlphaBlend(divID){
	var objectRef = document.getElementById(divID);
	if(objectRef){
		if(typeof objectRef.alphaBlendID == "number")clearInterval(objectRef.alphaBlendID);
	}
}



function maximizeFlash(){
	//make tooltip grow only if myFlashMovie exists/ flash has been detected.
	if(document.getElementById('myFlashMovie') != null) {
		killGrow('myFlashMovie');
		killGrow('placeholderDiv');
		killGrow('ttShadow');
		killGrow('ttShadowImage');
		killGrow('tooltipBox');
		killGrow('itt_table');
		var fW1 = creativeWidth[lastToolNum];//document.getElementById('myFlashMovie').offsetWidth;
		var fW2 = maxCreativeWidth[lastToolNum];
		var fH1 = creativeHeight[lastToolNum];//document.getElementById('myFlashMovie').offsetHeight;
		var fH2 = maxCreativeHeight[lastToolNum];
		var flashBottomPad = 0;
		var shadowWidth = 10;
		var fHorMargin = 15;
		var fVertMargin = 55;
		var ttOvergrowth = (fW2+fHorMargin) - document.getElementById('itt_table').offsetWidth;
		
		//ANIMATE TOOLTIP ELEMENTS
		grow('myFlashMovie', fW1, fW2, fH1, fH2, .2);
		grow('placeholderDiv', document.getElementById('placeholderDiv').offsetWidth, fW1 + ttOvergrowth, document.getElementById('placeholderDiv').offsetHeight, fH2, .2);
		grow('ttShadow', document.getElementById('ttShadow').offsetWidth, (fW2 + fHorMargin), document.getElementById('ttShadow').offsetHeight, (fH2 + fVertMargin), .2);
		grow('ttShadowImage', document.getElementById('ttShadowImage').offsetWidth, (fW2 + fHorMargin), document.getElementById('ttShadowImage').offsetHeight, (fH2 + fVertMargin), .2);
		grow('tooltipBox', document.getElementById('tooltipBox').offsetWidth, (fW2 + fHorMargin + shadowWidth), document.getElementById('tooltipBox').offsetHeight, document.getElementById('tooltipBox').offsetHeight, .2);
		grow('itt_table', document.getElementById('itt_table').offsetWidth, (fW2 + fHorMargin), document.getElementById('itt_table').offsetHeight, document.getElementById('itt_table').offsetHeight, .2);

	}
}






//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//		hyperlink evolved functions
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

//+++++++++++++++++++++++++++++
//	Shopping/image overlay Unit
//+++++++++++++++++++++++++++++
function toggleAdArea(xO,yO,wO,hO){

	if(document.getElementById('adArea').style.display != "none"){
		//change toggle button graphicss
		bt_adclose_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/max_on.gif";
		bt_adclose_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/max_off.gif";
		
		//hide
		document.getElementById('adArea').style.display="none";
		var x1 = parseInt(document.getElementById('blackScreen').style.left);
		var x2 = x1-wO + 20;
		var y1 = parseInt(document.getElementById('blackScreen').style.top);
		var y2 = y1+hO - 20;
		
		//alert("FROM: " + x1 + ", " + y1 + " | TO: " + x2 + ", " + y2);
		killSlide('blackScreen');
		killSlide('adTogBut');
		slide('blackScreen',x1,x2,y1,y2,.15);
		//(hardcoded for now)
		slide('adTogBut', parseInt(document.getElementById('adTogBut').style.left), 6, parseInt(document.getElementById('adTogBut').style.top), (y2+3), .15);
	} else {
		//change toggle button graphicss
		bt_adclose_on.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/close_on.gif";
		bt_adclose_off.src = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/close_off.gif";
		
		//reveal
		var x1 = parseInt(document.getElementById('blackScreen').style.left);
		var x2 = xO;
		var y1 = parseInt(document.getElementById('blackScreen').style.top);
		var y2 = yO+3;
		
		//alert("FROM: " + x1 + ", " + y1 + " | TO: " + x2 + ", " + y2);
		//document.getElementById('adArea').style.display="block";
		
		//fade in ad copy
		window.clearTimeout(globalTimeOuts.displayImgAdTOID);
		globalTimeOuts.displayImgAdTOID = window.setTimeout('displayImgAd()', 250);
		
		killSlide('blackScreen');
		slide('blackScreen',x1,x2,y1,y2,.15)
		//(hardcoded for now)
		//slide('adTogBut', parseInt(document.getElementById('adTogBut').style.left), 256, parseInt(document.getElementById('adTogBut').style.top), 220, .15);
		//for now, hardcoded to image height of 250...
		slide('adTogBut', parseInt(document.getElementById('adTogBut').style.left), 281, parseInt(document.getElementById('adTogBut').style.top), 170, .15);
	}
}

function displayImgScreen(){
	//error handling
	if(document.getElementById('blackScreen')){
		document.getElementById('blackScreen').style['filter'] = "alpha(opacity=0)";
		document.getElementById('blackScreen').style['mozOpacity'] = ".0";
		document.getElementById('blackScreen').style['opacity'] = ".0";
	
		killSlide('blackScreen');
		killAlphaBlend('blackScreen');
		//slide('blackScreen', -275, 3, 300, 217, .15);
		//for now, hardcoded to image height of 250...
		slide('blackScreen', -275, 3, 300, 167, .15);
		alphaBlend('blackScreen','none',0,75,.15)
		
		document.getElementById('blackScreen').style.display = 'block';
	}
}

function displayImgAd(){
	//reveal close button
	if(document.getElementById('adTogBut')) document.getElementById('adTogBut').style.display = 'block';
	
	//fade-in advert
	if(document.getElementById('adArea')){
		document.getElementById('adArea').style['filter'] = "alpha(opacity=0)";
		document.getElementById('adArea').style['mozOpacity'] = ".0";
		document.getElementById('adArea').style['opacity'] = ".0";
		killAlphaBlend('adArea');
		alphaBlend('adArea','none',0,100,.15);
		document.getElementById('adArea').style.display = 'block';
	}
}

//++++++++++++
//	Music Unit
//++++++++++++
function loadXMLDoc(dname){
	//create XML object
	try{
		//IE
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
	}catch(e){
		//Firefox, Opera, etc.
		try{
			xmlDoc=document.implementation.createDocument("","",null);
		}catch(e){
			//alert(e.message)
		}
	}
	
	//load XML from file
	try {
		xmlDoc.async=false;
		xmlDoc.load(dname);
		return(xmlDoc);
	} catch(e){
		//alert(e.message);
	}
	
	return(null);
}

function loadXMLString(txt){
	//create XML object from string
	try{
		//IE
		xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
		xmlDoc.async="false";
		xmlDoc.loadXML(txt);
		return(xmlDoc); 
	}catch(e){
		//Firefox, Opera, etc.
		try{
			parser=new DOMParser();
			xmlDoc=parser.parseFromString(txt,"text/xml");
			return(xmlDoc);
		}catch(e){
			//alert(e.message);
		}
	}
	
	return(null);
}

//eventually use a more object oriented approach.....
function ajaxFunctionMusic(query){	
	var xmlHttp;
	var encryptThis = "mediaSearchapiKey=77cf0420-e035-45b0-a75a-1cb4cf5aadb1mediaType=musicnumResults=3offset=0query=" + query + "version=1.0eec3c46b-8e42-4bba-99f4-ed1d8b664f54";
	var hashcode = hex_md5(encryptThis);
	var apiURL = "imeem_proxy.asp?q=" + query + "&type=music&encrypt=" + hashcode;
	
	//alert("http://www.imeem.com/api/xml/mediaSearch?&query=the fray&mediaTypemusic&offset=0&numResults=5&version=1.0&apiKey=" + hashcode)
	
	//cross-browser  
	try{
		xmlHttp = new XMLHttpRequest();
	} catch(e){
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				//alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}
	
	//ready!		
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			if(document.getElementById('trackListDiv') != null){
				renderMusicContent(xmlHttp.responseText);
			}
		}
	}

	var cacheKiller = Math.round(Math.random()*100000);
	var url = apiURL + "&cachekill=" + cacheKiller;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function ajaxFunctionPhoto(query){	
	var xmlHttp;
	var encryptThis = "mediaSearchapiKey=77cf0420-e035-45b0-a75a-1cb4cf5aadb1mediaType=photonumResults=3offset=0query=" + query + "version=1.0eec3c46b-8e42-4bba-99f4-ed1d8b664f54";
	var hashcode = hex_md5(encryptThis);
	var apiURL = "imeem_proxy.asp?q=" + query + "&type=photo&encrypt=" + hashcode;
	
	//cross-browser  
	try{
		xmlHttp = new XMLHttpRequest();
	} catch(e){
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				//alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}
	
	//ready!		
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			if(document.getElementById('imgDisplayDiv') != null){
				renderImageContent(xmlHttp.responseText);
			}
		}
	}
	
	var cacheKiller = Math.round(Math.random()*100000);
	var url = apiURL + "&cachekill=" + cacheKiller;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
}

function renderImageContent(xmlString){
	var xmlDoc = loadXMLString(xmlString);
	var outputString = "";
	var imgSrc = "http://images.intellitxt.com/ast/spacer.gif";
	
	//outputString += '<div style="border:1px solid white;width:21px;height:50px;float:right;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/but_img_right_on.gif"></div>';
	//outputString += '<div style="border:1px solid white;width:21px;height:50px;float:left;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/but_img_left_on.gif"></div>';
	
	/*
	for(x=0; x<xmlDoc.getElementsByTagName("thumbnailUrl").length; x++){
		//thumbnailUrl
		//alt="' + xmlDoc.getElementsByTagName("caption")[x].childNodes[0].nodeValue + '"
		//outputString += '<img src="' + xmlDoc.getElementsByTagName("thumbnailUrl")[x].childNodes[0].nodeValue + '" style="width:50px;height:50px;">';
		var lastEdge = "";
		if(x==xmlDoc.getElementsByTagName("thumbnailUrl").length-1){
			lastEdge = "border-right:0px;";
		}
		outputString += '<div id="imgDiv' + x + '" style="float:left;width:50px;height:50px;border:1px solid white;background-color:#cccccc;text-align:center;vertical-align:middle;border-left:0px;' + lastEdge + '">&nbsp;</div>';
	}
	*/
	try{ imgSrc = xmlDoc.getElementsByTagName("thumbnailUrl")[0].childNodes[0].nodeValue; }catch(e){};
	outputString += '<div id="imgDiv1"><img src="' + imgSrc + '" style="width:71px;height:71px;"></div>';

	//output to imgDisplayDiv
	document.getElementById('imgDisplayDiv').innerHTML = outputString;
	
	//render images
	/*for(x=0; x<xmlDoc.getElementsByTagName("thumbnailUrl").length; x++){
		var thisDiv = "imgDiv" + x;
		var thisImg = xmlDoc.getElementsByTagName("thumbnailUrl")[x].childNodes[0].nodeValue;
		renderImage(thisDiv,thisImg);
	}*/
	var thisImg = imgSrc;
	renderImage("imgDiv1",thisImg);
}

function renderMusicContent(xmlString){
	var xmlDoc = loadXMLString(xmlString);
	var outputString = "";
	
	for(x=0; x<xmlDoc.getElementsByTagName("title").length; x++){
	//for(x=0; x<4; x++){
		if(x>2) break;
		var thisMin = Math.floor(parseInt(xmlDoc.getElementsByTagName("duration")[x].childNodes[0].nodeValue)/60);
		var thisSec = parseInt(xmlDoc.getElementsByTagName("duration")[x].childNodes[0].nodeValue)-(thisMin*60);
		if(thisSec<10) thisSec = "0" + thisSec; 
		var thisTime = thisMin + ":" + thisSec;
		
		var thisEmbed = "";
		var thisTitle = "";
		var thisAlbum = "";
		
		try{ thisEmbed = xmlDoc.getElementsByTagName("musicEmbedUrl")[x].childNodes[0].nodeValue } catch(e) {};
		try{ thisTitle = xmlDoc.getElementsByTagName("title")[x].childNodes[0].nodeValue } catch(e) {};
		try{ thisAlbum = xmlDoc.getElementsByTagName("album")[x].childNodes[0].nodeValue } catch(e) {};
		
		outputString += '<div style="width:217px;height:17px;cursor:hand;cursor:pointer;line-height:17px;margin-bottom:3px;border:1px solid #ffffff;overflow:hidden;" onmouseover="this.style.backgroundColor=\'#b3d4ec\';this.style.borderColor=\'#0e7ac9\'" onmouseout="this.style.backgroundColor=\'#ffffff\';this.style.borderColor=\'#ffffff\'" onclick="playTrack(\'' + thisEmbed + '\');"><span style="float:right;padding-right:4px;">' + thisTime + '</span><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/icon_playtrack.gif" style="margin:2px;float:left;"><span style="font-weight:bold;font-size:11px;padding-left:5px;">' + thisTitle + '</span><span style="font-size:9px;padding-left:10px;color:#">' + thisAlbum + '</span></div>';
	}	
		
	//output to trackListDiv
	document.getElementById('trackListDiv').innerHTML = outputString;
	
	//play first track
	var firstPlay = "";
	try{ 
		firstPlay = xmlDoc.getElementsByTagName("musicEmbedUrl")[0].childNodes[0].nodeValue;
	} catch(e) {};
	
	if(firstPlay != ""){
		playTrack(firstPlay);
	} else {
		document.getElementById('musicPlayerDiv').innerHTML = "Sorry. No tracks found.";
	}
}

function playTrack(embedURL){


	var fo = new FlashObject(embedURL, "musicPlayer", 302, 81, "8", "#ffffff");
	//set params
	fo.addParam("wmode", "transparent");
	fo.addParam("scale", "exactfit");
	fo.addParam("swLiveConnect","true");
	fo.addParam("allowScriptAccess", "always");
	fo.addVariable("pageRef",window.location.hostname);
	//fo.addVariable("wMin",creativeWidth[lastToolNum]);
	//fo.addVariable("hMin",creativeHeight[lastToolNum]);
	//fo.addVariable("wMax",maxCreativeWidth[lastToolNum]);
	//fo.addVariable("hMax",maxCreativeHeight[lastToolNum]);
	//write to page
	fo.write("musicPlayerDiv");

}

function updateMusic(){
	var thisQuery = document.getElementById('searchMusic').value;//searchMusic
	document.getElementById('trackListDiv').innerHTML = "&nbsp;&nbsp;Updating...";
	document.getElementById('musicPlayerDiv').innerHTML = "Updating...";
	//document.getElementById('imgDisplayDiv').innerHTML = "Updating...";
	ajaxFunctionMusic(thisQuery);
	ajaxFunctionPhoto(thisQuery);
}


function calculateImgResize(w, h, maxW, maxH) {
	var returnVal = new Object();
	//don't mess with dimensions if image is small enough
	if (w<=maxW && h<=maxH) {
		returnVal.w = w;
		returnVal.h = h;
		return returnVal;
	}
	//adjust image to fit within the predefined square    
	switch (true) {
	case (w>=h) :
		//landscape
		returnVal.h = (maxW*h)/w;
		returnVal.w = maxW;
		//check for out of bounds and resize if needed
		if (returnVal.h>maxH) {
			returnVal.w = (maxH*returnVal.w)/returnVal.h;
			returnVal.h = maxH;
		}
		break;
	case (w<h) :
		//portrait
		returnVal.w = (maxH*w)/h;
		returnVal.h = maxH;
		//check for out of bounds and resize if needed
		if (returnVal.w>maxW) {
			returnVal.h = (maxW*returnVal.h)/returnVal.w;
			returnVal.w = maxW;
		}
		break;
	}
	return returnVal;
}

function renderImage(thisDiv,thisSrc){
	var pageImage = new Image();
	pageImage.src = thisSrc;

	//bail if a suitable image is not supplied
	if(thisSrc == undefined || thisSrc == ""){
		return;
	}

	resizeDelay = function(){
		if(pageImage.complete){
			clearInterval(resizeDelayID);
			var maxW = 71;
			var maxH = 71;
			var imgInfo = calculateImgResize(pageImage.width,pageImage.height,maxW,maxH);
			//to align in th emiddle vertically...
			var vertSpacer = Math.round((maxH-imgInfo.h)/2);
			var updatedHTML = "<img src='" + pageImage.src + "' style='width:" + Math.round(imgInfo.w) + "px;height:" + Math.round(imgInfo.h) + "px;margin-top:" + vertSpacer + "px;'>";
			
			if(document.getElementById(thisDiv)) document.getElementById(thisDiv).innerHTML = updatedHTML;
		}
	}
	var resizeDelayID = setInterval(resizeDelay, 20);
}


function renderNewsImage(thisDiv,thisSrc){
	//DISABLE FOR NOW and reste images to default size (DougD)
	//---------------------------------------------------
	var pageImage = new Image();
	pageImage.src = thisSrc;
	var updatedHTML = "<img src='" + pageImage.src + "' style='width:92px;height:69px;'>";
	document.getElementById(thisDiv).innerHTML = updatedHTML;
	return;
	//---------------------------------------------------
	
	//alert("user moused out")
	var pageImage = new Image();
	pageImage.src = thisSrc;

	//bail if a suitable image is not supplied
	if(thisSrc == undefined || thisSrc == ""){
		//alert("couldnt render " + thisDiv + ", " + thisSrc);
		return;
	}

	resizeDelay = function(){
		if(pageImage.complete){
			clearInterval(resizeDelayID);
			var maxW = 125;//120;
			var maxH = 72;//68;
			var imgInfo = calculateImgResize(pageImage.width,pageImage.height,maxW,maxH);
			//to align in the middle vertically...
			var vertSpacer = Math.round(imgInfo.h/2);
			var updatedHTML = "<img src='" + pageImage.src + "' style='width:" + Math.round(imgInfo.w) + "px;height:" + Math.round(imgInfo.h) + "px;'>";
			
			document.getElementById(thisDiv).innerHTML = updatedHTML;
			
			//alert("RENDERED: " + thisDiv + ", " + thisSrc);
		}
	}
	var resizeDelayID = setInterval(resizeDelay, 20);
}




//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
//		NEWS FUNCTIONS +++++++++++++++++++++++++++++++++++++++++++++++++++++++
//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

//eventually use a more object oriented approach.....
function ajaxFunctionNews(query){
	var apiURL = "news_proxy.asp?q=" + query;
	try{
		xmlHttp = new XMLHttpRequest();
	} catch(e){
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				//alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}
	
	
	//ready!		
	xmlHttp.onreadystatechange=function(){
		if(xmlHttp.readyState==4){
			if(document.getElementById('newsListDiv') != null){
				renderNewsContent(xmlHttp.responseText);
			}
		}
	}

	var cacheKiller = Math.round(Math.random()*100000);
	var url = apiURL + "&cachekill=" + cacheKiller;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);	
	
}





function ajaxFunctionVideoNews(query){
	var videoApiURL = "newsVideo_proxy.asp?q=" + query;
	try{
		xmlHttp1 = new XMLHttpRequest();
	} catch(e){
		try{
			xmlHttp1=new ActiveXObject("Msxml2.XMLHTTP");
		} catch(e) {
			try{
				xmlHttp1=new ActiveXObject("Msxml2.XMLHTTP");
			} catch(e) {
				//alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}
	
	//ready!		
	xmlHttp1.onreadystatechange=function(){
		if(xmlHttp1.readyState==4){
			if(document.getElementById('newsListDiv') != null){
				renderNewsVideoContent(xmlHttp1.responseText);
			}
		}
	}

	var cacheKiller = Math.round(Math.random()*100000);
	var VideoProxyURL = videoApiURL + "&cachekill=" + cacheKiller;
	xmlHttp1.open("GET",VideoProxyURL,true);
	xmlHttp1.send(null);		
}



var video_redirect = new Array();

function renderNewsVideoContent(xmlString){
	var videoOutputString0 ="";
	var videoOutputString1 ="";
	var videoOutputString2 ="";
	var videoOutputString3 ="";
	var videoOutputString4 ="";
//get Video Titles
	var VideoXMLDoc = loadXMLString(xmlString);
	var myVideoTitlearray = new Array();
	for(x=0; x<VideoXMLDoc.getElementsByTagName("title").length; x++){
		if(x>2) break;	
		var thisVideoTitle = "";		
		thisVideoTitle = VideoXMLDoc.getElementsByTagName("title")[x].childNodes[0].nodeValue;
		shortenedTitle = textTrunc(thisVideoTitle, 20);
		myVideoTitlearray[x] = shortenedTitle;
		//alert(shortenedTitle);
	}	
	



	
	//Get the Video Thumbs
	var myVideoarrayElement = new Array();
	for(x=0; x<VideoXMLDoc.getElementsByTagName("title").length; x++){
		if(x>2) break;
		var thisVideoElemnt = ""
		thisVideoElemnt = VideoXMLDoc.getElementsByTagName("document")[x].getElementsByTagName("thumbnail")[0].getElementsByTagName("url")[0].childNodes[0].nodeValue;
		myVideoarrayElement[x] = thisVideoElemnt;
		}
	//Checks to make sure there are no FLVs in the thumbnail paths		
		var thisThumb =""
		if( myVideoarrayElement[0].match("flv") || myVideoarrayElement[0].match("MotionThumb")){
			thisThumb = VideoXMLDoc.getElementsByTagName("document")[0].getElementsByTagName("thumbnail")[1].getElementsByTagName("url")[0].childNodes[0].nodeValue;
		} else{
			thisThumb =  myVideoarrayElement[0]
		}
		
		var thisThumb1 =""
		if( myVideoarrayElement[1].match("flv") || myVideoarrayElement[1].match("MotionThumb")){
			thisThumb1 = VideoXMLDoc.getElementsByTagName("document")[1].getElementsByTagName("thumbnail")[1].getElementsByTagName("url")[0].childNodes[0].nodeValue;
		} else{
			thisThumb1 = myVideoarrayElement[1]
		}
		
		var thisThumb2 =""
		if( myVideoarrayElement[2].match("flv") || myVideoarrayElement[2].match("MotionThumb")){
			thisThumb2 = VideoXMLDoc.getElementsByTagName("document")[2].getElementsByTagName("thumbnail")[1].getElementsByTagName("url")[0].childNodes[0].nodeValue;
		} else{
			thisThumb2 = myVideoarrayElement[2]
		}
		
	//Get the Video Thumbs Over States
	var myVideoArrayOver = new Array();
	for(x=0; x<VideoXMLDoc.getElementsByTagName("title").length; x++){
		if(x>2) break;
		var thisVideoOver = ""
		thisVideoOver = VideoXMLDoc.getElementsByTagName("document")[x].getElementsByTagName("thumbnail")[1].getElementsByTagName("url")[0].childNodes[0].nodeValue;
		 myVideoArrayOver[x] = thisVideoOver;
		
		}
	//Checks to make sure there are no FLVs in the thumbnail paths		
		var thisThumbOver =""
		if( myVideoArrayOver[0].match("flv") || myVideoArrayOver[0].match("MotionThumb")){
			thisThumbOver =  escape(myVideoArrayOver[0]);
		} else{
			thisThumbOver = escape(VideoXMLDoc.getElementsByTagName("document")[0].getElementsByTagName("thumbnail")[0].getElementsByTagName("url")[0].childNodes[0].nodeValue);
		}
		
		var thisThumbOver1 =""
		if( myVideoArrayOver[1].match("flv") || myVideoArrayOver[1].match("MotionThumb")){
			thisThumbOver1 = escape(myVideoArrayOver[1]);
		} else{
			thisThumbOver1 =  escape(VideoXMLDoc.getElementsByTagName("document")[1].getElementsByTagName("thumbnail")[0].getElementsByTagName("url")[0].childNodes[0].nodeValue);
		}
		
		var thisThumbOver2 =""
		if( myVideoArrayOver[2].match("flv") || myVideoArrayOver[2].match("MotionThumb")){
			thisThumbOver2 =  escape(myVideoArrayOver[2])
		} else{
			thisThumbOver2 = escape(VideoXMLDoc.getElementsByTagName("document")[2].getElementsByTagName("thumbnail")[0].getElementsByTagName("url")[0].childNodes[0].nodeValue);
		}
		

	//Get Video Website Source
	var videoWebsiteSourceArray = new Array();
	for(x=0; x<VideoXMLDoc.getElementsByTagName("title").length; x++){
		if(x>2) break;
		var thisVideoSource = ""
		thisVideoSource = VideoXMLDoc.getElementsByTagName("sourcetitle")[x].childNodes[0].nodeValue;
		videoWebsiteSourceArray[x] = thisVideoSource;
		//alert(thisVideoSource);
	}

		
		
	var videoURLArray = new Array();
	for(x=0; x<VideoXMLDoc.getElementsByTagName("title").length; x++){
		if(x>2) break;
		var varVideoUrl = ""
		varVideoUrl = VideoXMLDoc.getElementsByTagName("document")[x].getElementsByTagName("url")[0].childNodes[0].nodeValue;
		videoURLArray[x] = varVideoUrl;
		video_redirect=videoURLArray;
	}

		/*
		videoOutputString1 += '<div id="videoCon1" onMouseOver="onVideoConRollOver(\'http://londev02/demos/lab/jamie/news_unit/assets/newsUnit_videoplayer.swf?hqSrc='+thisThumbOver+'\', \'video1\',\'' +thisThumb+ '\',0)" onClick="window.open(\'' + videoURLArray[0] + '\')" style="width:127px;float:left; margin:5px; border:1px solid #8f8f8f;" ><div id="video1" style="float:left; margin:0px;padding:3px;width:120px;height:68px; background-color:#dadada; text-align:center;"><img src="'+ thisThumb +'" align="top"></div><div style="color:#0054A6;font-size:10px;height:12px;overflow:hidden;width:95%; padding-left:3px;">'+ myVideoTitlearray[0]+'</div><div style="padding-left:3px;">'+videoWebsiteSourceArray[0]+'</div></div>'
		
		videoOutputString2 += '<div id="videoCon2" onMouseOver="onVideoConRollOver(\'http://londev02/demos/lab/jamie/news_unit/assets/newsUnit_videoplayer.swf?hqSrc='+thisThumbOver1+'\', \'video2\',\'' +thisThumb1+ '\',1)" onClick="window.open(\'' + videoURLArray[1] + '\')" style="width:127px;float:left; margin:5px; border:1px solid #8f8f8f;" ><div id="video2" style="float:left; margin:0px;padding:3px;width:120px;height:68px; background-color:#dadada; text-align:center;"><img src="'+ thisThumb1 +'" align="top"></div><div style="color:#0054A6;font-size:10px;height:12px;overflow:hidden;width:95%; padding-left:3px;">'+ myVideoTitlearray[1]+'</div><div style="padding-left:3px;">'+videoWebsiteSourceArray[1]+'</div></div>'
		
		videoOutputString3 += '<div id="videoCon3" onMouseOver="onVideoConRollOver(\'http://londev02/demos/lab/jamie/news_unit/assets/newsUnit_videoplayer.swf?hqSrc='+thisThumbOver2+'\', \'video3\',\'' +thisThumb2+ '\',2)" onClick="window.open(\'' + videoURLArray[2] + '\')" style="width:127px;float:left; margin:5px; border:1px solid #8f8f8f;" ><div id="video3" style="float:left; margin:0px;padding:3px;width:120px;height:68px; background-color:#dadada; text-align:center;"><img src="'+ thisThumb2 +'" align="top"></div><div style="color:#0054A6;font-size:10px;height:12px;overflow:hidden;width:95%; padding-left:3px;">'+ myVideoTitlearray[2]+'</div><div style="padding-left:3px;">'+videoWebsiteSourceArray[2]+'</div></div>'
		*/		
	
	//var imgSize1 = calculateImgResize(w, h, maxW, maxH);
	
	videoOutputString1 += '<div id="videoCon1" onMouseOver="onVideoConRollOver(\'swf/newsUnit_videoplayer.swf?hqSrc='+thisThumbOver+'&clickURL=' + escape(videoURLArray[0]) + '\', \'video1\',\'' +thisThumb+ '\',0)" onmouseout="videoConOff(\'video1\',\'' +thisThumb+ '\');" onClick="window.open(\'' + videoURLArray[0] + '\')" style="width:127px;float:left; margin:5px; border:1px solid #8f8f8f;" ><div id="video1" style="float:left;margin:0px;padding:1px;width:125px;height:69px; background-color:#dadada; text-align:center;"><img src="'+ thisThumb +'" align="top" style="width:92px;height:69px;"></div><div style="color:#0054A6;font-size:10px;height:12px;overflow:hidden;width:95%; padding-left:3px;">'+ myVideoTitlearray[0]+'</div><div style="padding-left:3px;">'+videoWebsiteSourceArray[0]+'</div></div>'
		
	videoOutputString2 += '<div id="videoCon2" onMouseOver="onVideoConRollOver(\'swf/newsUnit_videoplayer.swf?hqSrc='+thisThumbOver1+'&clickURL=' + escape(videoURLArray[1]) + '\', \'video2\',\'' +thisThumb1+ '\',1)" onmouseout="videoConOff(\'video2\',\'' +thisThumb1+ '\');" onClick="window.open(\'' + videoURLArray[1] + '\')" style="width:127px;float:left; margin:5px; border:1px solid #8f8f8f;" ><div id="video2" style="float:left;margin:0px;padding:1px;width:125px;height:69px; background-color:#dadada; text-align:center;"><img src="'+ thisThumb1 +'" align="top" style="width:92px;height:69px;padding-left:13px;padding-right:13px;"></div><div style="color:#0054A6;font-size:10px;height:12px;overflow:hidden;width:95%; padding-left:3px;">'+ myVideoTitlearray[1]+'</div><div style="padding-left:3px;">'+videoWebsiteSourceArray[1]+'</div></div>'
		
	videoOutputString3 += '<div id="videoCon3" onMouseOver="onVideoConRollOver(\'swf/newsUnit_videoplayer.swf?hqSrc='+thisThumbOver2+'&clickURL=' + escape(videoURLArray[2]) + '\', \'video3\',\'' +thisThumb2+ '\',2)" onmouseout="videoConOff(\'video3\',\'' +thisThumb2+ '\');" onClick="window.open(\'' + videoURLArray[2] + '\')" style="width:127px;float:left; margin:5px; border:1px solid #8f8f8f;" ><div id="video3" style="float:left;margin:0px;padding:1px;width:125px;height:69px; background-color:#dadada; text-align:center;"><img src="'+ thisThumb2 +'" align="top" style="width:92px;height:69px;padding-left:13px;padding-right:13px;"></div><div style="color:#0054A6;font-size:10px;height:12px;overflow:hidden;width:95%; padding-left:3px;">'+ myVideoTitlearray[2]+'</div><div style="padding-left:3px;">'+videoWebsiteSourceArray[2]+'</div></div>'
	
	document.getElementById('videoNewsListDiv').innerHTML =videoOutputString1+ videoOutputString2 +videoOutputString3;
	
	/*
	var thisImg1 = thisThumb;
	renderNewsImage("video1",thisImg1);
	
	var thisImg2 = thisThumb1;
	renderNewsImage("video2",thisImg2);
	
	var thisImg3 = thisThumb2;
	renderNewsImage("video3",thisImg3);
	*/
}


function imageReplacer(){	
		var thisImg1 = thisThumb;
		renderNewsImage("video1",thisImg1);
		
		var thisImg2 = thisThumb1;
		renderNewsImage("video2",thisImg2);
		
		var thisImg3 = thisThumb2;
		renderNewsImage("video3",thisImg3);
}

/////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
function highLightArticle(a){
	var aDiv=String(a) 	
	document.getElementById(aDiv).style.backgroundColor="#d6e6f6";
}
function unHighLightArticle(a){
	var aDiv=String(a) 	
	document.getElementById(aDiv).style.backgroundColor="#FFFFFF";
}



function renderNewsContent(xmlString){
	var xmlDoc = loadXMLString(xmlString);
	var outputString1 ="";

	var myarray = new Array();
	var myarray2 = new Array();
	var myarray3 = new Array();
	for(x=5; x<xmlDoc.getElementsByTagName("answerElement").length; x++){
	if(x>10) break;
		var thisElemnt1 = "";
		thisElemnt1 = xmlDoc.getElementsByTagName("elementText")[x].childNodes[0].nodeValue;
		 myarray[x] = thisElemnt1;

		var thisElemnt2 = "";
		 thisElemnt2 = xmlDoc.getElementsByTagName("elementText")[x+8].childNodes[0].nodeValue;
		 myarray2[x] = thisElemnt2;
		// alert(myarray[x]);
		
		var thisElemnt3 = "";
		 thisElemnt3 = xmlDoc.getElementsByTagName("elementText")[x+16].childNodes[0].nodeValue;
		  myarray3[x] = thisElemnt3;
		  
		
	}	
	
	bCopy1 = textTrunc(myarray[8], 100);
	bCopy2 = textTrunc(myarray2[8],100);
	bCopy3 = textTrunc(myarray3[8],100);
	
	//alert(myarray[7]);

	//alert(myarray3[8]);
	outputString1 += '<div id="articles" style="height:120px;overflow:auto;"><div style="padding:10px; margin-bottom:10px;"><div id="articleLink1" onMouseOver="highLightArticle(\'articleLink1\')" onMouseOut="unHighLightArticle(\'articleLink1\')" onClick="window.open(\'' + myarray[6] + '\')"><a href="#" style="font-family:Times New Roman, Times, serif; font-size:14px;text-decoration:none;color:#0054a6;">' + myarray[5] + '</a><br>' + bCopy1 + '<span style="color:#f15c63;text-decoration:underline;">'+myarray[7]+'</span></div><br><div id="articleLink2"  onMouseOver="highLightArticle(\'articleLink2\')" onMouseOut="unHighLightArticle(\'articleLink2\')" style="margin-bottom:10px;" onClick="window.open(\'' + myarray2[6] + '\')"><a href="#" style="font-family:Times New Roman, Times, serif; font-size:14px;text-decoration:none;color:#0054a6;">' + myarray2[5] + '</a>' + bCopy2 + '<span style="color:#f15c63;text-decoration:underline;">'+myarray2[7]+'</span></div><br><div id="articleLink3" onClick="window.open(\'' + myarray3[6] + '\')" onMouseOver="highLightArticle(\'articleLink3\')" onMouseOut="unHighLightArticle(\'articleLink3\')"><a href="#" style="font-family:Times New Roman, Times, serif; font-size:14px;text-decoration:none;color:#0054a6;">' + myarray3[5] + '</a><br>' + bCopy3+ '<span style="color:#f15c63;text-decoration:underline;">'+myarray3[7]+'</span></div></div></div>';
	//alert(outputString1);
	
	//output to trackListDiv
	document.getElementById('newsListDiv').innerHTML = outputString1;
}

function updateNews(){
	var thisQuery2 = document.getElementById('searchNews').value;//searchMusic
	document.getElementById('newsListDiv').innerHTML = "&nbsp;&nbsp;Updating...";
	//document.getElementById('imgDisplayDiv').innerHTML = "Updating..."; 
	ajaxFunctionNews(thisQuery2);
	ajaxFunctionVideoNews(thisQuery2);
}


rollState = new Object();
playState = new Object();
function newsVideoRollOver(embedURL, videoDivID){
	/*rollState[videoDivID] = 'on';
	var delayFunc = "vidOn('" + videoDivID + "','" + embedURL + "')";
	window.setTimeout(delayFunc,50);*/	
	
//	alert("X position: " + document.getElementById('videoCon1').offsetLeft  + " Y position: " + document.getElementById('videoCon1').offsetTop);
//	alert("Width: " + document.getElementById(videoDivID).style.width + "Height: " + document.getElementById(videoDivID).style.height);


	if(rollState[videoDivID] != "on"){
		rollState[videoDivID] = "on";
		
		if(playState[videoDivID] != "playing"){
			playState[videoDivID] = "playing";
			
			//var fo = new FlashObject(embedURL, "previewVideo", 120, 68, "8", "#ffffff");
			var fo = new FlashObject(embedURL, "previewVideo", 125, 72, "8", "#ffffff");
			fo.addParam("wmode", "transparent");
			fo.addParam("scale", "showall");
			fo.addParam("swLiveConnect","true");
			fo.addParam("allowScriptAccess", "always");
			fo.addVariable("pageRef",window.location.hostname);
			fo.write(videoDivID);
		}
	}
	
}

function vidOff(div,img){
	if(rollState[div] == "off"){
		renderNewsImage(div,img);
		playState[div] = "not_playing";
	}
}
/*
function vidOn(div,url){
	alert('is ON');
	if(rollState[div] != "on"){
		rollState[div] = "on";
		
		//var fo = new FlashObject(embedURL, "previewVideo", 120, 68, "8", "#ffffff");
		var fo = new FlashObject(url, "previewVideo", 125, 72, "8", "#ffffff");
		fo.addParam("wmode", "transparent");
		fo.addParam("scale", "showall");
		fo.addParam("swLiveConnect","true");
		fo.addParam("allowScriptAccess", "always");
		fo.addVariable("pageRef",window.location.hostname);
		fo.write(div);
	}
}
*/

function videoConOff(videoDivID, thumbSrc){
	rollState[videoDivID] = 'off';
	var delayFunc = "vidOff('" + videoDivID + "','" + thumbSrc + "')";
	window.setTimeout(delayFunc,50);
}

/////////////////////////////////TEST///////////////////////////////////////
var isPlaying=false;
var currentVideo;
var currentThumb;
var in_inner_box=false;
var current_num;
function onVideoConRollOver(embedURL, videoDivID, tNum, num){
	
	newsVideoRollOver(embedURL, videoDivID);
	
	/*
	//playing a video for the first time
	if(currentVideo==undefined && isPlaying==false){
		isPlaying=true
		currentVideo= videoDivID
		currentThumb=tNum
		current_num=num
		newsVideoRollOver(embedURL, videoDivID);		
	}
	//Video has already been initialized, is request for the one already playing	
	//adapt to the way this is already built - not enough time to restructure		
	//video selected is not the one already playing
	if(currentVideo!=undefined && videoDivID!=currentVideo){
		//reset current video
		renderNewsImage(currentVideo, currentThumb)		
		isPlaying=true
		currentVideo= videoDivID
		currentThumb=tNum
		current_num=num;
		newsVideoRollOver(embedURL, videoDivID);		
	}
	*/
}
function onVideoConRollOut(){
	//alert("rolled out of videoCon1")	
}

function onVideoRollOver(){
	alert("rolled over video");	
}
function onVideoRollOut(){
	//alert("rolled out of video1")	
}
function onVideoClicked(){
	
	//alert(current_num +  "   Rolled over video: " + video_redirect);	
	window.open(video_redirect[current_num])
}



///////////////////////////////////////////////////////////////////////////



function thisScrollLeft(){
	//clear interval, just in case
	if(typeof scrollID == "number")clearInterval(scrollID);
	
	function inner_sRight(){
		//capture Y "top" position
		var thisX = (document.getElementById('videoNewsListDiv').style['left'] =="") ? 0 : parseInt(document.getElementById('videoNewsListDiv').style['left']);
//		var rightMax = -((document.getElementById('videoNewsListDiv').offsetWidth)/4);
		var rightMax = -(document.getElementById('videoNewsListDiv').offsetWidth - document.getElementById('videoNewsHolder').offsetWidth)

		//turn on arrow
		document.getElementById('buttonScrollLeft').src = "assets/but_ScrollLeft.gif";//"http://londev02/demos/lab/jamie/news_unit/assets/but_ScrollLeft.gif";
		//document.getElementById('butDown').style['borderColor'] = "#4b4b4b";
	
		//move results
		document.getElementById('videoNewsListDiv').style['left'] = (thisX - 5) + "px";
		
		//alert((thisX + 5));
		
		//set limits
		if(parseInt(document.getElementById('videoNewsListDiv').style['left']) < rightMax){
			scrollStop();
			document.getElementById('videoNewsListDiv').style['left'] = rightMax + "px";
			//gray out arrow
			document.getElementById('buttonScrollRight').src = "assets/but_ScrollRight_over.gif";//"http://londev02/demos/lab/jamie/news_unit/assets/but_ScrollRight_over.gif";
			scrollLeftMax = true;
		} else {
			scrollLeftMax = false;
		}
	}
	scrollID = setInterval(inner_sRight, 5);
}



function scrollRight(){
	
	//clear interval, just in case
	if(typeof scrollID == "number")clearInterval(scrollID);
	
	function inner_sRight(){
		//capture Y "top" position
		var thisX = (document.getElementById('videoNewsListDiv').style['left'] =="") ? 0 : parseInt(document.getElementById('videoNewsListDiv').style['left']);
		var rightMax = 0;	
		
		//turn on arrow
		document.getElementById('buttonScrollRight').src = "assets/but_ScrollRight.gif";//"http://londev02/demos/lab/jamie/news_unit/assets/but_ScrollRight.gif";

		//move results
		document.getElementById('videoNewsListDiv').style['left'] = (thisX + 5) + "px";
		
		//set limits
		if(parseInt(document.getElementById('videoNewsListDiv').style['left']) > rightMax){
			scrollStop();
			document.getElementById('videoNewsListDiv').style['left'] = rightMax + "px";
			//gray out arrow
			document.getElementById('buttonScrollLeft').src = "assets/but_ScrollLeft_over.gif";//"http://londev02/demos/lab/jamie/news_unit/assets/but_ScrollLeft_over.gif";
			scrollRighttMax = true;
		} else {
			//highlight button
			//document.getElementById('butDown').style['backgroundColor'] = tintColor1;
			scrollRightMax = false;
		}
	}
	scrollID = setInterval(inner_sRight, 5);
}

/*
-------------------------------
scrollStop()
-------------------------------
	stops an in-process scroll
-------------------------------
*/
function scrollStop(){
	clearInterval(scrollID);
	
	//unhighlight colors
	/*
	if(scrollLeftMax != true){
		//document.getElementById('butDown').style['backgroundColor'] = "#ffffff";
	}
	if(scrollRightMax != true){
		//document.getElementById('butUp').style['backgroundColor'] = "#ffffff";
	}
	*/
}



//++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

// --------------------------------------------------


// --------------------------------------------------
//DRAGGABLE TOOLTIP ROUTINES
// --------------------------------------------------
document.onmousemove = mouseMove;
document.onmouseup   = mouseUp;
document.onmousedown   = mousedownCheck;

var dragObject  = null;
var mouseOffset = null;
var mouseIsDown = false;
var whichDrag = ""

function mousedownCheck(){
	mouseIsDown = true;
}

function getMouseOffset(target, ev){
	ev = ev || window.event;

	var docPos = getPosition(target);
	var mousePos = mouseCoords(ev);
	return {x:mousePos.x - docPos.x, y:mousePos.y - docPos.y};
}

function getPosition(e){
	var left = 0;
	var top  = 0;

	while (e.offsetParent){
		left += e.offsetLeft;
		top  += e.offsetTop;
		e = e.offsetParent;
	}

	left += e.offsetLeft;
	top  += e.offsetTop;

	return {x:left, y:top};
}

function mouseMove(ev){
	ev = ev || window.event;

	if(mouseIsDown){
		if(dragObject){
			var mousePos = mouseCoords(ev);
			whichDrag = dragObject;
			//dragObject.style.position = 'absolute';
			//FF DOCTYPE FIX!!! (add +"px")
			dragObject.style.top = (mousePos.y - mouseOffset.y) + "px";
			dragObject.style.left = (mousePos.x - mouseOffset.x) + "px";
			
			//delete tooltip tail
			if(temp_ttTailDiv = document.getElementById('ttTailDiv')){
				var temp_ttTailDiv = document.getElementById('ttTailDiv');
				temp_ttTailDiv.parentNode.removeChild(temp_ttTailDiv);
			}
	
			return false;
		}
	}

}

function mouseCoords(ev){
	if(ev.pageX || ev.pageY){
		return {x:ev.pageX, y:ev.pageY};
	}
	return {
		x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
		y:ev.clientY + document.body.scrollTop  - document.body.clientTop
	};
}

function makeClickable(object){
	object.onmousedown = function(){
		dragObject = this;
	}
}

function mouseUp(){
	mouseIsDown = false;
	dragObject = null;
}

var makeDragInit = false;
function makeDraggable(item, handle){
	if(!item) return;
	handle.onmousedown = function(ev){
		dragObject  = item;
		mouseOffset = getMouseOffset(item, ev);
		return false;
	}
}
// --------------------------------------------------

function underlineOn(thisWord){
	//document.getElementById(thisWord).style.borderTop = '1px solid #b2d0b2';
	document.getElementById(thisWord).style.color = "darkgreen";
	document.getElementById(thisWord).style.margin = '0px';
	//document.getElementById(thisWord).style.border = '1px solid #888888';
	document.getElementById(thisWord).style.textDecoration = 'underline';
	//document.getElementById(thisWord).style.backgroundColor = '#99c199';
	//document.getElementById(thisWord).style.backgroundImage = 'url(http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/word_gloss.gif)';
	//document.getElementById(thisWord).style.backgroundRepeat = 'repeat-x';
	
	//dropshadow
	//document.getElementById(thisWord).style.overflow = "hidden";
	//document.getElementById(thisWord).style.backgroundImage = "url(http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/bkg_wordshadow.gif)";
	//document.getElementById(thisWord).style.backgroundRepeat = "no-repeat";
}

function underlineOff(thisWord){
	document.getElementById(thisWord).style.color = "darkgreen";
	//document.getElementById(thisWord).style.borderTop = 'none';
	document.getElementById(thisWord).style.margin = '1px';
	document.getElementById(thisWord).style.border = '0px';
	//document.getElementById(thisWord).style.borderBottom = '1px solid';
	//document.getElementById(thisWord).style.textDecoration = 'underline';
	//document.getElementById(thisWord).style.backgroundColor = 'transparent';
	//document.getElementById(thisWord).style.backgroundImage = 'none';
	
	//dropshadow
	document.getElementById(thisWord).style.backgroundImage = "none";
}

function displayAd(indexNum){
	//stop minimization, if needed, just in case
	if(gIsMinimizing){
		clearTT(true);	
	}
	
	//clear last highlighting, just in case
	var lastl = "link" + lastToolNum;
	underlineOff(lastl);
	
	//clear hide delay 
	clearInterval(hideID);	
	
	//if the tooltip is already visible, keep the higlighted underline but don't relaunch
	if(ttIsVis && indexNum == lastToolNum) {
		underlineOn("link" + indexNum);
		return;
	}
	
	//tooltip is visible
	ttIsVis = true;
	
	//global variable adjustments
	lastToolNum = indexNum;				//sets the number of lastToolNum to match the current unit
	hasEnlarged = false;				//resets state of expandable unit
	whichDrag = "";						//resets which tooltip is being dragged
	
	//unit width override based on layout
	//brandbox
	if(styleArray[lastToolNum]==3){
		adUnitWidth[lastToolNum] = 330;
	}
	//HTML widescreen
	if(styleArray[lastToolNum]==6){
		adUnitWidth[lastToolNum] = 325;
	}
	//billboard
	if(styleArray[lastToolNum]==4){
		adUnitWidth[lastToolNum] = 250;
	}
	//freeform or iframe (shrink to fit creative, no border)
	if(styleArray[lastToolNum]==5 || styleArray[lastToolNum]==7){
		adUnitWidth[lastToolNum] = creativeWidth[lastToolNum] + 12;
		adUnitHeight[lastToolNum] = creativeHeight[lastToolNum] + 27;
	}
	
	//local variables
	var linkRefString = "link" + indexNum;
	var linkRef =  document.getElementById(linkRefString);
	var boxWidth = adUnitWidth[lastToolNum] - 10;
	var boxHeight = adUnitHeight[lastToolNum] - 10;
	var contentTableHeight = boxHeight - 27;
	var handleWidth = adUnitWidth[lastToolNum]-150;
	var isFlash = (creativeArray[lastToolNum].toLowerCase().indexOf(".swf")!= -1 && styleArray[lastToolNum] > 1) ? true : false;

	//clear hide delay 
	clearInterval(hideID);	

	//COMPOSE TIP
	var displayString = '';
	
	if(styleArray[lastToolNum]>=20){
		//-------------------------
		//	ALL-FLASH LAYOUTS
		//-------------------------
		
		//	_________________________________
		//
		//	All-Flash Standard
		//	_________________________________
		displayString += '<div class="intellitxtTooltip" id="creativeContent">'
		
		//<!-- tooltip container DIV (keeps floating assets organized)-->
		//new
		displayString += '	<div id="ttDiv" style="width:302px;height:202px;cursor:pointer;">'
		
		displayString += 	'<span style="background-color:#FFFF00;font-family:' + tooltipFont[lastToolNum] + ';font-size:10px;">[Flash was not detected]</span>'
		
		//new
		displayString += '	</div>'
		
		displayString += '</div>'
		displayString += '<div id="handle" style="overflow:hidden;width:180px;height:21px;position:absolute;z-index:5011;left:6px;top:6px;cursor:move;"><img id="handleImage" src="http://images.intellitxt.com/ast/spacer.gif" border="0" width="180" height="21"></div>'
	
	} else {		
		//-------------------------
		//	HTML LAYOUTS
		//-------------------------
		// ** Top half of tooltip
		
		//NEW STYLE
		//<!--drop shadow div-->
		/*
		displayString += '		<div id="ttShadow" class="intellitxtTooltip" style="position:absolute;z-index:1;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/dropshadow2.png\',sizingMethod=\'scale\') alpha(opacity=0);moz-opacity:.0;opacity:.0;"><img id="ttShadowImage" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/dropshadow2.png" width="302" height="202" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>'
		//<!-- tooltip container DIV (keeps floating assets organized)-->
		displayString += '		<div id="ttDiv" style="width:302px;height:202px;cursor:pointer;">'
		*/
		
		displayString += '		<div id="ttShadow" class="intellitxtTooltip" style="position:absolute;z-index:1;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/dropshadow2.png\',sizingMethod=\'scale\') alpha(opacity=0);moz-opacity:.0;opacity:.0;"><img id="ttShadowImage" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/dropshadow2.png" width="' + adUnitWidth[lastToolNum] + '" height="' + adUnitHeight[lastToolNum] + '" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>'
		//<!-- tooltip container DIV (keeps floating assets organized)-->
		displayString += '		<div id="ttDiv" style="width:' + adUnitWidth[lastToolNum] + 'px;height:' + adUnitHeight[lastToolNum] + 'px;cursor:pointer;">';
		
		//<!-- tooltip table -->
		displayString += '			<table id="itt_table" name="itt_table" class="intellitxtTooltip" style="width:' + (adUnitWidth[lastToolNum]-10) + 'px;height:' + (adUnitHeight[lastToolNum]-10) + 'px;position:absolute;z-index:100;top:6px;left:6px;border:none;background-color:transparent;margin:0px 0px;table-layout:auto;border-style:none;cursor:pointer;" cellpadding="0" cellspacing="0" border="0">'
		displayString += '				<tr onMouseDown="MDn(event);" onMouseUp="MUp(event);" style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">'
		displayString += '					<td style="height:21px;padding:0px 0px;height:21px;border:none;background-color:transparent;line-height:normal;" onClick="tooltipClick();">'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#fbfbfb;margin:0px 6px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#f5f5f5;margin:0px 4px;border-width:0px 2px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#f0f0f0;margin:0px 2px;border-width:0px 2px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#ececec;margin:0px 2px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e9e9e9;margin:0px 1px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e7e7e7;margin:0px 1px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e6e6e6;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e6e6e6;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e6e6e6;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e1e1e1;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#c4c4c4;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#c7c7c7;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#c9c9c9;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#cececc;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#d4d4cf;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#d9d9d1;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#deded3;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e3e3d4;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e7e7d5;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#e9e9d7;margin:0px 0px;"></b>'
		displayString += '						<b style="font-size:1px;display:block;height:1px;overflow:hidden;background:#dddddd;margin:0px 0px;"></b>'
		displayString += '					</td>'
		displayString += '				</tr>'
		displayString += '				<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">'
				//<!-- CONTENT GOES HERE -->
		//displayString += '					<td id="cZn1" name="cZn1" style="height:163px;vertical-align:top;margin:0px;line-height:normal;background:#fbfbfb;border-bottom:none;text-align:left;padding:0px;"><div id="ttContent">'
		displayString += '					<td id="cZn1" name="cZn1" style="vertical-align:top;margin:0px;line-height:normal;background:' + tooltipBkgColor[lastToolNum] + ';border-bottom:none;text-align:left;padding:0px;"><div id="ttContent">'
		
		
		
	
		
		
		switch(true){
			case(styleArray[lastToolNum]==2):
			//	_________________________________
			//
			//	Small Logo Layout
			//	_________________________________
				displayString += '				<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
					
				//title
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td style="vertical-align:top;padding:7px 3px 0px 7px;height:10px;" onClick="tooltipClick();" align="left">'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><br><span style="line-height:7px;display:block;">&nbsp;</span>'
				
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;text-align:left;"><div id="creativeContent"><img style="margin-top:3px;margin-bottom:3px;margin-left:7px;margin-right:4px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '" align="right">' + bodyArray[lastToolNum] + '</div></span>'
				displayString += '						</td>'
				displayString += '					</tr>'
	
				//visible url
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="bottom" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>'
				displayString += '					</tr>'
				displayString += '				</table>'
				break;
				
			case(styleArray[lastToolNum]==3):
			//	_________________________________
			//
			//	Brandbox Layout
			//	_________________________________
				displayString += '				<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
									
				//body copy
				displayString += '					<tr>'
				displayString += '						<td style="vertical-align:top;padding:7px 7px 3px 7px;" onClick="tooltipClick();" align="left">'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:11px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><br>'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;display:block;">' + bodyArray[lastToolNum] + '</span>'
				displayString += '						</td>'
				displayString += '						<td style="vertical-align:top;padding:6px 7px 3px 7px;text-align:right;">'

				displayString += '							<div id="creativeContent" align="right"><img onClick="tooltipClick();" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>'
				displayString += '						</td>'
				displayString += '					</tr>'
	
				//visible url
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td colspan="2" style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="top" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>'
				displayString += '					</tr>'
				displayString += '				</table>'
				break;
				
			case(styleArray[lastToolNum]==4):
			//	_________________________________
			//
			//	Billboard Layout
			//	_________________________________
				displayString += '				<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
					
				//creative
				displayString += '					<tr>'
				displayString += '						<td style="vertical-align:top;padding:7px 7px 3px 7px;" onClick="tooltipClick();" align="center">'
				displayString += '							<div id="creativeContent"><img style="margin-top:3px;margin-bottom:0px;margin-left:0px;margin-right:4px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>'
				displayString += '						</td>'
				displayString += '					</tr>'
				
				//title
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td style="vertical-align:top;padding:0px 3px 0px 7px;height:10px;" onClick="tooltipClick();" align="left">'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span>'
				displayString += '						</td>'
				displayString += '					</tr>'
				
				//body copy
				displayString += '					<tr>'
				displayString += '						<td style="vertical-align:top;padding:3px 3px 3px 7px;" onClick="tooltipClick();" align="left">'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;display:block">' + bodyArray[lastToolNum] + '</span>'
				displayString += '						</td>'
				displayString += '					</tr>'
	
				//visible url
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td style="padding:3px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="top" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>'
				displayString += '					</tr>'
				displayString += '				</table>'
				break;
				
			
			case(styleArray[lastToolNum]==5):
			//	_________________________________
			//
			//	Freeform
			//	_________________________________
				displayString += '<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
					
				//creative
				displayString += '<tr>'
				displayString += '<td style="vertical-align:top;padding:0px;margin:0px;" onClick="tooltipClick();" align="center">'
				displayString += '<div id="creativeContent"><img style="margin-top:0px;margin:0px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>'
				displayString += '</td>'
				displayString += '</tr>'
				
				displayString += '</table>'
				break;
				
				
			case(styleArray[lastToolNum]==6):
			//	_________________________________
			//
			//	HTML Expandable/ Widescreen
			//	_________________________________
				displayString += '				<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'

				//title, body copy, placeholder
				displayString += '					<tr>'
				displayString += '						<td style="vertical-align:top;padding:3px 3px 3px 7px;" onClick="tooltipClick();" align="left">'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><span style="display:block;margin-top:4px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;">' + bodyArray[lastToolNum] + '</span></div>'
				displayString += '						</td>'
				displayString += '						<td align="right" style="padding-left:7px;padding-right:7px;padding-top:7px;padding-bottom:2px;vertical-align:top;">'
				displayString += '							<div id="placeholderDiv" class="intellitxtTooltip" style="width:' + creativeWidth[lastToolNum] + 'px;height:' + creativeHeight[lastToolNum] + 'px;font-size:0px;"></div>'
				displayString += '						</td>'
				displayString += '					</tr>'
	
				//visible url
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td colspan="2" style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="top" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>'
				displayString += '					</tr>'
				displayString += '				</table>'
				break;
				
				
			case(styleArray[lastToolNum]==7):
			//	_________________________________
			//
			//	IFRAME
			//	_________________________________
				displayString += '<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
					
				//creative
				displayString += '<tr>'
				displayString += '<td style="vertical-align:top;padding:0px;margin:0px;" onClick="tooltipClick();" align="center">'
				displayString += '<div id="creativeContent"><iframe style="margin-top:0px;margin:0px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '" frameborder="0" scrolling="no" onMouseOver="clearAdInterval();inIframe=true;" onMouseOut="inIframe=false;"></iframe></div>'
				displayString += '</td>'
				displayString += '</tr>'
				
				displayString += '</table>'
				break;
				
				
			case(styleArray[lastToolNum]==9):
			//	_________________________________
			//
			//	Freeform with Text
			//	_________________________________
				displayString += '<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
					
				//creative
				displayString += '<tr>'
				displayString += '<td style="vertical-align:top;padding:0px;margin:0px;" onClick="tooltipClick();" align="center">'
				displayString += '<div id="creativeContent"><img style="margin-top:0px;margin:0px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>'
				displayString += '</td>'
				displayString += '</tr>'
				displayString += '<tr>'
				displayString += '<td style="height:50px;vertical-align:top;background: url(http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/grad_mputext_dark.gif);background-repeat:repeat-x;" onMouseOver="adArrowImg.src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/but_arrow_on.gif\'; adCtaImg.src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/mpu_freeform_withText/assets/but_cta_en_on.gif\'"; onMouseOut="adArrowImg.src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/but_arrow.gif\'; adCtaImg.src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/mpu_freeform_withText/assets/but_cta_en_off.gif\'"" onClick="tooltipClick();">'
				displayString += '<div id="adcopyWindow" style="height:56px;width:300px;overflow:hidden;position:absolute;">';
				displayString += '<div id="adArrow" style="position:absolute;left:-14px;"><img id="adArrowImg" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/but_arrow.gif" style="width:14px;height:56px;"></div>';
				//displayString += '<div id="adcopy" style="position:relative;top:3px;left:18px;font-family:' + tooltipFont[lastToolNum] + ';font-size:9px;zoom:1;filter:alpha(opacity=0);moz-opacity:.0;opacity:.0;">';
				displayString += '<div id="adcopy" style="position:relative;top:3px;left:18px;font-family:' + tooltipFont[lastToolNum] + ';font-size:9px;zoom:1;">';					
				displayString += '	<span style="font-size:10px;font-weight:bold;text-decoration:underline;color:' + tooltipTitleColorOff[lastToolNum] + ';">' + titleArray[lastToolNum] + '</span><br>';
				displayString += '	<span>' + bodyArray[lastToolNum] + '</span><br>';
				displayString += '	<div id="adcopyURL" style="display:inline;color:' + tooltipURLColorOff[lastToolNum] + ';font-weight:bold;zoom:1;filter:alpha(opacity=0);moz-opacity:.0;opacity:.0;">' + linkArray[lastToolNum] + '</div>';
				displayString += '</div>'
				displayString += '<div id="adCta" style="position:absolute;left:236px;top:56px;"><img id="adCtaImg" src="http://demos.us.intellitxt.com/demos/lab/doug_test/mpu_freeform_withText/assets/but_cta_en_off.gif" style="width:64px;height:29px;"></div>';
				
				displayString += '</div>'
				
				
				displayString += '</td>'
				displayString += '</tr>'
				
				displayString += '</table>'
				break;
				
			case(styleArray[lastToolNum]==10):
			//	_________________________________
			//
			//	LIVE SEARCH WINDOW
			//	_________________________________

				//450x250
				
				displayString += '<div id="shapeHolder" style="width:450px;height:250px;" onMouseOver="if(thisBrowser==\'opera\')whichDrag=\'iframeopera\';"><div id="creativeContent" style="width:450px;height:250px;position:absolute;">';	
				
				//improved search area
				//http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/bkg_search.gif
				displayString += '<div style="width:452px;height:42px;background:url(http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/bkg_search.gif);background-repeat:none;">';
				displayString += '<div style="width:136px;height:42px;position:absolute;top:0px;left:0px;" onClick="tooltipClick();">&nbsp;</div>';
				displayString += '<form action="http://search.live.com/results.aspx" id="sb_form" style="margin:0px;padding:0px;"><input id="q" name="q" title="Search for" type="text" value="W3C" style="width:261px;height:18px;background-color:transparent;padding:0px;font-size:13px;line-height:13px;position:absolute;top:14px;left:142px;border:0px;"><input id="sb_form_go" name="go" tabindex="0" title="Search" type="image" src="http://images.intellitxt.com/ast/spacer.gif" value="" style="width:40px;height:30px;position:absolute;top:6px;left:405px;" /><input name="form" type="hidden" value="QBRE" /><input name="scope" type="hidden" value="web" /></form>';
				displayString += '</div>';
				
				//<!--IFRAME-->
				//LONDEV02: http://londev02/DougD/live_search_xml_feed/livesearch_parse.asp
				//PROD: http://demos.us.intellitxt.com/demos/lab/doug_test/live_search_xml_feed/livesearch_parse.asp
				//NEW: http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/livesearch_parse.asp
				
				displayString += '<div id="lswIframe" name="lswIframe" style="width:436px;height:205px;position:absolute;top:43px;left:7px;"><IFRAME id="frameBit" style="border:1px solid #cccccc;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/livesearch_parse.asp?q=W3C" width="100%" height="100%" onload="document.getElementById(\'loadAnim\').style.display = \'none\';" frameborder="0" marginwidth="0" marginheight="0" scrolling="auto"></IFRAME></div>';
				
				//highlight text field: document.getElementById(\'q\').focus()
				
				//loading animation (don't display load animaiton in opera, onload never fires)
				if(thisBrowser != "opera") displayString += '<div id="loadAnim" style="position:absolute;left:195px;top:110px;text-align:center;font-size:10px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/searching.gif"></div>';
				
				//drop shadow over lays .GIF
				displayString += '<div id="shadowTL" name="shadowTL" style="position:absolute;top:43px;left:7px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/shadow_tl.gif" style="width:9px;height:9px;"></div>';
				displayString += '<div id="shadowT" name="shadowT" style="position:absolute;top:43px;left:16px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/shadow_t.gif" style="width:411px;height:9px;"></div>';
				displayString += '<div id="shadowL" name="shadowL" style="position:absolute;top:52px;left:7px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/shadow_l.gif" style="width:9px;height:198px;"></div>';
				displayString += '<div id="shadowB" name="shadowB" style="position:absolute;top:241px;left:16px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/shadow_b.gif" style="width:411px;height:9px;"></div>';
				
				//<!-- button assets -->
				displayString += 	'<div id="downArrow" name="downArrow" style="position:absolute;top:43px;left:11px;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/arrow_down.png\',sizingMethod=\'scale\');"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/arrow_down.png" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>';
				displayString += 	'<div id="visUrl" name="visUrl" style="position:absolute;top:227px;left:7px;cursor:pointer;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/but_visurl.png\',sizingMethod=\'scale\');" onClick="tooltipClick();"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/livesearch_tooltip_window/assets/but_visurl.png" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>';

				displayString += '</div></div>';
				break;
				
				
			case(styleArray[lastToolNum]==11):
			//	_________________________________
			//
			//	Image / shopping
			//	_________________________________
				var imagePad = 6;
				var boxH = 80;
				var boxPad = 6;				
				
				displayString += '<div id="imageOverlay" style="width:' + (creativeWidth[lastToolNum]) + 'px;height:' + (creativeHeight[lastToolNum]) + 'px;overflow:hidden;padding:6px;padding-bottom:0px;"><div id="creativeContent" style="position:absolute;width:' + (creativeWidth[lastToolNum]) + 'px;height:' + (creativeHeight[lastToolNum]) + 'px;overflow:hidden;">';
				
				//image	
				displayString += '<div style="position:absolute;padding-bottom:0px;" onClick="tooltipClick();"><img src="' + creativeArray[lastToolNum] + '"></div>';
				
				//black screen
				displayString += '	<div id="blackScreen" style="display:none;width:' + (creativeWidth[lastToolNum]-6) + 'px;height:' + boxH + 'px;position:absolute;left:3px;filter:alpha(opacity=75);moz-opacity:.75;opacity:.75;top:' + (creativeHeight[lastToolNum]-(boxH+boxPad)) + 'px;background-color:#000000;">&nbsp;</div>';
				
				//text
				displayString += '	<div id="adArea" style="display:none;width:' + (creativeWidth[lastToolNum]-(boxPad*2)) + 'px;height:' + boxH + 'px;position:absolute;left:3px;top:' + (creativeHeight[lastToolNum]-(boxH+boxPad)) + 'px;color:#ffffff;color:#ffffff;padding:' + boxPad + 'px;font-family:verdana, arial, helvetica, sans-serif;font-size:10px;"><div style="float:right;margin:' + boxPad + 'px;margin-right:6px;margin-top:0px;width:13px;height:13px;">&nbsp;</div><div id="overlaytitle" style="font-weight:bold;font-size:11px;margin-bottom:3px;" onClick="tooltipClick();" onmouseover="this.style.textDecoration = \'underline\'" onmouseout="this.style.textDecoration = \'none\'">Malia and Sasha Obama</div><div onClick="tooltipClick();">Find outfits like this at Crewcuts: J.Crew for Kids. Free Shipping on Orders of $150+. Use Code TULIP.</div><div style="position:absolute;bottom:12px;left:3px;color:#99c832;text-decoration:underline;" onClick="tooltipClick();">' + linkArray[lastToolNum] + '</div><div style="position:absolute;bottom:12px;right:9px;border:0px;width:88px;height:31px;" onClick="tooltipClick();"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/crewcuts_88x31.gif"></div></div>';
				
				//button
				displayString += '	<div id="adTogBut" style="display:none;width:13px;height:13px;position:absolute;left:' + (creativeWidth[lastToolNum]-(19)) + 'px;top:' + (creativeHeight[lastToolNum]-(boxH-boxPad-3)-9) + 'px;" onclick="toggleAdArea(3,' + (creativeHeight[lastToolNum]-(boxH+boxPad)) + ',' + (creativeWidth[lastToolNum]-6) + ',' + boxH + ');" onMouseOver="turnOn(\'bt_adclose\');" onMouseOut="turnOff(\'bt_adclose\');"><img id="bt_adclose" name="bt_adclose" src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/close_off.gif"></div>';
				
				displayString += '</div></div>';	
				break;

			
			case(styleArray[lastToolNum]==12):
			//	_________________________________
			//
			//	Music unit
			//	_________________________________
				//OLD
				displayString += '<div style="width:314px;height:197px;overflow:hidden;font-family:' + tooltipFont[lastToolNum] + ';">';
				
				//placeholder
				displayString += '	<div id="msearchPlaceholder" style="width:314px;height:34px;"></div>';
				
				//FF positioning nonsense workaround
				var bOffset = 0;
				if(thisBrowser == "ff") bOffset = 6;
				
				//search
				displayString += '	<input id="searchMusic" name="searchMusic" type="text" value="Coldplay" style="padding-left:4px;width:179px;height:16px;font-size:12px;font-family:' + tooltipFont[lastToolNum] + ';border:2px solid #0f7ecb;position:absolute;left:' + (6 + bOffset) + 'px;top:' + (28 + bOffset) + 'px;background:url(http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/bkg_wordshadow.gif);background-repeat:none;"><div onclick="updateMusic();" style="width:115px;height:22px;position:absolute;left:' + (193 + bOffset) + 'px;top:' + (28 + bOffset) + 'px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/but_search.gif"></div>';
				//search arrow
displayString += '<div style="position:absolute;left:' + (18 + bOffset) + 'px;top:' + (48+bOffset) + 'px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/search_arrow.gif"></div>';
				
				//image
				displayString += '	<div id="imgBorderDiv" style="margin-left:6px;width:73px;height:73px;margin-bottom:7px;border:1px solid #777777"><div id="imgDisplayDiv" style="width:71px;height:71px;border:1px solid #ffffff;background-color:#cccccc;text-align:center;">&nbsp;</div></div>';
				//tracks
				displayString += '	<div id="trackListDiv" style="margin-left:6px;margin-right:6px;margin-top:4px;width:219px;height:79px;font-size:11px;color:#4b4b4b;overflow:hidden;padding-left:6px;position:absolute;left:' + (74 + bOffset) + 'px;top:' + (55 + bOffset) + 'px;"><div style="float:right;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/searching.gif"></div>&nbsp;&nbsp;Loading tracks...</div>';
				//music player
				displayString += '	<div id="musicPlayerDiv" style="width:302px;height:81px;margin-left:6px;margin-right:6px;font-size:11px;color:#4b4b4b;overflow:hidden;"><div style="float:right;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/searching.gif"></div>Loading player...</div>';
				displayString += '</div>';
				
				
				break;
				
				
			case(styleArray[lastToolNum]==13):
			//	_________________________________
			//
			//	Destination Page Preview
			//	_________________________________
				
				displayString += '<div style="width:300px;height:224px;padding:6px;padding-bottom:0px;overflow:hidden;font-family:' + tooltipFont[lastToolNum] + ';" onclick="tooltipClick();">';
				
				displayString += '	<div id="creativeContent" onmouseover="document.getElementById(\'previewImg\').src=\'assets/preview_w3c_full_300x185.gif\';" onmouseout="document.getElementById(\'previewImg\').src=\'assets/preview_w3c_thumb.jpg\';">';
				//non-flash content goes here
				displayString += '		<div id="preview" style="width:300px;height:185px;"><img id="previewImg" src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_w3c_thumb.jpg"></div>';
				//FF positioning nonsense workaround
				var bOffset = 0;
				if(thisBrowser == "ff") bOffset = 6;
				
				displayString += '	<div style="position:absolute;left:' + (6+bOffset) + 'px;top:' + (27+bOffset) + 'px;width:300px;height:185px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_dropshadow.png"></div>';
				displayString += '	<div id="upArrow" style="position:absolute;left:' + (20+bOffset) + 'px;top:' + (195+bOffset) + 'px;width:30px;height:17px;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/arrow_up.png\',sizingMethod=\'scale\');"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/arrow_up.png" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>';

				displayString += '	</div>';
				
				displayString += '	<div id="previewText" style="padding:2px;padding-top:4px;font-size:12px;width:294px;overflow:hidden;color:#4b4b4b;font-weight:bold;">You are looking at a preview of: <nobr><span style="font-size:10px;color:#008000;font-weight:normal;" onmouseover="this.style.textDecoration=\'underline\';" onmouseout="this.style.textDecoration=\'none\';">' + urlArray[lastToolNum] + '</span></nobr></div>';
				displayString += '</div>';
				
				//set to true to enable Flash version...
				isFlash =false;
				
				break;
				
			
			case(styleArray[lastToolNum]==14):
			//	_________________________________
			//
			//	News Unit
			//	_________________________________
				
				displayString += '<div style="width:314px;height:275px;overflow:hidden;font-family:' + tooltipFont[lastToolNum] + ';">';
				
				//placeholder
				displayString += '	<div id="msearchPlaceholder" style="width:314px;height:34px;"></div>';
				//FF positioning nonsense workaround
				var bOffset = 0;
				if(thisBrowser == "ff") bOffset = 6;
				
				//search
				displayString += '	<input id="searchNews" name="searchNews" type="text" value="Barack Obama" style="padding-left:4px;width:179px;height:16px;font-size:12px;font-family:' + tooltipFont[lastToolNum] + ';border:2px solid #0f7ecb;position:absolute;left:' + (6 + bOffset) + 'px;top:' + (28 + bOffset) + 'px;background:url(http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/bkg_wordshadow.gif);background-repeat:none;"><div onclick="updateNews();" style="width:115px;height:22px;position:absolute;left:' + (193 + bOffset) + 'px;top:' + (28 + bOffset) + 'px;"><img src="assets/but_NewsSearch.gif"></div>';
				//search arrow
				displayString += '<div style="position:absolute;left:' + (18 + bOffset) + 'px;top:' + (48+bOffset) + 'px;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/search_arrow.gif"></div>';
				
				displayString += '<div style="padding-bottom:0px;overflow:hidden;font-family:' + tooltipFont[lastToolNum] + ';">'
				displayString += '<table width="300px" border="0" cellspacing="0" cellpadding="0"><tr><td><img src="assets/but_ScrollLeft_over.gif" id="buttonScrollLeft" width="28" height="48" hspace="0" vspace="0" border="0" onmouseover="scrollRight();" onMouseOut="scrollStop();"></td><td>'
				displayString += '<div style="width:257px;overflow:hidden;position:relative;height:110px;" id="videoNewsHolder"><div id="videoNewsListDiv" style="position:relative;font-size:11px;color:#4b4b4b;width:425px;top:0px;padding-left:6px;padding-right:6px;overflow:hidden;"><div style="float:right;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/searching.gif"></div>&nbsp;&nbsp;Loading Videos...</div></div></div>'
				displayString += '</td><td><img id="buttonScrollRight" src="assets/but_ScrollRight.gif" width="28" height="48" hspace="0" vspace="0" border="0" onmouseover="thisScrollLeft();" onMouseOut="scrollStop();"></td></tr></table>'
				
				displayString += '<div id="newsListDiv" style="float:left;width:330px;height:200px;font-size:11px;color:#4b4b4b;overflow:scroll;"><div style="float:right;"><img src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/searching.gif"></div>&nbsp;&nbsp;Loading Articles...</div>';
				displayString += '</div>';

				break;
	
		case(styleArray[lastToolNum]==15):
			//	_________________________________
			//
			//	Wikipedia Unit
			//	_________________________________
				
				displayString += '<div style="width:325px;height:210px;padding-right:0px;padding-bottom:0px;overflow:hidden;font-family:' + tooltipFont[lastToolNum] + '; font-size:13px;">';
				displayString +=  '<div style="height:200px;overflow:auto; padding-left:6px;padding-right:6px; margin-top:6px;">'+ titleArray[lastToolNum]+'<br>'+ bodyArray[lastToolNum]
				displayString += '</div></div>';

				
				break;
		
			default:
			//	_________________________________
			//
			//	Basic Text-Only Layout [default]
			//	_________________________________
				displayString += '				<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">'
					
				//title
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td style="vertical-align:top;padding:7px 3px 0px 7px;height:1%;" onClick="tooltipClick();" align="left">'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><br><span style="line-height:7px;display:block;">&nbsp;</span>'
				displayString += '							<span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;display:block;">' + bodyArray[lastToolNum] + '</span>'
				displayString += '						</td>'
				displayString += '					</tr>'
				
				//Call to action button
				displayString += '					<tr>'
				displayString += '						<td style="vertical-align:bottom;padding:3px 14px 0px 7px;" onClick="tooltipClick();" align="right">'
				displayString += '							<img src="http://images.intellitxt.com/ast/demo_assets/images/' + learnMoreButtonFile + '" alt="Learn More">'
				displayString += '						</td>'
				displayString += '					</tr>'
			
				//visible url
				displayString += '					</tr>'
				displayString += '					<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">'
				displayString += '						<td style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:1%;" onClick="tooltipClick();" colspan="2" valign="bottom" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>'
				displayString += '					</tr>'
				displayString += '				</table>'
		}	
	
		
		// ** Bottom half of tooltip
		/*
		displayString += '			</td>'
		displayString += '		</tr>'
		displayString += '		<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">'
		displayString += '			<td style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;filter:" onClick="tooltipClick();">'
		displayString += '				<b id="cZn2" name="cZn2" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 1px;"></b>'
		displayString += '				<b id="cZn3" name="cZn3" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 1px;"></b>'
		displayString += '				<b id="cZn4" name="cZn4" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 2px;"></b>'
		displayString += '				<b id="cZn5" name="cZn5" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 2px;border-width:0px 2px;"></b>'
		displayString += '				<b id="cZn6" name="cZn6" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 4px;border-width:0px 2px;"></b>'
		displayString += '				<b class="c1" style="font-size:1px;display:block;height:1px;background:#545454;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 6px;"></b>'
		
		*/
		
		
		
		
		
		displayString += '								</div></td>'
		displayString += '							</tr>'
		displayString += '							<tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">'
		displayString += '								<td style="height:6px;padding:0px 0px;border:none;background-color:transparent;line-height:normal;" onClick="tooltipClick();">'
		displayString += '									<b id="cZn2" name="cZn2" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';overflow:hidden;margin:0px 1px;"></b>'
		displayString += '									<b id="cZn3" name="cZn3" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';overflow:hidden;margin:0px 1px;"></b>'
		displayString += '									<b id="cZn4" name="cZn4" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';overflow:hidden;margin:0px 2px;"></b>'
		displayString += '									<b id="cZn5" name="cZn5" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';overflow:hidden;margin:0px 2px;border-width:0px 2px;"></b>'
		displayString += '									<b id="cZn6" name="cZn6" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';overflow:hidden;margin:0px 4px;border-width:0px 2px;"></b>'
		displayString += '									<b id="cZn7" name="cZn7" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';overflow:hidden;margin:0px 6px;"></b>'
		displayString += '								</td>'
		displayString += '							</tr>'
		displayString += '						</table>'
		
												//<!--tooltip tail-->
		displayString += '						<div id="ttTailDiv" style="position:absolute;z-index:10;top:165px;left:50px;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'' + tailSrc[lastToolNum][0] + '\',sizingMethod=\'scale\');"><img id="ttTailImg" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);" src="' + tailSrc[lastToolNum][0] + '"></div>'
												//<!--Advertiser/ Tooltip Title Area-->
		displayString += '						<div id="ttTitle" style="height:20px;position:absolute;z-index:200;top:10px;left:12px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-weight:bold;line-height:normal;border:none;color:#777777;">' + tab1Array[lastToolNum] + '</div>'
												//<!--Logo,X,? buttons-->
		//red/blue buttons
		displayString += '						<div id="ditt" style="position:absolute;z-index:300;top:7px;right:8px;"><a style="background-color:transparent;" href="http://www.vibrantmedia.com/whatisIntelliTXT.asp?ipid=1786&cc=us&server=g4.sfo.intellitxt.com" target="_blank"><img style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/vm_logo2009.gif" width="90" height="19" border="0" alt="Vibrant"><img name="bt_what" id="bt_what" onMouseOver="turnOn(\'bt_what\');" onMouseOut="turnOff(\'bt_what\');" style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/what_off.gif" width="19" height="19" border="0" alt="what\'s this?"></a><img name="bt_close" id="bt_close" onMouseOver="turnOn(\'bt_close\');" onMouseOut="turnOff(\'bt_close\');" onClick="fClick(\'close\');" style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/close_off.gif" width="19" height="19" onClick="ttH(1);" border="0" alt="close"></div>'
		//all-green buttons
		//displayString += '						<div id="ditt" style="position:absolute;z-index:300;top:7px;right:8px;"><a style="background-color:transparent;" href="http://www.vibrantmedia.com/whatisIntelliTXT.asp?ipid=1786&cc=us&server=g4.sfo.intellitxt.com" target="_blank"><img style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/vm_logo2009.gif" width="90" height="19" border="0" alt="Vibrant"><img name="bt_what" id="bt_what" onMouseOver="turnOn(\'bt_what\');" onMouseOut="turnOff(\'bt_what\');" style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/ctrl_what_off.gif" width="19" height="19" border="0" alt="what\'s this?"></a><img name="bt_close" id="bt_close" onMouseOver="turnOn(\'bt_close\');" onMouseOut="turnOff(\'bt_close\');" onClick="fClick(\'close\');" style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/ctrl_close_off.gif" width="19" height="19" onClick="ttH(1);" border="0" alt="close"></div>'
												//<!--drag handle-->
		displayString += '						<div onMouseDown="MDn(event);" onMouseUp="MUp(event);" id="handle" style="overflow:hidden;width:180px;height:21px;position:absolute;z-index:400;left:6px;top:6px;cursor:move;background-color:transparent;"><img src="http://images.intellitxt.com/ast/demo_assets/images/spacer.gif" border="0" width="180" height="21"></div>'
		displayString += '					</div>'	
	
	
	
		
		
		//HTML Widescreen Flash embed
		if(styleArray[lastToolNum]==6){
			displayString += '<div id="creativeContent" align="right" style="position:absolute;z-index:5200;right:17px;top:27px;"><img onClick="tooltipClick();" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>';
		}
	}
	

	//RENDER TIP
	document.getElementById('tooltipBox').innerHTML = displayString;

	//CREATE FLASH OBJECT IF NEEDED
	if(isFlash){
		var fo = new FlashObject(creativeArray[lastToolNum], "myFlashMovie", creativeWidth[lastToolNum], creativeHeight[lastToolNum], "8", "#ffdddd");
		//set params
		fo.addParam("wmode", "transparent");
		fo.addParam("scale", "exactfit");
		fo.addParam("swLiveConnect","true");
		fo.addParam("allowScriptAccess", "always");
		fo.addVariable("pageRef",window.location.hostname);
		fo.addVariable("wMin",creativeWidth[lastToolNum]);
		fo.addVariable("hMin",creativeHeight[lastToolNum]);
		fo.addVariable("wMax",maxCreativeWidth[lastToolNum]);
		fo.addVariable("hMax",maxCreativeHeight[lastToolNum]);
		//write to page
		fo.write("creativeContent");
	}
	
	//write to page
	//fo.write("flashcontent");

	//RESIZE TOOLTIP BOX
	var tempWidth = adUnitWidth[lastToolNum] + "px";
	document.getElementById('tooltipBox').style.width = tempWidth;
	
	
	//**TOOLTIP 2009 - moved
	//tweak HTML assets if needed 
	if(styleArray[lastToolNum]<20){
		
		//::::::::::::::::::::
		
		//possibly move this code to a function so that we can call it as needed whenever during tooltip resize routines.
		
		
		//::::::::::::::::::::
		
		//resize shadow to fit tooltip
		var shadOffset = 6;
		document.getElementById('ttShadow').style.width = (parseInt(document.getElementById('itt_table').offsetWidth) + (2*shadOffset) ) + "px";
		document.getElementById('ttShadowImage').style.width = (parseInt(document.getElementById('itt_table').offsetWidth) + (2*shadOffset)) + "px";
		document.getElementById('ttShadow').style.height = (parseInt(document.getElementById('itt_table').offsetHeight) + (2*shadOffset)) + "px";
		document.getElementById('ttShadowImage').style.height = (parseInt(document.getElementById('itt_table').offsetHeight) + (2*shadOffset)) + "px";
		
		//resize bounding boxes
		document.getElementById('tooltipBox').style.width = parseInt(document.getElementById('ttShadow').offsetWidth) + "px";
		document.getElementById('tooltipBox').style.height = (parseInt(document.getElementById('ttShadow').offsetHeight) + 25) + "px";
		document.getElementById('ttDiv').style.width = parseInt(document.getElementById('ttShadow').offsetWidth) + "px"
		document.getElementById('ttDiv').style.height = parseInt(document.getElementById('ttShadow').offsetHeight) + "px";
		
		//resize content DIV (for keeping tooltip shape when minimizing animation runs)
		document.getElementById('ttContent').style.width = (parseInt(document.getElementById('itt_table').offsetWidth)) + "px";
		document.getElementById('ttContent').style.height = (parseInt(document.getElementById('itt_table').offsetHeight)-27) + "px";
		
		//move logo and buttons
		document.getElementById('ditt').style.right = "8px";
	
		//stretch handle
		document.getElementById('handle').style.width = adUnitWidth[lastToolNum] - (adUnitWidth[lastToolNum]-document.getElementById('ditt').offsetWidth-document.getElementById('ditt').offsetLeft) - (document.getElementById('bt_what').offsetWidth + document.getElementById('bt_close').offsetWidth);
		//document.getElementById('handle').style.left = document.getElementById('tab1Div').offsetWidth;

		//move tail to bottom of unit
		document.getElementById('ttTailDiv').style.top = (parseInt(document.getElementById('itt_table').offsetHeight) - 25) + "px";
		
		//use different drop shadow graphic if neccesary
		//ttShadowImage, ttShadow
		if(parseInt(document.getElementById('ttShadow').style.width) > 425){
			document.getElementById('ttShadowImage').src="http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/dropshadow_502x335.png";
			document.getElementById('ttShadow').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/dropshadow_502x335.png\',sizingMethod=\'scale\') alpha(opacity=0)";
		}
		animatePop();
	}
	

	//POSITION TOOL TIP
	var toolTipBoxWidth = document.getElementById('tooltipBox').offsetWidth;
	var toolTipBoxHeight = document.getElementById('tooltipBox').offsetHeight;
	
	var linkPosX = getRealPos(linkRef,'x') + tooltipXOffset;
	var linkPosY = getRealPos(linkRef,'y') - toolTipBoxHeight + tooltipYOffset;

	//Account for page scrolling. Reposition tooltip as neccesary
	if((getScrollX() + document.body.clientWidth) < (linkPosX + toolTipBoxWidth)){
		var tempOffset = (linkPosX + toolTipBoxWidth) - (getScrollX() + document.body.clientWidth);
		linkPosX -= tempOffset + 6;
	}
	if(getScrollY() > linkPosY){
		var tempName = document.getElementById("link" + lastToolNum);
		var tempOffset = tempName.offsetHeight;
		var ttIsBelow = true;
		linkPosY += toolTipBoxHeight - (2*tooltipYOffset) + tempOffset + 4;
		
		//adjust for tail
		linkPosY += 25;
		
		document.getElementById('ttTailDiv').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + tailSrc[lastToolNum][1] + "',sizingMethod='scale')";
		document.getElementById('ttTailImg').src = tailSrc[lastToolNum][1];
		document.getElementById('ttTailDiv').style.top = (parseInt(document.getElementById('itt_table').offsetTop) - 25) + "px";
		//alert(document.getElementById('ttTailDiv').style['filter']);
		//document.getElementById('ttTailImg').style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
		//document.getElementById('ttTailDiv').style['filter'] = "";
		//document.getElementById('ttTailDiv').style['filter'] = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/tooltip_tail_135.png',sizingMethod='scale')";
	}

	//allow for manual positioning override
	if ( (navigator.userAgent.indexOf('Firefox') != -1) && (iVillage == true) ){
		linkPosX += FFxOffsetArray[lastToolNum];
		linkPosY += FFyOffsetArray[lastToolNum];
	} else{
		linkPosX += xOffsetArray[lastToolNum];
		linkPosY += yOffsetArray[lastToolNum];

	}
	
	//ADJUST TOOLTIP TAIL
	//(point left or right or slide if it's in a gray area)
	//slide the tail a bit
	if(linkPosX < (getRealPos(linkRef,'x') - 50) && linkPosX > (getRealPos(linkRef,'x') - 130)){
		document.getElementById('ttTailDiv').style.left = (parseInt(document.getElementById('ttTailDiv').offsetLeft) + 80) + "px";
	}

	//point to the right
	if(linkPosX < (getRealPos(linkRef,'x') - 130) ){
		if(ttIsBelow){
			//up
			document.getElementById('ttTailDiv').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + tailSrc[lastToolNum][2] + "',sizingMethod='scale')";
			document.getElementById('ttTailImg').src = tailSrc[lastToolNum][2];
			document.getElementById('ttTailDiv').style.top = (parseInt(document.getElementById('itt_table').offsetTop) - 25) + "px";
		} else {
			//down
			document.getElementById('ttTailDiv').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + tailSrc[lastToolNum][3] + "',sizingMethod='scale')";
			document.getElementById('ttTailImg').src = tailSrc[lastToolNum][3];
			document.getElementById('ttTailDiv').style.top = (parseInt(document.getElementById('itt_table').offsetHeight) - 25) + "px";
		}
	}
	
	//Make it happen
	var linkPosXString = linkPosX  + "px";
	var linkPosYString = linkPosY  + "px";
	
	document.getElementById('tooltipBox').style.left = linkPosXString;
	document.getElementById('tooltipBox').style.top = linkPosYString;
	
	//KILL TAIL!!
	//tooltip is in a weird place/ to the side of the word
	// (add a 10px buffer zone)
	//alert("tooltip y:" + getRealPos(document.getElementById('tooltipBox'),'y') + " , tooltip height:" + document.getElementById('tooltipBox').offsetHeight + ", word y:" + getRealPos(linkRef,'y'));
	var tempTTY = getRealPos(document.getElementById('tooltipBox'),'y') + 10;
	var tempTTH = document.getElementById('tooltipBox').offsetHeight - 20;
	var tempWY = getRealPos(linkRef,'y');
	if(tempWY > tempTTY && tempWY < (tempTTY + tempTTH)){
		if(temp_ttTailDiv = document.getElementById('ttTailDiv')){
			var temp_ttTailDiv = document.getElementById('ttTailDiv');
			temp_ttTailDiv.parentNode.removeChild(temp_ttTailDiv);
		}
	}

	//THICK DOUBLE UNDERLINE
	underlineOn("link" + indexNum);

	//REVEAL TIP
	document.getElementById('tooltipBox').style.visibility = 'visible';
	
	//ENABLE DRAG
	makeDraggable(document.getElementById('tooltipBox'), document.getElementById('handle'));
	//makeDraggable(document.getElementById('chromeTr'), document.getElementById('chromeTr'));
	
	
	//ANIMATE FREEFORM MPU W/TEXT UNIT
	if(styleArray[lastToolNum]==9){
		//slide('adcopy',0,0,-50,0,.25);
		var areaH = parseInt(document.getElementById('adcopyWindow').offsetHeight);
		var contentH = parseInt(document.getElementById('adcopy').offsetHeight);
		var topY = (areaH/2) - (contentH/2);
		var bottomY = -50;
		
		//adcopyURL
		adcopyURL_TOID = window.setTimeout('alphaBlend(\'adcopyURL\',\'none\',0,100,.5)',500);
		//adcopy_TOID = window.setTimeout('alphaBlend(\'adcopy\',\'none\',0,100,.65)',100);
		//alphaBlend('adcopy','none',0,100,.65);
		adArrow_TOID = window.setTimeout('slide(\'adArrow\', -14, 0, 0, 0, .15)', 1000);
		adCta_TOID = window.setTimeout('slide(\'adCta\', 236, 236, 56, 27, .15)', 1200);
	}
	
	//++++++++++++++++++++++++++
	//	evolved initializations
	//++++++++++++++++++++++++++
	//initialize image overlay animation
	if(styleArray[lastToolNum]==11){
		globalTimeOuts.displayImgScreenTOID = window.setTimeout('displayImgScreen()', 250);
		globalTimeOuts.displayImgAdTOID = window.setTimeout('displayImgAd()', 450);
	}
	
	if(styleArray[lastToolNum]==12){
		ajaxFunctionMusic("Coldplay");
		ajaxFunctionPhoto("Coldplay");
	}
	
	if(styleArray[lastToolNum]==14){
		ajaxFunctionNews("Barack Obama");
		ajaxFunctionVideoNews("Barack Obama");
	}
	
	//++++++++++++++++++++++++++
	
	//var thisdiv = 'adArea';
	//alert("top: " + document.getElementById(thisdiv).style.top + ", left: " + document.getElementById(thisdiv).style.left + ", w: " + document.getElementById(thisdiv).style.width + ", h: " + document.getElementById(thisdiv).style.height);

}