/* Product Demo Code Author: Doug DeMarco © 2009 Vibrant Media Inc. */ /* AD UNIT STYLE ------------- Determines the layout of the Ad Unit. Possible values: 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 9 = Freeform with text 10 = Live Search 11 = Image/Shopping unit 12 = Music Unit 13 = Desitnation Page Preview Unit 14 = News Unit 20 = All-Flash 21 = All-Flash Expandable MPU */ //CHOOOSE ADTYPE HERE -- SET UP FOR BASIC// var styleArray = new Array(); styleArray[0] = 7; styleArray[1] = 11; styleArray[2] = 5; styleArray[3] = 13; styleArray[4] = 14; styleArray[5] = 15; styleArray[6] = 13; styleArray[7] = 13; styleArray[8] = 13; styleArray[9] = 13; /* AD UNIT TITLE */ var titleArray = new Array(); titleArray[0] = "The Brand New BlackBerry® Storm."; //Really = 25M, average around 35+ titleArray[1] = "title goes here"; titleArray[2] = "title goes here"; titleArray[3] = "title goes here"; titleArray[4] = "title goes here"; titleArray[5] = "title goes here"; titleArray[6] = "title goes here"; titleArray[7] = "title goes here"; titleArray[8] = "title goes here"; titleArray[9] = "title goes here"; /* AD UNIT BODY TEXT */ var bodyArray = new Array(); bodyArray[0] = "Do More, Do It Faster w/ 3G Speed. Exclusively from Verizon Wireless.";//100 characters - Really 58M, average=70-85 bodyArray[1] = "body copy goes here"; bodyArray[2] = "body copy goes here"; bodyArray[3] = "body copy goes here"; bodyArray[4] = "body copy goes here"; bodyArray[5] = "body copy goes here"; bodyArray[6] = "body copy goes here"; bodyArray[7] = "body copy goes here"; bodyArray[8] = "body copy goes here"; bodyArray[9] = "body copy goes here"; /* AD UNIT DISPLAY LINK */ var linkArray = new Array(); linkArray[0] = "VerizonWireless.com/Storm";//"Mmmmmmmmmmmmmmmmmmmmmmmmmmaeiou.com";// 35 characters - Really = 24M, average, around 35 linkArray[1] = "www.jcrew.com"; linkArray[2] = "www.zune.net/zunehd"; linkArray[3] = "www.urlGoesHere.com"; linkArray[4] = "www.urlGoesHere.com"; linkArray[5] = "www.urlGoesHere.com"; linkArray[6] = "www.urlGoesHere.com"; linkArray[7] = "www.urlGoesHere.com"; linkArray[8] = "www.urlGoesHere.com"; linkArray[9] = "www.urlGoesHere.com"; /* AD UNIT URL ----------- Default value for the click-through URL. This is the URL that will be launched when the user clicks on the keyword or ad unit (unless the unit is multi-link). NOTE: This URL will NOT launch when the user clicks on any area composed of Flash. Flash clickURLs will need to be passed through via the creative source string */ var urlArray = new Array(); urlArray[0] = "http://search.live.com/results.aspx?q=W3C&go.x=35&go.y=17&form=QBRE&scope=web"; urlArray[1] = "http://www.jcrew.com/AST/Browse/CrewCutBrowse/ShopForGirls/girlslooks.jsp"; urlArray[2] = "http://www.zune.net/zunehd"; urlArray[3] = "http://www.w3.org/History/19921103-hypertext/hypertext/WWW/Link.html"; urlArray[4] = "http://www.bing.com/search?q=barak+obama"; urlArray[5] = "http://en.wikipedia.org/wiki/Tim_Berners-Lee"; urlArray[6] = "http://www.imeem.com/tag/?q=artist:The%20Fray&f=music"; urlArray[7] = "http://www.imeem.com/tag/?q=artist:The%20Fray&f=music"; urlArray[8] = "http://www.imeem.com/tag/?q=artist:The%20Fray&f=music"; urlArray[9] = "http://www.imeem.com/tag/?q=artist:The%20Fray&f=music"; /* CREATIVE SOURCE --------------- Path to the ad unit creative. This URL should lead to the Flash, graphic, or iframe source you want to display. This will also contain any query strings (including the clickURL) you wish to pass into the Flash unit. */ var creativeArray = new Array(); creativeArray[0] = "http://images.intellitxt.com/ast/test/bing_vcs_version2/version2_20090804/livesearch_source.html?cts=0&keyword=W3C&itxthost=vibrantmediatest.us.intellitxt.com&bbcn=http%3A//www.bing.com/search%3Fform%3DMVIBRT%26publ%3DVIBRANTCS%26crea%3DTXT_MVIBRT_CORE_ComScoreTest_convenientsearch_1x1%26adlt%3Dstrict&av=http%3A//vibrantmediatest.us.intellitxt.com/al.asp%3Fipid%3D11084%26di%3D9770552%26syid%3D0%26adid%3D761053%26pid%3D2%26cc%3Dus%26rcc%3Dus%26av%3D1%26ts%3D20090709220211%26so%3D0%26mh%3D234123eda3cd56b40c2fba4be7fdddb0%26ll%3D0%26hbll%3D0%26id%3D835408AF53864ED0A4707F70F6BF9445%26pvu%3D29E3159FE17F4C2D812985D18ABCCAEE%26pvm%3D0b5b2f00a57ab423d7cf13516ce99256&trkimg=http%3A//view.atdmt.com/MRT/view/157912112/direct/01/&url=http%3A//vibrantmediatest.us.intellitxt.com/al.asp%3Fipid%3D11084%26cc%3Dus%26rcc%3Dus%26di%3D9770552%26ts%3D20090709220211%26mh%3D234123eda3cd56b40c2fba4be7fdddb0%26adid%3D761053%26pid%3D2%26id%3D835408AF53864ED0A4707F70F6BF9445%26idh%3D3f7f141e217fda099bdc98307813867e%26pvu%3D29E3159FE17F4C2D812985D18ABCCAEE%26pvm%3D0b5b2f00a57ab423d7cf13516ce99256%26ll%3D0%26ttv%3D1%26llip%3D0%26so%3D21%26hbll%3D0%26redir%3Dhttp%3A//www.bing.com/search"; creativeArray[1] = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/malia_sasha_300x250.jpg"; creativeArray[2] = "http://www.vibrantmedia.com/demos/lab/john_test/microsoft/zunehd/20091015/zune_mgmt.swf?cts=0&channel=1&clickURL=http%3A//demos.intellitxt.com/al.asp%3Fipid%3D5933%26cc%3Dus%26rcc%3Dus%26di%3D2919562%26ts%3D20070222105415%26dmet%3D0%26mh%3Ddc5f7b891c8779643df5a4f416d65801%26adid%3D201922%26id%3D47f2a4e092f64eca84f9dee2ce4e37bb%26idh%3Da07052a669fe7ed754197549930cc677%26ll%3D0%26so%3D12%26redir%3Dhttp%253A//www.zune.net/zunehd"; //creativeArray[3] = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_unit.swf?img=http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_yahoo.jpg&thumb=http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_yahoo_thumb.jpg"; creativeArray[3] = "http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_unit.swf?img=http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_w3c.jpg&thumb=http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/preview_w3c_thumb.jpg"; creativeArray[4] = ""; creativeArray[5] = ""; creativeArray[6] = ""; creativeArray[7] = ""; creativeArray[8] = ""; creativeArray[9] = ""; /* ADTYPE LOGO ----------- this determines what logo you would like to have in the top right corner of the adunit */ var adTypeLogo = new Array(); adTypeLogo[0] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[1] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[2] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[3] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[4] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[5] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[6] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[7] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[8] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" adTypeLogo[9] = "http://images.intellitxt.com/ast/demo_assets/images/VLogo.gif" /* CREATIVE WIDTH -------------- Initial display width (in pixels) of the Flash or graphic */ var creativeWidth = new Array(); creativeWidth[0] = 450; creativeWidth[1] = 300; creativeWidth[2] = 300; creativeWidth[3] = 300; creativeWidth[4] = 88; creativeWidth[5] = 88; creativeWidth[6] = 88; creativeWidth[7] = 88; creativeWidth[8] = 88; creativeWidth[9] = 88; /* CREATIVE HEIGHT --------------- Initial display height (in pixels) of the Flash or graphic. Widescreen: initial height +20 */ var creativeHeight = new Array(); creativeHeight[0] = 250; creativeHeight[1] = 250; creativeHeight[2] = 200; creativeHeight[3] = 185; creativeHeight[4] = 31; creativeHeight[5] = 31; creativeHeight[6] = 31; creativeHeight[7] = 31; creativeHeight[8] = 31; creativeHeight[9] = 31; /* MAXIMUM CREATIVE WIDTH ---------------------- For use in exapandable units: Final display width (in pixels) of the Flash or graphic. MPU expandable: MPU width +14 */ var maxCreativeWidth = new Array(); maxCreativeWidth[0] = 314; maxCreativeWidth[1] = 314; maxCreativeWidth[2] = 314; maxCreativeWidth[3] = 314; maxCreativeWidth[4] = 314; maxCreativeWidth[5] = 314; maxCreativeWidth[6] = 314; maxCreativeWidth[7] = 314; maxCreativeWidth[8] = 314; maxCreativeWidth[9] = 314; /* MAXIMUM CREATIVE HEIGHT ----------------------- For use with expandable units: Final display height (in pixels) of the Flash or graphic. MPU expandable: MPU height +49, Widescreen: final height +20 */ var maxCreativeHeight = new Array(); maxCreativeHeight[0] = 299; maxCreativeHeight[1] = 299; maxCreativeHeight[2] = 299; maxCreativeHeight[3] = 299; maxCreativeHeight[4] = 299; maxCreativeHeight[5] = 299; maxCreativeHeight[6] = 299; maxCreativeHeight[7] = 299; maxCreativeHeight[8] = 299; maxCreativeHeight[9] = 299; /* AD UNIT TAB TITLE 1 ------------------- Text displayed in the tab shaped area in the very top left of the ad unit (usually reads "Advertisement") */ var tab1Array = new Array(); tab1Array[0] = " Search Results"; tab1Array[1] = " Shopping"; tab1Array[2] = " Music"; tab1Array[3] = " Preview"; tab1Array[4] = " News"; tab1Array[5] = " Wikipedia"; tab1Array[6] = " Music"; tab1Array[7] = " Music"; tab1Array[8] = " Music"; tab1Array[9] = " Music"; /* AD UNIT OFFSET X ---------------- Distance, in pixels, along the x coordinate plane to shift the positioning of the ad unit when it appears. Negative values move the unit left, positive values move the unit right. */ var xOffsetArray = new Array(); xOffsetArray[0] = 0; xOffsetArray[1] = 0; xOffsetArray[2] = 0; xOffsetArray[3] = 0; xOffsetArray[4] = 0; xOffsetArray[5] = 0; xOffsetArray[6] = 0; xOffsetArray[7] = 0; xOffsetArray[8] = 0; xOffsetArray[9] = 0; /* AD UNIT OFFSET Y ---------------- Distance, in pixels, along the y coordinate plane to shift the positioning of the ad unit when it appears. Negative values move the unit up, positive values move the unit down. */ var yOffsetArray = new Array(); yOffsetArray[0] = 0; yOffsetArray[1] = 0; yOffsetArray[2] = 0; yOffsetArray[3] = 0; yOffsetArray[4] = 0; yOffsetArray[5] = 0; yOffsetArray[6] = 0; yOffsetArray[7] = 0; yOffsetArray[8] = 0; yOffsetArray[9] = 0; var iVillage = false; /* FF AD UNIT OFFSET X ---------------- If you are getting positioning discrepencies between FF and IE turn make the var iVillage equal true and manipulate the FFxOffsetArray & FFyOffsetArray arrarys. */ var FFxOffsetArray = new Array(); FFxOffsetArray[0] = 0; FFxOffsetArray[1] = 0; FFxOffsetArray[2] = 0; FFxOffsetArray[3] = 0; FFxOffsetArray[4] = 0; FFxOffsetArray[5] = 0; FFxOffsetArray[6] = 0; FFxOffsetArray[7] = 0; FFxOffsetArray[8] = 0; FFxOffsetArray[9] = 0; /* FF AD UNIT OFFSET Y ---------------- If you are getting positioning discrepencies between FF and IE turn make the var iVillage equal true and manipulate the FFxOffsetArray & FFyOffsetArray arrarys. */ var FFyOffsetArray = new Array(); FFyOffsetArray[0] = 0; FFyOffsetArray[1] = 0; FFyOffsetArray[2] = 0; FFyOffsetArray[3] = 0; FFyOffsetArray[4] = 0; FFyOffsetArray[5] = 0; FFyOffsetArray[6] = 0; FFyOffsetArray[7] = 0; FFyOffsetArray[8] = 0; FFyOffsetArray[9] = 0; /* AD UNIT WIDTH ------------- Width, in pixels, of the entire ad unit (including drop shadow) */ var adUnitWidth = new Array(); adUnitWidth[0] = 462; adUnitWidth[1] = 275; adUnitWidth[2] = 312; adUnitWidth[3] = 312; adUnitWidth[4] = 312; adUnitWidth[5] = 312; adUnitWidth[6] = 312; adUnitWidth[7] = 312; adUnitWidth[8] = 312; adUnitWidth[9] = 312; /* AD UNIT HEIGHT -------------- Height, in pixels, of the entire ad unit (including drop shadow) */ var adUnitHeight = new Array(); adUnitHeight[0] = 202; adUnitHeight[1] = 100; adUnitHeight[2] = 202; adUnitHeight[3] = 202; adUnitHeight[4] = 202; adUnitHeight[5] = 202; adUnitHeight[6] = 202; adUnitHeight[7] = 202; adUnitHeight[8] = 202; adUnitHeight[9] = 202; /* LEARN MORE BUTTON ----------------- Name of the learn more button file. Can be swapped depending on the language. Possible values are: "bt_lm_dnsh.gif", "bt_lm_eng.gif", "bt_lm_fr.gif", "bt_lm_grmn.gif", "bt_lm_nwg.gif", or "bt_lm_spn.gif" 1 = Text Only */ var learnMoreButtonFile = "bt_lm_eng.gif"; /* TOOLTIP STYLING --------------- Variables which allow you to adjust the tooltip background color for the roll-over and roll-off states, the font used for the tooltip, the colors of the title and display URL links for the roll-over and roll-off states and whether or not the links should be underlined at any point. */ //tail graphics var tailSrc = new Array(); //DEFAULT //tailSrc[0] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/tooltip_tail.png","http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/tooltip_tail_135.png","http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/tooltip_tail_45.png","http://demos.us.intellitxt.com/demos/lab/doug_test/tooltip_2008/assets/tooltip_tail_315.png"); tailSrc[0] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[1] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[2] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_000000.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_000000.png"); tailSrc[3] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[4] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[5] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[6] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[7] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[8] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); tailSrc[9] = new Array("http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_135_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_315_ffffff.png","http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/tooltip_tail_45_ffffff.png"); //tooltip var tooltipBkgColor = new Array(); tooltipBkgColor[0] = "#ffffff";//"#fbfbfb";//"#EDEDED"; tooltipBkgColor[1] = "#ffffff";//"#EDEDED"; tooltipBkgColor[2] = "#000000"; tooltipBkgColor[3] = "#ffffff"; tooltipBkgColor[4] = "#ffffff"; tooltipBkgColor[5] = "#ffffff"; tooltipBkgColor[6] = "#ffffff"; tooltipBkgColor[7] = "#ffffff"; tooltipBkgColor[8] = "#ffffff"; tooltipBkgColor[9] = "#ffffff"; var tooltipHighlightColor = new Array(); tooltipHighlightColor[0] = "#ffffff";//"#FFFFFF"; tooltipHighlightColor[1] = "#ffffff";//"#FFFFFF"; tooltipHighlightColor[2] = "#000000"; tooltipHighlightColor[3] = "#ffffff"; tooltipHighlightColor[4] = "#ffffff"; tooltipHighlightColor[5] = "#ffffff"; tooltipHighlightColor[6] = "#ffffff"; tooltipHighlightColor[7] = "#ffffff"; tooltipHighlightColor[8] = "#ffffff"; tooltipHighlightColor[9] = "#ffffff"; var tooltipFont = new Array(); tooltipFont[0] = "Verdana, Arial, Helvetica, sans-serif"; tooltipFont[1] = "Verdana, Arial, Helvetica, sans-serif"; tooltipFont[2] = "Arial, Helvetica, sans-serif"; tooltipFont[3] = "Arial, Helvetica, sans-serif"; tooltipFont[4] = "Arial, Helvetica, sans-serif"; tooltipFont[5] = "Arial, Helvetica, sans-serif"; tooltipFont[6] = "Arial, Helvetica, sans-serif"; tooltipFont[7] = "Arial, Helvetica, sans-serif"; tooltipFont[8] = "Arial, Helvetica, sans-serif"; tooltipFont[9] = "Arial, Helvetica, sans-serif"; /*USE THIS FOR FREEFORM AND SITE RESULTS UNITS 5 = Freeform 8 = Site Results */ var bottomBkgColor = new Array(); bottomBkgColor[0] = "#ffffff"; bottomBkgColor[1] = "#ffffff";//"#fbfbfb"; bottomBkgColor[2] = "#000000";//"#fbfbfb"; bottomBkgColor[3] = "#ffffff"; bottomBkgColor[4] = "#ffffff"; bottomBkgColor[5] = "#ffffff"; bottomBkgColor[6] = "#ffffff"; bottomBkgColor[7] = "#ffffff"; bottomBkgColor[8] = "#ffffff"; bottomBkgColor[9] = "#ffffff"; //title field var tooltipTitleColorOff = new Array(); tooltipTitleColorOff[0] = "#000099"; tooltipTitleColorOff[1] = "#000099"; tooltipTitleColorOff[2] = "#000000"; tooltipTitleColorOff[3] = "#000099"; tooltipTitleColorOff[4] = "#000099"; tooltipTitleColorOff[5] = "#000099"; tooltipTitleColorOff[6] = "#000099"; tooltipTitleColorOff[7] = "#000099"; tooltipTitleColorOff[8] = "#000099"; tooltipTitleColorOff[9] = "#000099"; var tooltipTitleColorOn = new Array(); tooltipTitleColorOn[0] = "#000099"; tooltipTitleColorOn[1] = "#000099"; tooltipTitleColorOn[2] = "#000000"; tooltipTitleColorOn[3] = "#000099"; tooltipTitleColorOn[4] = "#000099"; tooltipTitleColorOn[5] = "#000099"; tooltipTitleColorOn[6] = "#000099"; tooltipTitleColorOn[7] = "#000099"; tooltipTitleColorOn[8] = "#000099"; tooltipTitleColorOn[9] = "#000099"; var tooltipTitleDecorationOff = new Array(); tooltipTitleDecorationOff[0] = "none"; tooltipTitleDecorationOff[1] = "none"; tooltipTitleDecorationOff[2] = "none"; tooltipTitleDecorationOff[3] = "none"; tooltipTitleDecorationOff[4] = "none"; tooltipTitleDecorationOff[5] = "none"; tooltipTitleDecorationOff[6] = "none"; tooltipTitleDecorationOff[7] = "none"; tooltipTitleDecorationOff[8] = "none"; tooltipTitleDecorationOff[9] = "none"; var tooltipTitleDecorationOn = new Array(); tooltipTitleDecorationOn[0] = "underline"; tooltipTitleDecorationOn[1] = "underline"; tooltipTitleDecorationOn[2] = "underline"; tooltipTitleDecorationOn[3] = "underline"; tooltipTitleDecorationOn[4] = "underline"; tooltipTitleDecorationOn[5] = "underline"; tooltipTitleDecorationOn[6] = "underline"; tooltipTitleDecorationOn[7] = "underline"; tooltipTitleDecorationOn[8] = "underline"; tooltipTitleDecorationOn[9] = "underline"; //visible URL var tooltipURLColorOff = new Array(); tooltipURLColorOff[0] = "#008000"; tooltipURLColorOff[1] = "#008000"; tooltipURLColorOff[2] = "#008000"; tooltipURLColorOff[3] = "#008000"; tooltipURLColorOff[4] = "#008000"; tooltipURLColorOff[5] = "#008000"; tooltipURLColorOff[6] = "#008000"; tooltipURLColorOff[7] = "#008000"; tooltipURLColorOff[8] = "#008000"; tooltipURLColorOff[9] = "#008000"; var tooltipURLColorOn = new Array(); tooltipURLColorOn[0] = "#008000"; tooltipURLColorOn[1] = "#008000"; tooltipURLColorOn[2] = "#008000"; tooltipURLColorOn[3] = "#008000"; tooltipURLColorOn[4] = "#008000"; tooltipURLColorOn[5] = "#008000"; tooltipURLColorOn[6] = "#008000"; tooltipURLColorOn[7] = "#008000"; tooltipURLColorOn[8] = "#008000"; tooltipURLColorOn[9] = "#008000"; var tooltipURLDecorationOff = new Array(); tooltipURLDecorationOff[0] = "none"; tooltipURLDecorationOff[1] = "none"; tooltipURLDecorationOff[2] = "none"; tooltipURLDecorationOff[3] = "none"; tooltipURLDecorationOff[4] = "none"; tooltipURLDecorationOff[5] = "none"; tooltipURLDecorationOff[6] = "none"; tooltipURLDecorationOff[7] = "none"; tooltipURLDecorationOff[8] = "none"; tooltipURLDecorationOff[9] = "none"; var tooltipURLDecorationOn = new Array(); tooltipURLDecorationOn[0] = "underline"; tooltipURLDecorationOn[1] = "underline"; tooltipURLDecorationOn[2] = "underline"; tooltipURLDecorationOn[3] = "underline"; tooltipURLDecorationOn[4] = "underline"; tooltipURLDecorationOn[5] = "underline"; tooltipURLDecorationOn[6] = "underline"; tooltipURLDecorationOn[7] = "underline"; tooltipURLDecorationOn[8] = "underline"; tooltipURLDecorationOn[9] = "underline"; /* ========================== 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 += '
'; //outputString += '
'; /* for(x=0; x'; var lastEdge = ""; if(x==xmlDoc.getElementsByTagName("thumbnailUrl").length-1){ lastEdge = "border-right:0px;"; } outputString += '
 
'; } */ try{ imgSrc = xmlDoc.getElementsByTagName("thumbnailUrl")[0].childNodes[0].nodeValue; }catch(e){}; outputString += '
'; //output to imgDisplayDiv document.getElementById('imgDisplayDiv').innerHTML = outputString; //render images /*for(x=0; x2) 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 += '
' + thisTime + '' + thisTitle + '' + thisAlbum + '
'; } //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 = "  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 (wmaxW) { 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 = ""; 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 = ""; 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 = ""; 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('videoNewsListDiv') != 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; x2) 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; x2) 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; x2) 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; x2) break; var thisVideoSource = "" thisVideoSource = VideoXMLDoc.getElementsByTagName("sourcetitle")[x].childNodes[0].nodeValue; videoWebsiteSourceArray[x] = thisVideoSource; //alert(thisVideoSource); } var videoURLArray = new Array(); for(x=0; x2) break; var varVideoUrl = "" varVideoUrl = VideoXMLDoc.getElementsByTagName("document")[x].getElementsByTagName("url")[0].childNodes[0].nodeValue; videoURLArray[x] = varVideoUrl; video_redirect=videoURLArray; } /* videoOutputString1 += '
'+ myVideoTitlearray[0]+'
'+videoWebsiteSourceArray[0]+'
' videoOutputString2 += '
'+ myVideoTitlearray[1]+'
'+videoWebsiteSourceArray[1]+'
' videoOutputString3 += '
'+ myVideoTitlearray[2]+'
'+videoWebsiteSourceArray[2]+'
' */ //var imgSize1 = calculateImgResize(w, h, maxW, maxH); videoOutputString1 += '
'+ myVideoTitlearray[0]+'
'+videoWebsiteSourceArray[0]+'
' videoOutputString2 += '
'+ myVideoTitlearray[1]+'
'+videoWebsiteSourceArray[1]+'
' videoOutputString3 += '
'+ myVideoTitlearray[2]+'
'+videoWebsiteSourceArray[2]+'
' 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(); //------------- OLD NEWS FEED CODE -------------- /* for(x=0; x10) break; var thisElemnt1 = ""; thisElemnt1 = xmlDoc.getElementsByTagName("news:NewsResult")[0].childNodes[x].childNodes[0].nodeValue; myarray[x] = thisElemnt1; alert(myarray[x]); var thisElemnt2 = ""; thisElemnt2 = xmlDoc.getElementsByTagName("news:Title")[10+x].childNodes[0].nodeValue; myarray2[x] = thisElemnt2; // alert(myarray[x]); var thisElemnt3 = ""; thisElemnt3 = xmlDoc.getElementsByTagName("news:Title")[20+x].childNodes[0].nodeValue; myarray3[x] = thisElemnt3; } */ // ---------------- UPDATED NEWS FEED CODE 2010-01-20 BY PETE G --------------- //var title1 = xmlDoc.getElementsByTagName("news:NewsResult")[0].childNodes[0].childNodes[0].nodeValue; var title1 = xmlDoc.getElementsByTagName("news:NewsResult")[0].getElementsByTagName("news:Title")[0].childNodes[0].nodeValue; var title2 = xmlDoc.getElementsByTagName("news:NewsResult")[1].getElementsByTagName("news:Title")[0].childNodes[0].nodeValue; var title3 = xmlDoc.getElementsByTagName("news:NewsResult")[2].getElementsByTagName("news:Title")[0].childNodes[0].nodeValue; var url1 = xmlDoc.getElementsByTagName("news:NewsResult")[0].getElementsByTagName("news:Url")[0].childNodes[0].nodeValue; var url2 = xmlDoc.getElementsByTagName("news:NewsResult")[1].getElementsByTagName("news:Url")[0].childNodes[0].nodeValue; var url3 = xmlDoc.getElementsByTagName("news:NewsResult")[2].getElementsByTagName("news:Url")[0].childNodes[0].nodeValue; var body1 = xmlDoc.getElementsByTagName("news:NewsResult")[0].getElementsByTagName("news:Snippet")[0].childNodes[0].nodeValue; var body2 = xmlDoc.getElementsByTagName("news:NewsResult")[1].getElementsByTagName("news:Snippet")[0].childNodes[0].nodeValue; var body3 = xmlDoc.getElementsByTagName("news:NewsResult")[2].getElementsByTagName("news:Snippet")[0].childNodes[0].nodeValue; var source1 = xmlDoc.getElementsByTagName("news:NewsResult")[0].getElementsByTagName("news:Source")[0].childNodes[0].nodeValue; var source2 = xmlDoc.getElementsByTagName("news:NewsResult")[1].getElementsByTagName("news:Source")[0].childNodes[0].nodeValue; var source3 = xmlDoc.getElementsByTagName("news:NewsResult")[2].getElementsByTagName("news:Source")[0].childNodes[0].nodeValue; //Truncate the nody copy; body1 = textTrunc(body1,100); body2 = textTrunc(body2,100); body3 = textTrunc(body3,100); //alert(myarray3[8]); outputString1 += '
' + title1 + '
' + body1 + ''+source1+'

' + title2 + '
' + body2 + ''+source2+'

' + title3 + '
' + body3+ ''+source3+'
'; //alert(outputString1); //output to trackListDiv document.getElementById('newsListDiv').innerHTML = outputString1; //alert(outputString1); } function updateNews(){ var thisQuery2 = document.getElementById('searchNews').value;//searchMusic document.getElementById('newsListDiv').innerHTML = "  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 = "#888888"; document.getElementById(thisWord).style.margin = '0px'; document.getElementById(thisWord).style.border = '1px solid #888888'; document.getElementById(thisWord).style.textDecoration = 'none'; //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 = "#0000cc"; //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 += '
' // //new displayString += '
' displayString += '[Flash was not detected]' //new displayString += '
' displayString += '
' displayString += '
' } else { //------------------------- // HTML LAYOUTS //------------------------- // ** Top half of tooltip //NEW STYLE // /* displayString += '
' // displayString += '
' */ displayString += '
' // displayString += '
'; // displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' // //displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += '
' switch(true){ case(styleArray[lastToolNum]==2): // _________________________________ // // Small Logo Layout // _________________________________ displayString += ' ' //title displayString += ' ' displayString += ' ' displayString += ' ' //visible url displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += ' ' + titleArray[lastToolNum] + '
 ' displayString += '
' + bodyArray[lastToolNum] + '
' displayString += '
' + linkArray[lastToolNum] + '
' break; case(styleArray[lastToolNum]==3): // _________________________________ // // Brandbox Layout // _________________________________ displayString += ' ' //body copy displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' //visible url displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += ' ' + titleArray[lastToolNum] + '
' displayString += ' ' + bodyArray[lastToolNum] + '' displayString += ' 		' displayString += '
' displayString += '
' + linkArray[lastToolNum] + '
' break; case(styleArray[lastToolNum]==4): // _________________________________ // // Billboard Layout // _________________________________ displayString += ' ' //creative displayString += ' ' displayString += ' ' displayString += ' ' //title displayString += ' ' displayString += ' ' displayString += ' ' //body copy displayString += ' ' displayString += ' ' displayString += ' ' //visible url displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += '
' displayString += '
' displayString += ' ' + titleArray[lastToolNum] + '' displayString += '
' displayString += ' ' + bodyArray[lastToolNum] + '' displayString += '
' + linkArray[lastToolNum] + '
' break; case(styleArray[lastToolNum]==5): // _________________________________ // // Freeform // _________________________________ displayString += '' //creative displayString += '' displayString += '' displayString += '' displayString += '
' displayString += '
' displayString += '
' break; case(styleArray[lastToolNum]==6): // _________________________________ // // HTML Expandable/ Widescreen // _________________________________ displayString += ' ' //title, body copy, placeholder displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' //visible url displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += ' ' + titleArray[lastToolNum] + '' + bodyArray[lastToolNum] + '' displayString += ' ' displayString += '
' displayString += '
' + linkArray[lastToolNum] + '
' break; case(styleArray[lastToolNum]==7): // _________________________________ // // IFRAME // _________________________________ displayString += '' //creative displayString += '' displayString += '' displayString += '' displayString += '
' displayString += '
' displayString += '
' break; case(styleArray[lastToolNum]==9): // _________________________________ // // Freeform with Text // _________________________________ displayString += '' //creative displayString += '' displayString += '' displayString += '' displayString += '' displayString += '' displayString += '' displayString += '
' displayString += '
' displayString += '
' displayString += '
'; displayString += '
'; //displayString += '
'; displayString += '
'; displayString += ' ' + titleArray[lastToolNum] + '
'; displayString += ' ' + bodyArray[lastToolNum] + '
'; displayString += '
' + linkArray[lastToolNum] + '
'; displayString += '
' displayString += '
'; displayString += '
' displayString += '
' break; case(styleArray[lastToolNum]==10): // _________________________________ // // LIVE SEARCH WINDOW // _________________________________ //450x250 displayString += '
'; //improved search area //http://demos.us.intellitxt.com/demos/lab/doug_test/hyperlink_evolved/assets/bkg_search.gif displayString += '
'; displayString += '
 
'; displayString += '
'; displayString += '
'; // //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 += '
'; //highlight text field: document.getElementById(\'q\').focus() //loading animation (don't display load animaiton in opera, onload never fires) if(thisBrowser != "opera") displayString += '
'; //drop shadow over lays .GIF displayString += '
'; displayString += '
'; displayString += '
'; displayString += '
'; // displayString += '
'; displayString += '
'; displayString += '
'; break; case(styleArray[lastToolNum]==11): // _________________________________ // // Image / shopping // _________________________________ var imagePad = 6; var boxH = 80; var boxPad = 6; displayString += '
'; //image displayString += '
'; //black screen displayString += ' '; //text displayString += ' '; //button displayString += ' '; displayString += '
'; break; case(styleArray[lastToolNum]==12): // _________________________________ // // Music unit // _________________________________ //OLD displayString += '
'; //placeholder displayString += '
'; //FF positioning nonsense workaround var bOffset = 0; if(thisBrowser == "ff") bOffset = 6; //search displayString += '
'; //search arrow displayString += '
'; //image displayString += '
 
'; //tracks displayString += '
  Loading tracks...
'; //music player displayString += '
Loading player...
'; displayString += '
'; break; case(styleArray[lastToolNum]==13): // _________________________________ // // Destination Page Preview // _________________________________ displayString += '
'; displayString += '
'; //non-flash content goes here displayString += '
'; //FF positioning nonsense workaround var bOffset = 0; if(thisBrowser == "ff") bOffset = 6; displayString += '
'; displayString += '
'; displayString += '
'; displayString += '
You are looking at a preview of: ' + urlArray[lastToolNum] + '
'; displayString += '
'; //set to true to enable Flash version... isFlash =false; break; case(styleArray[lastToolNum]==14): // _________________________________ // // News Unit // _________________________________ displayString += '
'; //placeholder displayString += '
'; //FF positioning nonsense workaround var bOffset = 0; if(thisBrowser == "ff") bOffset = 6; //search displayString += '
'; //search arrow displayString += '
'; displayString += '
' displayString += '
' displayString += '
  Loading Videos...
' displayString += '
' displayString += '
  Loading Articles...
'; displayString += '
'; break; case(styleArray[lastToolNum]==15): // _________________________________ // // Wikipedia Unit // _________________________________ displayString += '
'; displayString += '
Tim Berners-Lee' displayString += '

Sir Timothy John Berners-Lee, Is an English computer scientist and MIT professor credited with inventing' displayString += ' the World Wide Web.
On 25 December 1990 he implemented the first successful communication between an HTTP client and server via the Internet with the help of Robert Cailliau and a young student staff at CERN. He was ranked Joint First alongside' displayString += ' Albert Hofmann in The Telegraph\'s list of 100 greatest living geniuses...

Next Section: Early life

'; displayString += '
'; break; default: // _________________________________ // // Basic Text-Only Layout [default] // _________________________________ displayString += ' ' //title displayString += ' ' displayString += ' ' displayString += ' ' //Call to action button displayString += ' ' displayString += ' ' displayString += ' ' //visible url displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' displayString += ' ' + titleArray[lastToolNum] + '
 ' displayString += ' ' + bodyArray[lastToolNum] + '' displayString += '
' displayString += ' Learn More' displayString += '
' + linkArray[lastToolNum] + '
' } // ** Bottom half of tooltip /* displayString += '
' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' */ displayString += '
' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += ' ' displayString += '
' // displayString += '
' // displayString += '
' + tab1Array[lastToolNum] + '
' // //red/blue buttons displayString += '
Vibrantwhat\'s this?close
' //all-green buttons //displayString += '
Vibrantwhat\'s this?close
' // displayString += '
' displayString += '
' //HTML Widescreen Flash embed if(styleArray[lastToolNum]==6){ displayString += '
'; } } //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("Jay-z"); ajaxFunctionPhoto("Jay-z"); } 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); }