ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <base href="http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html" /> <title>Ökostrom: Verbraucher wollen umweltfreundliche Energie - COMPUTER BILD</title> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="X-UA-Compatible" content="IE=7.0" /> <meta name="content-language" content="de" /> <meta name="language" content="deutsch, de" /> <link rel="shortcut icon" href="http://i.computer-bild.de/favicon.ico" /> <meta name="keywords" content="Ökostrom, Strom-Tarifrechner, erneuerbare Energie, Umfrage, energiesparend" /><meta name="description" content="Umfrage: Ökostrom setzt sich durch Laut TNS Infratest bevorzugt die Mehrheit der deutschen umweltverträglich produzierte Energie." /><meta name="robots" content="NOODP" /><meta name="googlebot" content="NOODP" /> <!-- META ROBOTS; ETC --> <!-- CSS --> <link href="http://i.computer-bild.de/css/styles20100126.css?20100127" rel="stylesheet" type="text/css"/> <!--[if lte IE 8]> <link href="http://i.computer-bild.de/css/ie7_20100126.css?20100127" rel="stylesheet" type="text/css" /> <![endif]--> <!--[if lte IE 6]> <link href="http://i.computer-bild.de/css/ie6_20100126.css?20100127" rel="stylesheet" type="text/css" /> <![endif]--> <!-- JS --> <script type="text/javascript" src="http://i.computer-bild.de/_js/lib/prototype.js"></script> <script type="text/javascript" src="http://i.computer-bild.de/_js/lib/scriptaculous.js"></script> <script type="text/javascript" src="http://i.computer-bild.de/_js/overlib/Mini/overlib_mini.js"></script> <script type="text/javascript" src="http://i.computer-bild.de/_js/main_functions.js"></script> <script type="text/javascript" src="http://i.computer-bild.de/_js/menu.js"></script> <script type="text/javascript" src="http://i.computer-bild.de/js/javascript.js?20100127b"></script> <script type="text/javascript" src="http://i.computer-bild.de/_js/swfobject.js"></script> <script type="text/javascript"> // <![CDATA[ function content_review_submit(review_value) { document.forms['content_review'].elements['review_value'].value = review_value; document.forms['content_review'].submit(); } var glossar_infos = { }; // ]]> </script> <script type="text/javascript" language="javascript" src="http://i.computer-bild.de/_js/lytebox/lytebox.js"></script> <link rel="stylesheet" href="http://i.computer-bild.de/_js/lytebox/lytebox.css" type="text/css" media="screen" /> <link rel="search" title="COMPUTER BILD-Suche" type="application/opensearchdescription+xml" href="http://addons.computerbild.de/opensearch/opensearch.xml" /> <script type="text/javascript"><!-- adServerURL = 'http://ww251.smartadserver.com/track/comp.asp?site=10021&keyword=NUGGVARS'; adServerURL = encodeURIComponent(adServerURL); var nuggcall= new Image(); nuggcall.src = 'http://asv.nuggad.net/bk?nuggn=1569905102&nuggsid=210742245&nuggl='+adServerURL; //--></script> <script type="text/javascript"><!-- if(window.adgroupid == undefined) { window.adgroupid = Math.round(Math.random() * 1000 ); } //--> </script> <script type="text/javascript" src="http://cdn1.smartadserver.com/diff/251/smartad.js"></script> <link href="http://www.computerbild.de/rssfeed_2261.html?node=66" rel="alternate" type="application/rss+xml" title="COMPUTER BILD" /> </head> <body> <!--PASTE JUST AFTER OPENING BODY TAG: .............................................. -------------------------------------------- ------------------------- Vibrant Ad Unit Demo Code ------------------------- UPDATED: 7/14/2008 ----------------------------------------------- --> <!-- CSS FORMATTING -------------- Adjusts the CSS associated with the double underlined keyword and ensures tooltip formatting isn't inherited from the web page --> <style> .intellitextLink{ text-decoration:underline; border-bottom:darkgreen 1px solid; padding-bottom: 1px; color:darkgreen; background-color:transparent; cursor:pointer; cursor:hand; } .intellitxtTooltip{ border:none; border-style:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; background-color:transparent; } </style> <script language="JavaScript" type="text/javascript" src="http://images.intellitxt.com/ast/demo_assets/swfobject.js"></script> <script language="JavaScript" type="text/javascript"> /* ========================== EDITABLE TOOLTIP VARIABLES ========================== */ /* 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 20 = All-Flash 21 = All-Flash Expandable MPU */ //CHOOOSE ADTYPE HERE -- SET UP FOR BASIC// var styleArray = new Array(); styleArray[0] = 5; styleArray[1] = 5; styleArray[2] = 5; /* AD UNIT TITLE ------------- USE THIS FOR: ------------- 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 6 = HTML Expandable/Widescreen */ var titleArray = new Array(); titleArray[0] = "title goes here"; titleArray[1] = "title goes here"; titleArray[2] = "title goes here"; /* AD UNIT BODY TEXT ----------------- Text displayed as the body copy of the ad unit USE THIS FOR: ------------- 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 6 = HTML Expandable/Widescreen */ var bodyArray = new Array(); bodyArray[0] = "body copy goes here"; bodyArray[1] = "body copy goes here"; bodyArray[2] = "body copy goes here"; /* AD UNIT DISPLAY LINK -------------------- Text displayed as the "visible URL" for the ad unit USE THIS FOR: ------------- 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 6 = HTML Expandable/Widescreen */ var linkArray = new Array(); linkArray[0] = "www.urlGoesHere.com"; linkArray[1] = "www.urlGoesHere.com"; linkArray[2] = "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 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var urlArray = new Array(); urlArray[0] = "http://www.siemens.com/answers/cc/de/"; urlArray[1] = "http://www.landingPageURLGoesHere.com"; urlArray[2] = "http://www.landingPageURLGoesHere.com"; /* 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. 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var creativeArray = new Array(); creativeArray[0] = "http://images.intellitxt.com/ast/vmFlashPreloaders/prod/multiVideoUnit_expandable.swf?mvuData=http://images.intellitxt.com/ast/Siemens%20BSH_DE/vmde34432/007/siemens_vmde34432_data_0513.xml&clickURL=http%253A//g4.sfo.intellitxt.com/al.asp%253Fipid%253D5933%2526cc%253Dus%2526rcc%253Dus%2526di%253D2919562%2526ts%253D20070222105415%2526dmet%253D0%2526mh%253Ddc5f7b891c8779643df5a4f416d65801%2526adid%253D201922%2526id%253D47f2a4e092f64eca84f9dee2ce4e37bb%2526idh%253Da07052a669fe7ed754197549930cc677%2526ll%253D0%2526so%253D12%2526redir%253Dhttp%25253A//www.hp.com&tracker1=http%253A//g4.sfo.intellitxt.com/al.asp%253Fipid%253D5933%2526di%253D2919562%2526syid%253D0%2526adid%253D201922%2526ts%253D20070222105415%2526dmet%253D0%2526mh%253Ddc5f7b891c8779643df5a4f416d65801%2526av%253D3&tracker2=http%253A//g4.sfo.intellitxt.com/al.asp%253Fipid%253D5933%2526di%253D2919562%2526syid%253D0%2526adid%253D201922%2526ts%253D20070222105415%2526dmet%253D0%2526mh%253Ddc5f7b891c8779643df5a4f416d65801%2526av%253D"; creativeArray[1] = "http://demos.us.intellitxt.com/demos/custom/logos/image_placeholder300x200.gif"; creativeArray[2] = "http://demos.us.intellitxt.com/demos/custom/logos/image_placeholder300x200.gif"; /* ADTYPE LOGO ----------- this determines what logo you would like to have in the top right corner of the adunit 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ 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" /* CREATIVE WIDTH -------------- Initial display width (in pixels) of the Flash or graphic 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var creativeWidth = new Array(); creativeWidth[0] = 325; creativeWidth[1] = 300; creativeWidth[2] = 300; /* CREATIVE HEIGHT --------------- Initial display height (in pixels) of the Flash or graphic. Widescreen: initial height +20 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var creativeHeight = new Array(); creativeHeight[0] = 225; creativeHeight[1] = 200; creativeHeight[2] = 200; /* MAXIMUM CREATIVE WIDTH ---------------------- For use in exapandable units: Final display width (in pixels) of the Flash or graphic. MPU expandable: MPU width +14 6 = HTML Expandable/Widescreen 21 = All-Flash Expandable MPU */ var maxCreativeWidth = new Array(); maxCreativeWidth[0] = 100; maxCreativeWidth[1] = 314; maxCreativeWidth[2] = 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 6 = HTML Expandable/Widescreen 21 = All-Flash Expandable MPU */ var maxCreativeHeight = new Array(); maxCreativeHeight[0] = 100; maxCreativeHeight[1] = 299; maxCreativeHeight[2] = 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") 8 = Site Results */ // // de = "Werbung"; // it = "Pubblicità"; or Pubblicit&agrave; if using in the MPU Expandable. // se = "Annons"; // dk = "Annonce"; // es = "Publicidad"; // fr = "Publicité"; // nl = "Advertentie"; // no = "Annonse"; // var tab1Array = new Array(); tab1Array[0] = "Werbung"; tab1Array[1] = "Advertisement"; tab1Array[2] = "Advertisement"; /* 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. 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var xOffsetArray = new Array(); xOffsetArray[0] = 0; xOffsetArray[1] = 0; xOffsetArray[2] = 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. 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var yOffsetArray = new Array(); yOffsetArray[0] = 0; yOffsetArray[1] = 0; yOffsetArray[2] = 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; /* 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; /* AD UNIT WIDTH ------------- Width, in pixels, of the entire ad unit (including drop shadow) 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var adUnitWidth = new Array(); adUnitWidth[0] = 315; adUnitWidth[1] = 315; adUnitWidth[2] = 315; /* AD UNIT HEIGHT -------------- Height, in pixels, of the entire ad unit (including drop shadow) 1 = Text Only 2 = Small Logo 3 = Brandbox 4 = Billboard 5 = Freeform 6 = HTML Expandable/Widescreen 7 = IFrame 8 = Site Results 20 = All-Flash 21 = All-Flash Expandable MPU */ var adUnitHeight = new Array(); adUnitHeight[0] = 175; adUnitHeight[1] = 175; adUnitHeight[2] = 175; /* 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. */ //tooltip var tooltipBkgColor = new Array(); tooltipBkgColor[0] = "#0054a8"; tooltipBkgColor[1] = "#EDEDED"; tooltipBkgColor[2] = "#EDEDED"; var tooltipHighlightColor = new Array(); tooltipHighlightColor[0] = "#b40013"; tooltipHighlightColor[1] = "#FFFFFF"; tooltipHighlightColor[2] = "#FFFFFF"; var tooltipFont = new Array(); tooltipFont[0] = "Arial, Verdana, Helvetica, sans-serif"; tooltipFont[1] = "Arial, Verdana, Helvetica, sans-serif"; tooltipFont[2] = "Arial, Verdana, Helvetica, sans-serif"; /*USE THIS FOR FREEFORM AND SITE RESULTS UNITS 5 = Freeform 8 = Site Results */ var bottomBkgColor = new Array(); bottomBkgColor[0] = "#b40013"; bottomBkgColor[1] = "#bbbbbb"; bottomBkgColor[2] = "#bbbbbb"; //title field var tooltipTitleColorOff = new Array(); tooltipTitleColorOff[0] = "#000099"; tooltipTitleColorOff[1] = "#000099"; tooltipTitleColorOff[2] = "#000099"; var tooltipTitleColorOn = new Array(); tooltipTitleColorOn[0] = "#000099"; tooltipTitleColorOn[1] = "#000099"; tooltipTitleColorOn[2] = "#000099"; var tooltipTitleDecorationOff = new Array(); tooltipTitleDecorationOff[0] = "none"; tooltipTitleDecorationOff[1] = "none"; tooltipTitleDecorationOff[2] = "none"; var tooltipTitleDecorationOn = new Array(); tooltipTitleDecorationOn[0] = "underline"; tooltipTitleDecorationOn[1] = "underline"; tooltipTitleDecorationOn[2] = "underline"; //visible URL var tooltipURLColorOff = new Array(); tooltipURLColorOff[0] = "#008000"; tooltipURLColorOff[1] = "#008000"; tooltipURLColorOff[2] = "#008000"; var tooltipURLColorOn = new Array(); tooltipURLColorOn[0] = "#008000"; tooltipURLColorOn[1] = "#008000"; tooltipURLColorOn[2] = "#008000"; var tooltipURLDecorationOff = new Array(); tooltipURLDecorationOff[0] = "none"; tooltipURLDecorationOff[1] = "none"; tooltipURLDecorationOff[2] = "none"; var tooltipURLDecorationOn = new Array(); tooltipURLDecorationOn[0] = "underline"; tooltipURLDecorationOn[1] = "underline"; tooltipURLDecorationOn[2] = "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 = 15; //default horizontal distance from the top/left of the keyword in which the tooltip will appear var tooltipYOffset = -10; //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 //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://images.intellitxt.com/ast/demo_assets/images/bt_what_on.gif"; bt_what_off.src = "http://images.intellitxt.com/ast/demo_assets/images/bt_what_off.gif"; bt_close_on.src = "http://images.intellitxt.com/ast/demo_assets/images/bt_close_on.gif"; bt_close_off.src = "http://images.intellitxt.com/ast/demo_assets/images/bt_close_off.gif"; //============================================= //FUNCTIONS //============================================= //Tooltip resize - expand/minimize from Flash var tooltipBox_width; var myFlashMovie_width; var myFlashMovie_height; var handle_width; var ttShadow_width; var ttShadowImage_width; var ttShadow_height; var ttShadowImage_height; var minimizedCaptured=false; function mvuExpand(xWidth, xHeight, resizeType){ whichDrag = "maximized"; if(minimizedCaptured==false){ tooltipBox_width = document.getElementById('tooltipBox').style.width; myFlashMovie_width= document.getElementById('myFlashMovie').style["width"]; myFlashMovie_height=document.getElementById('myFlashMovie').style["height"]; handle_width= document.getElementById('handle').style["width"]; ttShadow_width=document.getElementById('ttShadow').style.width; ttShadowImage_width=document.getElementById('ttShadowImage').style.width; ttShadow_height= document.getElementById('ttShadow').style.height; ttShadowImage_height=document.getElementById('ttShadowImage').style.height; minimizedCaptured=true; } if(resizeType==1){ //grab size of DIV that holds the tooltip (account for 14px drop shadow) var initW = parseInt(document.getElementById('tooltipBox').offsetWidth); var wDiff = xWidth-initW //enlarge DIV that holds tooltip (account for 14px drop shadow) document.getElementById('tooltipBox').style.width = (xWidth + 12) + "px"; //enlarge Flash document.getElementById('myFlashMovie').style["width"] = xWidth + "px"; document.getElementById('myFlashMovie').style["height"] = xHeight + "px"; //extend width of tooltip drag handle (just approximating for now) document.getElementById('handle').style["width"] = (xWidth - 150) + "px"; //resize shadow porportionally document.getElementById('ttShadow').style.width = (document.getElementById('itt_table').offsetWidth); document.getElementById('ttShadowImage').style.width = (document.getElementById('itt_table').offsetWidth); document.getElementById('ttShadow').style.height = (document.getElementById('itt_table').offsetHeight); document.getElementById('ttShadowImage').style.height = (document.getElementById('itt_table').offsetHeight); } else{ document.getElementById('tooltipBox').style.width = tooltipBox_width; //enlarge Flash document.getElementById('myFlashMovie').style["width"] = myFlashMovie_width; document.getElementById('myFlashMovie').style["height"] = myFlashMovie_height; //extend width of tooltip drag handle (just approximating for now) document.getElementById('handle').style["width"] = handle_width; //resize shadow porportionally document.getElementById('ttShadow').style.width = ttShadow_width; document.getElementById('ttShadowImage').style.width = ttShadowImage_width; document.getElementById('ttShadow').style.height = ttShadow_height; document.getElementById('ttShadowImage').style.height = ttShadowImage_height; } } //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"); } //DHTML style and property change functions function changeStyle(objectID, propertyName, propertyValue){ document.getElementById(objectID).style[propertyName] = propertyValue; } function changeProperty(objectID, propertyName, propertyValue){ document.getElementById(objectID)[propertyName] = propertyValue; } function getStyleValue(objectID, propertyName){ return document.getElementById(objectID).style[propertyName]; } function getPropertyValue(objectID, propertyName){ return document.getElementById(objectID)[propertyName]; } 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 { return document.body.scrollTop; } } function getScrollX(){ if(window.pageXOffset != null){ return window.pageXOffset; } else { return document.body.scrollLeft; } } function adDelay(){ ttIsVis = false; //close box changeStyle('tooltipBox', 'visibility', 'hidden'); //clear ID clearInterval(hideID); //clear status message displayStatus(' '); //clear ad content to turn off possible flash audio changeProperty('tooltipBox', 'innerHTML', ""); } function clearAdInterval(){ clearInterval(hideID); } function hideAd(){ underlineOff("link" + lastToolNum); if(whichDrag == ""){ 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 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 if(styleArray[lastToolNum]<20){ for(var x=1;x<7;x++){ var tempID = "cZn" + x; document.getElementById(tempID).style.background = tooltipBkgColor[lastToolNum]; } } } function animatePop(){ //move entire tooltip slide('tooltipBox',document.getElementById('tooltipBox').offsetLeft,document.getElementById('tooltipBox').offsetLeft - 10,document.getElementById('tooltipBox').offsetTop,document.getElementById('tooltipBox').offsetTop-10,.2); //slide down shadow slide('ttShadow',document.getElementById('ttShadow').offsetLeft,document.getElementById('ttShadow').offsetLeft + 10,document.getElementById('ttShadow').offsetTop,document.getElementById('ttShadow').offsetTop + 10,.2); } // -------------------------------------------------- // 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 = 30*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(){ selfReference.growStep++; if(selfReference.growStep <= steps){ //resize object var tempW = growWArray[selfReference.growStep] + "px"; var tempH = growHArray[selfReference.growStep] + "px"; changeStyle(selfReference.nameString, 'width', tempW); changeStyle(selfReference.nameString, 'height', tempH); } else { //account for remainder in case "step" is not a whole-number value var tempW = endW + "px"; var tempH = endH + "px"; changeStyle(selfReference.nameString, 'width', tempW); changeStyle(selfReference.nameString, 'height', tempH); clearInterval(selfReference.growID); } } }; function killGrow(objectName){ var objectRef = document.getElementById(objectName); if(typeof objectRef.growID == "number")clearInterval(objectRef.growID); }; function slide(objectName,startX,endX,startY,endY,slideTime){ var objectRef = document.getElementById(objectName); if(typeof objectRef.slideID== "number")clearInterval(objectRef.slideID); var time = slideTime*1000;//duration of the blend in miliseconds var steps = 30*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(){ selfReference.slideStep++; if(selfReference.slideStep <= steps){ //resize object var tempX = slideXArray[selfReference.slideStep] + "px"; var tempY = slideYArray[selfReference.slideStep] + "px"; changeStyle(selfReference.nameString, 'left', tempX); changeStyle(selfReference.nameString, 'top', tempY); } else { //account for remainder in case "step" is not a whole-number value var tempX = endX + "px"; var tempY = endY + "px"; changeStyle(selfReference.nameString, 'left', tempX); changeStyle(selfReference.nameString, 'top', tempY); clearInterval(selfReference.slideID); } } }; function killSlide(objectName){ var objectRef = document.getElementById(objectName); if(typeof objectRef.slideID == "number")clearInterval(objectRef.slideID); }; 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); } } // -------------------------------------------------- // -------------------------------------------------- //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'; dragObject.style.top = mousePos.y - mouseOffset.y; dragObject.style.left = mousePos.x - mouseOffset.x; 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){ changeStyle(thisWord, 'borderBottomWidth', '3px'); } function underlineOff(thisWord){ changeStyle(thisWord, 'borderBottomWidth', '1px'); } function displayAd(indexNum){ //clear hide delay clearInterval(hideID); //if the tooltip is already visible, keep the higlighted underline but don't relaunch if(ttIsVis && indexNum == lastToolNum) { underlineOn("link" + indexNum); return; } //tooltip is visible ttIsVis = true; //global variable adjustments lastToolNum = indexNum; //sets the number of lastToolNum to match the current unit hasEnlarged = false; //resets state of expandable unit whichDrag = ""; //resets which tooltip is being dragged //unit width override based on layout //brandbox if(styleArray[lastToolNum]==3){ adUnitWidth[lastToolNum] = 330; } //HTML widescreen if(styleArray[lastToolNum]==6){ adUnitWidth[lastToolNum] = 325; } //billboard if(styleArray[lastToolNum]==4){ adUnitWidth[lastToolNum] = 250; } //freeform or iframe (shrink to fit creative, no border) if(styleArray[lastToolNum]==5 || styleArray[lastToolNum]==7){ adUnitWidth[lastToolNum] = creativeWidth[lastToolNum] + 12; adUnitHeight[lastToolNum] = creativeHeight[lastToolNum] + 27; } //local variables var linkRefString = "link" + indexNum; var linkRef = document.getElementById(linkRefString); var boxWidth = adUnitWidth[lastToolNum] - 10; var boxHeight = adUnitHeight[lastToolNum] - 10; var contentTableHeight = boxHeight - 27; var handleWidth = adUnitWidth[lastToolNum]-150; var isFlash = (creativeArray[lastToolNum].toLowerCase().indexOf(".swf")!= -1 && styleArray[lastToolNum] > 1) ? true : false; //clear hide delay clearInterval(hideID); //COMPOSE TIP var displayString = ''; if(styleArray[lastToolNum]>=20){ //------------------------- // ALL-FLASH LAYOUTS //------------------------- // _________________________________ // // All-Flash Standard // _________________________________ displayString += '<div class="intellitxtTooltip" id="creativeContent">' displayString += '<span style="background-color:#FFFF00;font-family:' + tooltipFont[lastToolNum] + ';font-size:10px;">[Flash was not detected]</span>' displayString += '</div>' displayString += '<div id="handle" style="overflow:hidden;width:107px;height:21px;position:absolute;z-index:5011;left:145px;top:0px;cursor:move;"><img id="handleImage" src="http://images.intellitxt.com/ast/spacer.gif" border="0" width="107" height="21"></div>' } else { //------------------------- // HTML LAYOUTS //------------------------- // ** Top half of tooltip //displayString += ' <div id="tooltipbox" class="intellitxtTooltip" onMouseOver="cAT();giF=0;hlA(\'itt_table\');" onMouseOut="ttL(0);llA(\'itt_table\');" style="border:none;z-index:9999;cursor:pointer;font-family:' + tooltipFont[lastToolNum] + ';width:' + adUnitWidth[lastToolNum] + 'px;height:' + adUnitHeight[lastToolNum] + 'px;">' displayString += ' <div id="tooltipBoxInside" class="intellitxtTooltip" onMouseOver="cAT();giF=0;hlA(\'itt_table\');" onMouseOut="ttL(0);llA(\'itt_table\');" style="border:none;z-index:9999;cursor:pointer;font-family:' + tooltipFont[lastToolNum] + ';text-align:left;">' displayString += ' <div id="ttShadow" class="intellitxtTooltip" style="position:absolute;z-index:-1;left:0px;top:0px;width:' + boxWidth + 'px;height:' + boxHeight + 'px;display:inline-block;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\'http://images.intellitxt.com/ast/demo_assets/images/sh_305x200.png\',sizingMethod=\'scale\');"><img id="ttShadowImage" src="http://images.intellitxt.com/ast/demo_assets/images/sh_305x200.png" width="' + boxWidth + '" height="' + boxHeight + '" style="filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);"></div>' displayString += ' <table id="itt_table" name="itt_table" class="intellitxtTooltip" style="border:none;background-color:transparent;margin:0px 0px;table-layout:auto;border-style:none;cursor:pointer;width:' + boxWidth + 'px;" cellpadding="0" cellspacing="0" border="0">' displayString += ' <tr onMouseDown="MDn(event);" onMouseUp="MUp(event);" style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">' displayString += ' <td style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" onClick="tooltipClick();">' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#545454;margin:0px 6px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#CACACA;margin:0px 4px;border-width:0px 2px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#F6F6F6;margin:0px 2px;border-width:0px 2px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#E8E8E8;margin:0px 2px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#E0E0E0;margin:0px 1px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#DBDBDB;margin:0px 1px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#D9D9D9;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#D7D7D7;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#D7D7D7;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#D8D8D8;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#CFCFCF;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#B2B2B2;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#B5B5B5;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#B9B9B8;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#BFBFBB;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#C5C5BF;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#CBCBC2;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#D2D2C4;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#D8D8C7;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#DBDBC8;margin:0px 0px;"></b>' displayString += ' <b style="font-size:1px;display:block;height:1px;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;background:#AAAAA8;margin:0px 0px;"></b>' displayString += ' </td>' displayString += ' </tr>' displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">' displayString += ' <td id="cZn1" name="cZn1" style="margin:0px;border-left:1px solid #545454;border-right:1px solid #545454;line-height:normal;background:' + tooltipBkgColor[lastToolNum] + ';border-bottom:none;text-align:left;padding:0px;">' switch(true){ case(styleArray[lastToolNum]==2): // _________________________________ // // Small Logo Layout // _________________________________ displayString += ' <table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //title displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td style="vertical-align:top;padding:3px 3px 0px 7px;height:10px;" onClick="tooltipClick();" align="left">' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><br><span style="line-height:7px;display:block;">&nbsp;</span>' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;text-align:left;"><div id="creativeContent"><img style="margin-top:3px;margin-bottom:3px;margin-left:7px;margin-right:4px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '" align="right">' + bodyArray[lastToolNum] + '</div></span>' displayString += ' </td>' displayString += ' </tr>' //visible url displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="bottom" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>' displayString += ' </tr>' displayString += ' </table>' break; case(styleArray[lastToolNum]==3): // _________________________________ // // Brandbox Layout // _________________________________ displayString += ' <table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //body copy displayString += ' <tr>' displayString += ' <td style="vertical-align:top;padding:3px 7px 3px 7px;" onClick="tooltipClick();" align="left">' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><br>' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;">' + bodyArray[lastToolNum] + '</span>' displayString += ' </td>' displayString += ' <td style="vertical-align:top;padding:6px 7px 3px 7px;text-align:right;">' displayString += ' <div id="creativeContent" align="right"><img onClick="tooltipClick();" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>' displayString += ' </td>' displayString += ' </tr>' //visible url displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td colspan="2" style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="top" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>' displayString += ' </tr>' displayString += ' </table>' break; case(styleArray[lastToolNum]==4): // _________________________________ // // Billboard Layout // _________________________________ displayString += ' <table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //creative displayString += ' <tr>' displayString += ' <td style="vertical-align:top;padding:3px 3px 3px 7px;" onClick="tooltipClick();" align="center">' displayString += ' <div id="creativeContent"><img style="margin-top:3px;margin-bottom:0px;margin-left:0px;margin-right:4px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>' displayString += ' </td>' displayString += ' </tr>' //title displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td style="vertical-align:top;padding:0px 3px 0px 7px;height:10px;" onClick="tooltipClick();" align="left">' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span>' displayString += ' </td>' displayString += ' </tr>' //body copy displayString += ' <tr>' displayString += ' <td style="vertical-align:top;padding:3px 3px 3px 7px;" onClick="tooltipClick();" align="left">' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;">' + bodyArray[lastToolNum] + '</span>' displayString += ' </td>' displayString += ' </tr>' //visible url displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td style="padding:3px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="top" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>' displayString += ' </tr>' displayString += ' </table>' break; case(styleArray[lastToolNum]==5): // _________________________________ // // Freeform // _________________________________ displayString += '<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //creative displayString += '<tr>' displayString += '<td style="vertical-align:top;padding:0px;margin:0px;" align="center">' displayString += '<div id="creativeContent"><img style="margin-top:0px;margin:0px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>' displayString += '</td>' displayString += '</tr>' displayString += '</table>' break; case(styleArray[lastToolNum]==6): // _________________________________ // // HTML Expandable/ Widescreen // _________________________________ displayString += ' <table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //title, body copy, placeholder displayString += ' <tr>' displayString += ' <td style="vertical-align:top;padding:3px 3px 3px 7px;" onClick="tooltipClick();" align="left">' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><span style="display:block;margin-top:4px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;">' + bodyArray[lastToolNum] + '</span></div>' displayString += ' </td>' displayString += ' <td align="right" style="padding-left:7px;padding-right:7px;padding-top:7px;padding-bottom:2px;vertical-align:top;">' displayString += ' <div id="placeholderDiv" class="intellitxtTooltip" style="width:' + creativeWidth[lastToolNum] + 'px;height:' + creativeHeight[lastToolNum] + 'px;font-size:0px;"></div>' displayString += ' </td>' displayString += ' </tr>' //visible url displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td colspan="2" style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:10px;" onClick="tooltipClick();" colspan="2" valign="top" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>' displayString += ' </tr>' displayString += ' </table>' break; case(styleArray[lastToolNum]==7): // _________________________________ // // IFRAME // _________________________________ displayString += '<table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //creative displayString += '<tr>' displayString += '<td style="vertical-align:top;padding:0px;margin:0px;" onClick="tooltipClick();" align="center">' displayString += '<div id="creativeContent"><iframe style="margin-top:0px;margin:0px;" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '" frameborder="0" scrolling="no" onMouseOver="clearAdInterval();inIframe=true;" onMouseOut="inIframe=false;"></iframe></div>' displayString += '</td>' displayString += '</tr>' displayString += '</table>' break; default: // _________________________________ // // Basic Text-Only Layout [default] // _________________________________ displayString += ' <table cellpadding="0" cellspacing="0" border="0" style="height:' + contentTableHeight + 'px;border:none;margin:0px 0px;table-layout:auto;position:relative;width:100%;">' //title displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td style="vertical-align:top;padding:3px 3px 0px 7px;height:1%;" onClick="tooltipClick();" align="left">' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:' + tooltipTitleDecorationOff[lastToolNum] + ';font-size:12px;font-weight:bold;color:' + tooltipTitleColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipTitleDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipTitleDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipTitleColorOff[lastToolNum] + '\';">' + titleArray[lastToolNum] + '</span><br><span style="line-height:7px;display:block;">&nbsp;</span>' displayString += ' <span style="padding:0px 0px;line-height:normal;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:#000000;">' + bodyArray[lastToolNum] + '</span>' displayString += ' </td>' displayString += ' </tr>' //Call to action button displayString += ' <tr>' displayString += ' <td style="vertical-align:bottom;padding:3px 14px 0px 7px;" onClick="tooltipClick();" align="right">' displayString += ' <img src="http://images.intellitxt.com/ast/demo_assets/images/' + learnMoreButtonFile + '" alt="Learn More">' displayString += ' </td>' displayString += ' </tr>' //visible url displayString += ' </tr>' displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;" valign="top" onClick="kwC(0,11,event,0);" oncontextmenu="return false;" onMouseOver="kwM(1495917);" onMouseMove="kwM(1495917);">' displayString += ' <td style="padding:1px 3px 2px 7px;border:none;background-color:transparent;line-height:normal;height:1%;" onClick="tooltipClick();" colspan="2" valign="bottom" align="left"><span style="padding:0px 0px;line-height:11px;font-family:' + tooltipFont[lastToolNum] + ';background-color:transparent;text-decoration:none;font-size:11px;font-weight:normal;color:' + tooltipURLColorOff[lastToolNum] + ';" onMouseOver="this.style.textDecoration=\'' + tooltipURLDecorationOn[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOn[lastToolNum] + '\';" onMouseOut="this.style.textDecoration=\'' + tooltipURLDecorationOff[lastToolNum] + '\';this.style.color=\'' + tooltipURLColorOff[lastToolNum] + '\';" onClick="return false;">' + linkArray[lastToolNum] + '</span></td>' displayString += ' </tr>' displayString += ' </table>' } // ** Bottom half of tooltip displayString += ' </td>' displayString += ' </tr>' displayString += ' <tr style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;">' displayString += ' <td style="padding:0px 0px;border:none;background-color:transparent;line-height:normal;filter:" onClick="tooltipClick();">' displayString += ' <b id="cZn2" name="cZn2" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 1px;"></b>' displayString += ' <b id="cZn3" name="cZn3" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 1px;"></b>' displayString += ' <b id="cZn4" name="cZn4" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 2px;"></b>' displayString += ' <b id="cZn5" name="cZn5" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 2px;border-width:0px 2px;"></b>' displayString += ' <b id="cZn6" name="cZn6" style="font-size:1px;display:block;height:1px;background:' + bottomBkgColor[lastToolNum] + ';border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 4px;border-width:0px 2px;"></b>' displayString += ' <b class="c1" style="font-size:1px;display:block;height:1px;background:#545454;border-left:1px solid #545454;border-right:1px solid #545454;overflow:hidden;margin:0px 6px;"></b>' displayString += ' </td>' displayString += ' </tr>' displayString += ' </table>' // ** Tab options // 1 Tab // ----- displayString += ' <div id="tab1Div" style="height:20px;line-height:normal;position:absolute;top:1px;border:none;z-index:5001;left:1px;"><table cellspacing="0" cellpadding="0" border="0" height="20"><tr><td onClick="tooltipClick();"><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_l.gif" width="7" height="20" border="0" alt=""></td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;color:#4B4B4B;font-size:10px;font-weight:bold;" onClick="tooltipClick();">' + tab1Array[lastToolNum] + '</td><td onClick="tooltipClick();"><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_r.gif" width="9" height="20" border="0" alt=""></td></tr></table></div>' displayString += ' <div onMouseDown="MDn(event);" onMouseUp="MUp(event);" id="handle" style="overflow:hidden;width:' + handleWidth + 'px;height:21px;position:absolute;z-index:5005;left:103px;top:0px;cursor:move;"><img src="http://images.intellitxt.com/ast/demo_assets/images/spacer.gif" border="0" width="180" height="21"></div>' // 2 Tabs // ------ /* <div style="height:20px;overflow:hidden;line-height:normal;position:absolute;top:1px;border:none;z-index:5001;left:1px;width:auto;"><table cellspacing="0" cellpadding="0" border="0" height="20"><tr><td onClick="tooltipClick();"><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_l.gif" width="7" height="20" border="0" alt=""></td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;color:#4B4B4B;font-size:10px;border-bottom:1px solid #e5e5db;font-weight:bold;" onClick="tooltipClick();">' + tab1Array[lastToolNum] + '</td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;" onClick="tooltipClick();"><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_r.gif" width="9" height="20" border="0" alt=""></td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;color:#4B4B4B;font-size:10px;border-bottom:1px solid #aaaaa8;padding-left:4px;">' + tab2Array[lastToolNum] + '</td><td><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_r2.gif" width="9" height="20" border="0" alt=""></td></tr></table></div> */ // 2 Tabs, 2nd tab selected // ------------------------ /* <div style="height:20px;overflow:hidden;line-height:normal;position:absolute;top:1px;border:none;z-index:5001;left:1px;width:auto;"><table cellspacing="0" cellpadding="0" border="0" height="20"><tr><td onClick="tooltipClick();"><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_l2.gif" width="7" height="20" border="0" alt=""></td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;color:#4B4B4B;font-size:10px;border-bottom:1px solid #aaaaa8;padding-right:4px;" onClick="tooltipClick();">' + tab1Array[lastToolNum] + '</td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;" onClick="tooltipClick();"><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_l3.gif" width="9" height="20" border="0" alt=""></td><td style="background:url(http://images.intellitxt.com/ast/demo_assets/images/bkg_gls_lt.gif);background-repeat:repeat-x;color:#4B4B4B;font-size:10px;border-bottom:1px solid #e5e5db;font-weight:bold;">' + tab2Array[lastToolNum] + '</td><td><img style="padding:0px 0px;margin:0px 0px;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/tb_r.gif" width="9" height="20" border="0" alt=""></td></tr></table></div> */ // ** Floating assets (tab copy, branding, buttons, etc.) // ** Floating assets (tab copy, branding, buttons, etc.) displayString += ' <div id="ditt" style="width:auto;line-height:normal;position:absolute;top:2px;border:none;z-index:5002;right:14px;"><img style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="'+adTypeLogo[lastToolNum]+'" width="90" height="18" border="0" alt="Vibrant Ad"><a style="background-color:transparent;" href="http://www.vibrantmedia.com/whatisIntelliTXT.asp?ipid=1786&cc=de&server=g4.sfo.intellitxt.com" target="_blank"><img name="bt_what" id="bt_what" onMouseOver="turnOn(\'bt_what\');" onMouseOut="turnOff(\'bt_what\');" style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/bt_what_off.gif" width="16" height="17" border="0" alt="what\'s this?"></a><img name="bt_close" id="bt_close" onMouseOver="turnOn(\'bt_close\');" onMouseOut="turnOff(\'bt_close\');" onClick="fClick(\'close\');" style="padding:0px 0px;margin:0px 0px;background:inherit;border:none;display:inline;" src="http://images.intellitxt.com/ast/demo_assets/images/bt_close_off.gif" width="16" height="17" onClick="ttH(1);" border="0" alt="close"></div>' //displayString += '<div id="ITFM2" style="position:absolute;z-index:5200;right:12px;top:35px;"></div>' //____________________________________________ //HTML Widescreen Flash embed if(styleArray[lastToolNum]==6){ displayString += '<div id="creativeContent" align="right" style="position:absolute;z-index:5200;right:17px;top:27px;"><img onClick="tooltipClick();" src="' + creativeArray[lastToolNum] + '" width="' + creativeWidth[lastToolNum] + '" height="' + creativeHeight[lastToolNum] + '"></div>'; } } //RENDER TIP changeProperty('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"; changeStyle('tooltipBox', 'width', tempWidth); //POSITION TOOL TIP var toolTipBoxWidth = getPropertyValue('tooltipBox', 'offsetWidth') var toolTipBoxHeight = getPropertyValue('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; linkPosY += toolTipBoxHeight - (2*tooltipYOffset) + tempOffset + 4; } //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]; } //Make it happen var linkPosXString = linkPosX + "px"; var linkPosYString = linkPosY + "px"; changeStyle('tooltipBox', 'left', linkPosXString); changeStyle('tooltipBox', 'top', linkPosYString); //THICK DOUBLE UNDERLINE underlineOn("link" + indexNum); //REVEAL TIP changeStyle('tooltipBox', 'visibility', 'visible'); //ENABLE DRAG makeDraggable(document.getElementById('tooltipBox'), document.getElementById('handle')); //makeDraggable(document.getElementById('chromeTr'), document.getElementById('chromeTr')); //tweak HTML assets if needed if(styleArray[lastToolNum]<20){ document.getElementById('handle').style.width = adUnitWidth[lastToolNum] - (document.getElementById('tab1Div').offsetWidth) - (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; //resize shadow to fit tooltip var shadOffset = 0; document.getElementById('ttShadow').style.width = (document.getElementById('itt_table').offsetWidth-shadOffset); document.getElementById('ttShadowImage').style.width = (document.getElementById('itt_table').offsetWidth-shadOffset); document.getElementById('ttShadow').style.height = (document.getElementById('itt_table').offsetHeight); document.getElementById('ttShadowImage').style.height = (document.getElementById('itt_table').offsetHeight); animatePop(); } } //============================================= //RUNTIME //============================================= //Firefox Style Tweak if(navigator.appName == "Netscape"){ document.write("<style>.intellitextLink{padding-bottom: 1px;}</style>"); } </script> <div id="tooltipBox" onMouseOver="clearAdInterval();highlightAd('itxtTbl');" onMouseOut="hideAd();unHighlightAd('itxtTbl');" style="z-index:5000;position:absolute;cursor:pointer;"></div> <!-- END CUT/PASTE .............................................. --> <!-- IVW --> <div id="overDiv" style="position:absolute; visibility:hidden;"></div> <div id="superfullsizebanner"><script type="text/javascript"><!-- sas_pageid='10021/(news_index)'; // Page : computerbild.de/news_index sas_formatid=3648; // Format : superbanner 728x90 sas_target='DYN-Internet'; // Targeting SmartAdServer(sas_pageid,sas_formatid,sas_target); //--></script></div> <div id="skypescraper" class="float_r"><script type="text/javascript"><!-- sas_pageid='10021/(news_index)'; // Page : computerbild.de/news_index sas_formatid=3650; // Format : skyscraper 120x600 sas_target='DYN-Internet'; // Targeting SmartAdServer(sas_pageid,sas_formatid,sas_target); //--></script></div><script type="text/javascript"><!-- sas_pageid='10021/(news_index)'; // Page : computerbild.de/news_index sas_formatid=3651; // Format : richmedia 1x1 sas_target='DYN-Internet'; // Targeting SmartAdServer(sas_pageid,sas_formatid,sas_target); //--></script> <div id="page_margins"> <div id="page"> <!-- IVV Start --> <!-- SZM VERSION="1.5" --> <script type="text/javascript"> <!-- var IVW="http://cbo.ivwbox.de/cgi-bin/ivw/CP/cb-1-6"; document.write("<img id=\"ivwPixel\" src=\""+IVW+"?r="+escape(document.referrer)+"&d="+(Math.random()*100000)+"\" width=\"1\" height=\"1\" alt=\"szmtag\" style=\"display:block;margin-top:-1px;\" />"); //--> </script> <noscript> <img id="ivwPixel" src="http://cbo.ivwbox.de/cgi-bin/ivw/CP/cb-1-6?r=&amp;d=1589794129" width="1" height="1" alt="szmtag" style="display:block;margin-top:-1px;" /> </noscript> <!-- /SZM --> <!-- IVW End --> <div id="header" class="clearfix"> <div class="logoLine clearfix"> <a href="http://www.computerbild.de" title="COMPUTER BILD"> <span id="logoObject_cb" title="COMPUTER BILD"> </span> </a> <!-- Logo Mandant1 --> <div id="logoLeft" title="COMPUTER BILD SPIELE"><a href="http://www.computerbild.de/cbs/" class="header_cbs_small" title="COMPUTER BILD SPIELE"></a></div> <!-- Logo Mandant2 --> <div id="logoRight" title="AUDIO VIDEO FOTO BILD"><a href="http://www.computerbild.de/avf/" class="header_avf_small" title="AUDIO VIDEO FOTO BILD"></a></div> </div><!-- end: .logoLine --> <div class="mainLine"> <div id="toplinks" class="clearfix"> <ul> <li><a href="http://www.computerbild.de/rssfeed_2261.xml?node=66" class="rss" target="_blank">RSS</a></li> <li><a href="http://www.computerbild.de/newsletter.html" class="first">Newsletter</a></li> <li><a href="http://www.computerbild.de/artikel/cb-mobil-computerbild-news-ratgeber-tests-handy-spiele-komplettoesung-aufs-Handy-3265668.html">Mobil</a> </li> <li><a href="https://aboshop.axelspringer.de/xsubscription/ab/dvd1.php?&amp;et_cid=17&amp;et_lid=24&amp;et_sub=Cobi_Direct_Header" target="_blank">Abo</a> </li> <li><a href="http://shop.computerbild.de" target="_blank">Shop</a> </li> <li> <a href="http://www.computerbild.de/sitemap.html">Sitemap</a> </li> <li><a href="http://forum.computerbild.de/">Forum</a> </li> </ul> </div> <!-- Special --> <div class="delimitation"> <div id="suche" class="clearfix"> <form action="http://www.computerbild.de/suche/" method="get" id="suche_1" class="suchForm"> <fieldset class="clearfix"> <input type="text" name="q" id="suche_text" value="Suchbegriff oder Webcode eingeben" onfocus="search_indicator(this.id);" onblur="resetInputText(this.id, 'Suchbegriff oder Webcode eingeben');" /> <input type="submit" class="submitSearch" value="Suchen" onclick="performSearch(this.form['q'], 'Suchbegriff oder Webcode eingeben');" /> </fieldset> </form> <form action="https://www.computerbild.de/user/login_366835.html" method="post" id="login_1" class="suchForm" style="display:none"> <fieldset class="clearfix"> <input type="hidden" name="action" value="login" /> <input type="hidden" name="redirect" value="http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html" /> <input name="username" id="suche_user" value="Benutzername" onfocus="search_indicator(this.id);" type="text" /> <input name="password" id="suche_pw" value="Passwort" onfocus="search_indicator(this.id);" type="password" /> <input class="submitSearch" value="Login" type="submit" /> </fieldset> </form> </div> <div id="magazin" class="clearfix"> <ul> <li id="login_link" class="registration" style="display: block;"> <a href="#" class="highlight" onclick="document.getElementById('suche_1').style.display='none'; document.getElementById('login_1').style.display='block'; document.getElementById('login_link').style.display='none'; document.getElementById('back_link').style.display='block'; return false;">Login</a>&nbsp;&nbsp; </li> <li id="back_link" class="registration" style="display: none"> <a href="#" class="highlight" onclick="document.getElementById('login_1').style.display='none'; document.getElementById('suche_1').style.display='block'; document.getElementById('back_link').style.display='none'; document.getElementById('login_link').style.display='block'; return false;">Zurück zur Suche</a>&nbsp;&nbsp; </li> <li class="registration"> <a href="https://www.computerbild.de/user/registrierung_13328.html" class="highlight">Registrieren</a> </li> </ul> </div> </div><!-- end: .delimitation --> </div><!-- end: .mainLine --> <div class="special1"><a href="http://www.computerbild.de/artikel/cb-Special-Der-Goldene-Computer-3745267.html" title="Mercedes zu gewinnen!" class="special1" style="position:absolute; width:219px; height:36px; bottom:0; left: 267px; background: transparent url(http://i.computer-bild.de/imgs/107718739_5d976123c0.jpg) no-repeat scroll left bottom;"></a></div> </div><!-- end: #header --> <div class="menublock"> <div id="navigation" class="clearfix"> <ul id="navi_level_1"> <li class="first current"><a href="http://www.computerbild.de/cb-News-2490.html" style="width:80px" id="level_1_1"><span>News</span></a></li> <li class=""><a href="http://www.computerbild.de/cb-Tests-2492.html" style="width:80px" id="level_1_2"><span>Tests</span></a></li> <li class=""><a href="http://www.computerbild.de/cb-Ratgeber-2558.html" style="width:90px" id="level_1_3"><span>Ratgeber</span></a></li> <li class=""><a href="http://www.computerbild.de/cb-Special-1871781.html" style="width:140px" id="level_1_4"><span>Aktionen &amp; Specials</span></a></li> <li class=""><a href="http://www.computerbild.de/cb-Downloads-2504.html" style="width:100px" id="level_1_5"><span>Downloads</span></a></li> <li class=""><a href="http://www.computerbild.de/cbs-Jetzt-spielen-4098207.html" style="width:110px" id="level_1_6"><span>Jetzt spielen</span></a></li> <li class=""><a href="http://www.computerbild.de/cb-Video-465773.html" style="width:90px" id="level_1_7"><span>Videos</span></a></li> <li class="last"><a href="http://www.computerbild.de/cb/ekf/Produktkategorien.html" style="width:80px" id="level_1_8"><span>Produkte</span></a></li> </ul> <ul class="navi_level_2" id="navi_level_2_1"> <li ><a href="http://www.computerbild.de/cb-Aktuell-Schnaeppchen-463471.html">Schn&auml;ppchen</a></li> <li ><a href="http://www.computerbild.de/cb-News-PC-Hardware-2579.html">PC &amp; Hardware</a></li> <li ><a href="http://www.computerbild.de/cb-Aktuell-Software-2585.html">Software</a></li> <li ><a href="http://www.computerbild.de/cb-News-Handy-463525.html">Handy &amp; Telefon</a></li> <li ><a href="http://www.computerbild.de/cb-Aktuell-Internet-2546.html">Internet</a></li> <li ><a href="http://www.computerbild.de/cb-News-Notebooks-3237026.html">Notebooks</a></li> <li ><a href="http://www.computerbild.de/cb-News-Navigation-3237115.html">Navigation</a></li> <li class="last"><ul class="navi_level_3" id="navi_1_1_1"> <li style="border: 0pt none ;"><a href="http://www.computerbild.de/cb-News-Windows-3237144.html">Windows</a></li> <li><a href="http://www.computerbild.de/cb-Aktuell-Sicherheit-463495.html">Sicherheit</a></li> <li><a href="http://www.computerbild.de/cb-News-Drucker-3237127.html">Drucker</a></li> <li><a href="http://www.computerbild.de/cb-Aktuell-DSL-WLAN-463535.html">DSL &amp; WLAN</a></li> </ul><a onclick="return false;" href="javascript:void();">Mehr</a> </li> </ul> </div> <div class="navi_verlauf">&nbsp;</div> </div> <div id="breadcrumb" > <span class="breadcrumbtitle">COMPUTER BILD</span> <span><a href="http://www.computerbild.de/cb-News-2490.html">News</a></span> <span><a href="http://www.computerbild.de/cb-Aktuell-Internet-2546.html">Internet</a></span> </div> <div id="main" class="clearfix"> <div id="content_left" > <div class="contentPage article"> <!-- google_ad_section_start --> <div class="introBox"> <p class="date">Mittwoch, 11. November 2009, 18:05&nbsp;Uhr</p> <h2 class="headTopic">Aktuelle Umfrage</h2> <h1 class="title">Ökostrom setzt sich durch</h1> <p class="intro">Laut einer aktuellen Umfrage des Instituts TNS Infratest setzen immer mehr Verbraucher auf umweltschonende Energie.</p> <script type="text/javascript"><!-- sas_pageid='10021/(news_index)'; // Page : computerbild.de/news_index sas_formatid=5479; // Format : content ad sas_target=''; // Targeting SmartAdServer(sas_pageid,sas_formatid,sas_target); //--></script> </div> <div class="paragraph clearfix"> <div class="imageRight"> <a href="/imgs/103567525_2ad448b49e.jpg" onclick="cbLytebox(this, '', 'Ökostrom steht bei Verbrauchern hoch im Kurs.'); return false" rel="lytebox[ab1]"> <img src="http://i.computer-bild.de/imgs/113239796_87201480e8.jpg" width="227" height="170" alt="Steckdose und Stecker" title="Steckdose und Stecker" /> </a> <div class="clearfix"> <a href="/imgs/103567525_2ad448b49e.jpg" title="Vergrößern" class="magnifier" onclick="cbLytebox(this, '', 'Ökostrom steht bei Verbrauchern hoch im Kurs.'); return false;" rel="lytebox[abm1]"></a> <p class="caption">Ökostrom steht bei Verbrauchern hoch im Kurs.</p> </div> </div>Zum Thema  Ökostrom hat das Institut TNS Infratest in München eine repräsentative Umfrage in 1.000 Haushalten durchgeführt. Ergebnis: Immer mehr Verbraucher setzen auf umweltschonende <span id="link0" onClick="linkClick(0);" onMouseOver="displayAd(0);" onMouseOut="hideAd();" class="intellitextLink">Energie</span>. So gaben 92 Prozent der Befragten an, sie würden grundsätzlich Ökostrom bevorzugen, 56 Prozent wären auch bereit, dafür mehr zu bezahlen.<br /><br /><a href="http://tarifrechner.computerbild.de/strom.asp">» Strom-Tarifrechner: Hier finden Sie den günstigsten Tarif!</a><br /><br />90 Prozent der Hausbesitzer haben laut der Umfrage bereits in energiesparende Geräte oder Baumaßnahmen wie isolierte Heizungsrohre oder Wärmeschutzfenster investiert oder haben dies noch vor. <em>(kg)</em> <br /><br /> <a href="http://www.computerbild.de/artikel/cb-News-Internet-Private-Haushalte-zahlen-zuviel-fuer-Strom-4739910.html">» Studie: Private Haushalte zahlen zuviel für Strom</a> <br /> <a href="http://tarifrechner.computerbild.de/strom/stromanbieterwechsel.asp">» Anleitung: So einfach ist der Stromanbieter-Wechsel</a> <br /></div> <div class="articleAdditional"> <div class="moreTopics"> <p class="topBorder"> <span class="highlight">Finden Sie mehr zu folgenden Begriffen: </span><a href="/suche/?q=%D6kostrom" onclick="pageTracker._trackEvent('Content', 'Artikel-Tags', 'Ökostrom');">&Ouml;kostrom</a>, <a href="/suche/?q=Strom-Tarifrechner" onclick="pageTracker._trackEvent('Content', 'Artikel-Tags', 'Strom-Tarifrechner');">Strom-Tarifrechner</a>, <a href="/suche/?q=erneuerbare+Energie" onclick="pageTracker._trackEvent('Content', 'Artikel-Tags', 'erneuerbare Energie');">erneuerbare Energie</a>, <a href="/suche/?q=Umfrage" onclick="pageTracker._trackEvent('Content', 'Artikel-Tags', 'Umfrage');">Umfrage</a>, <a href="/suche/?q=energiesparend" onclick="pageTracker._trackEvent('Content', 'Artikel-Tags', 'energiesparend');">energiesparend</a> </p> </div> <div class="funktionsleiste"> <div class="content"> <div class="clearfix"> <ul class="options fourButtons clearfix"> <li class="first clearfix"> <a class="printpage spritesBack" rel="nofollow" href="/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html?print=1" target="_blank"></a><span class="headLine"><a rel="nofollow" href="/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html?print=1" target="_blank">Beitrag<br/>drucken</a></span> </li> <li class="second clearfix"> <a class="empfehlen spritesBack" rel="nofollow" href="#" onclick="ir_popup_send2friend('http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html', 'treenode_home', '10', 'linktitle', 'Aktuelle+Umfrage+-+%D6kostrom+setzt+sich+durch'); return false;"></a><span class="headLine"><a rel="nofollow" href="#" onclick="ir_popup_send2friend('http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html', 'treenode_home', '10', 'linktitle', 'Aktuelle+Umfrage+-+%D6kostrom+setzt+sich+durch'); return false;">Beitrag<br/>empfehlen</a></span> </li> <li class="third clearfix"> <a class="mail spritesBack" rel="nofollow" href="#" onclick="ir_popup_email2author('http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html', 'treenode_home', '10', 'linktitle', 'Aktuelle+Umfrage+-+%D6kostrom+setzt+sich+durch', 'beitrag_id', '2690902'); return false;"></a><span class="headLine"><a rel="nofollow" href="#" onclick="ir_popup_email2author('http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html', 'treenode_home', '10', 'linktitle', 'Aktuelle+Umfrage+-+%D6kostrom+setzt+sich+durch', 'beitrag_id', '2690902'); return false;">Hinweis an<br/>die Redaktion</a></span> </li> <li class="last clearfix"> <a class="verlinken spritesBack" rel="nofollow" href="#" onclick="ir_popup_articlelink('http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html', 'treenode_home', '10'); return false;"></a><span class="headLine"><a rel="nofollow" href="#" onclick="ir_popup_articlelink('http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html', 'treenode_home', '10'); return false;">Beitrag<br/>verlinken</a></span> </li> </ul> <ul class="bookmarks clearfix"> <li class="text"> <span>Seite merken:</span> </li> <li> <a class="wong" rel="nofollow" href="http://www.mister-wong.de/" onclick="window.open('http://www.mister-wong.de/index.php?action=addurl&amp;bm_url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;bm_notice=&amp;bm_description=&amp;bm_tags=');return false;" title="Bookmark bei: Mr. Wong"></a> </li> <li> <a class="webnews" rel="nofollow" href="http://www.webnews.de/" onclick="window.open('http://www.webnews.de/einstellen?url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;title=');return false;" title="Bookmark bei: Webnews"></a> </li> <li> <a class="digg" rel="nofollow" href="http://digg.com/" onclick="window.open('http://digg.com/submit?phase=2&amp;url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;bodytext=&amp;tags=&amp;title=');return false;" title="Bookmark bei: Digg"></a> </li> <li> <a class="del" rel="nofollow" href="http://del.icio.us/" onclick="window.open('http://del.icio.us/post?v=2&amp;url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;notes=&amp;tags=&amp;title=');return false;" title="Bookmark bei: Del.icio.us"></a> </li> <li> <a class="oneview" rel="nofollow" href="http://www.oneview.de" onclick="window.open('http://www.oneview.de/quickadd/neu/addBookmark.jsf?URL=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;title='); return false;" title="Bookmark bei: Oneview"></a> </li> <li> <a class="slashdot" rel="nofollow" href="http://www.slashdot.org/" onclick="window.open('http://slashdot.org/bookmark.pl?url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;title=');return false;" title="Bookmark bei: Slashdot"></a> </li> <li> <a class="facebook" rel="nofollow" href="http://www.facebook.com/" onclick="window.open('http://www.facebook.com/sharer.php?u=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;t=');return false;" title="Bookmark bei: Facebook"></a> </li> <li> <a class="yahoo" rel="nofollow" href="http://www.yahoo.com/" onclick="window.open('http://myweb2.search.yahoo.com/myresults/bookmarklet?t=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;d=&amp;tag=&amp;u=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html');return false;" title="Bookmark bei: Yahoo"></a> </li> <li> <a class="google" rel="nofollow" href="http://www.google.com/" onclick="window.open('http://www.google.com/bookmarks/mark?op=add&amp;hl=de&amp;bkmk=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;annotation=&amp;labels=&amp;title=');return false;" title="Bookmark bei: Google"></a> </li> <li> <a class="technorati" rel="nofollow" href="http://www.technorati.com/" onclick="window.open('http://technorati.com/faves?add=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html&amp;tag=');return false;" title="Bookmark bei: Technorati"></a> </li> <li class="last"> <a href="http://www.computerbild.de/artikel/cb-Ratgeber-Kurse-Internet-So-einfach-funktionieren-Lesezeichendienste-1613481.html" rel="nofollow">Wie geht das?</a> </li> </ul> </div> </div> </div> <div class="area_cs hilfreich"> <div class="content clearfix"> <p class="headLine">Fanden Sie diesen Artikel hilfreich?</p> <p>Klicken Sie auf eine Schaltfläche, um Ihre Wertung abzugeben.</p> <form name="content_review" action="http://www.computerbild.de/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html" method="post"> <fieldset> <input name="action" value="review" type="hidden" /> <input name="review_value" value="-1" type="hidden" /> </fieldset> <div class="buttonBlock clearfix"> <div class="linkButton"> <a style="" href="#" onclick="content_review_submit(1); return false;">Hilfreich</a> </div> <div class="linkButton optional"> <a style="" href="#" onclick="content_review_submit(0); return false;">Nicht hilfreich</a> </div> </div> <div class="textBlock clearfix"> <p class="percentage">88%</p><span>der Leser fanden diesen Artikel hilfreich</span> </div> </form> </div> </div> <script type="text/javascript"><!-- google_ad_client = 'pub-4347119884249993'; google_ad_channel = "4077568931+8823264703+2507445125"; google_ad_output = 'js'; google_max_num_ads = '3'; google_ad_type = 'text'; google_feedback = 'on'; //--> </script> <script type="text/javascript">gg_article_bottom();</script> <script language="JavaScript" type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <div class="mehrThema"> <div class="header clearfix"> <p class="headLine">Mehr zum Thema</p> </div> <div class="content"> <div class="interspace"> <div class="interspace clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cb-News-Internet-Minister-raet-Jetzt-Stromanbieter-wechseln-4971736.html"><img src="http://i.computer-bild.de/imgs/106846095_72336b379c.jpg" width="60" height="45" alt="" /></a> </div> <div class="textBlock"><p class="headLine">Deftige Preiserhöhungen zum Januar 2010 </p><p><a href="http://www.computerbild.de/artikel/cb-News-Internet-Minister-raet-Jetzt-Stromanbieter-wechseln-4971736.html">Minister rät: Jetzt Stromanbieter wechseln </a></p><p class="date">(02.01.2010)</p> </div> </div><div class="interspace clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cb-News-Internet-Strompreise-steigen-im-Februar-5025763.html"><img src="http://i.computer-bild.de/imgs/108676180_92e6601902.jpg" width="60" height="45" alt="" /></a> </div> <div class="textBlock"><p class="headLine">Strom-Wut: Erneute Preissteigerungen </p><p><a href="http://www.computerbild.de/artikel/cb-News-Internet-Strompreise-steigen-im-Februar-5025763.html">Schock für deutsche Haushalte: Diese Stromanbieter erhöhen die Preise! </a></p><p class="date">(27.01.2010)</p> </div> </div><div class="interspace clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cb-News-Internet-Strompreise-steigen-2010-5013562.html"><img src="http://i.computer-bild.de/imgs/108289535_8f28a59154.jpg" width="60" height="45" alt="" /></a> </div> <div class="textBlock"><p class="headLine">Preiserhöhungen nehmen kein Ende </p><p><a href="http://www.computerbild.de/artikel/cb-News-Internet-Strompreise-steigen-2010-5013562.html">Erneuter Schock für Verbraucher: Die Strompreise steigen schon wieder! </a></p><p class="date">(20.01.2010)</p> </div> </div></div> <p class="headLine">Alle Themen aus den Bereichen</p> <div class="textBlock noPicture"> <a href="http://www.computerbild.de/cb-News-2490.html" title="News">News</a> | <a href="http://www.computerbild.de/cb-Aktuell-Internet-2546.html" title="Internet News">Internet</a></div> <div class="suchSlot"> <form action="http://www.computerbild.de/suche/" method="get" id="suche_mehrThema" class="suchForm"> <fieldset class="clearfix"> <input type="text" name="q" id="suche_text_mehrThema" value="Suchbegriff eingeben" onfocus="search_indicator(this.id);" onblur="resetInputText(this.id, 'Suchbegriff eingeben');" /> <input type="submit" class="submitSearch" value="Suchen" onclick="performSearch(this.form['q'], 'Suchbegriff eingeben');"/> </fieldset> </form> </div> </div> </div> </div> <!-- google_ad_section_end --> </div> </div> <div id="teaser_right"> <div class="teaser_rr toolbox clearfix"> <div class="header clearfix"> <p class="headLine">Alle News im &Uuml;berblick</p> </div> <div class="content"> <div class="textBlock"> <ul> <li><a href="http://www.computerbild.de/avf-Aktuell-Audio-465793.html">Audio</a> </li> <li><a href="http://www.computerbild.de/cb-News-Drucker-3237127.html">Drucker</a> </li> <li> <a href="http://www.computerbild.de/cb-Aktuell-DSL-WLAN-463535.html">DSL &amp; WLAN</a> </li> <li><a href="http://www.computerbild.de/avf-Aktuell-Foto-Video-465825.html">Foto</a></li> <li><a href="http://www.computerbild.de/cb-News-Handy-463525.html">Handy &amp; Telefon</a> </li> <li><a href="http://www.computerbild.de/cb-Aktuell-Internet-2546.html">Internet</a> </li> <li><a href="http://www.computerbild.de/avf-Aktuell-MP3-465817.html">MP3</a> </li> <li><a href="http://www.computerbild.de/cb-News-Navigation-3237115.html">Navigation</a> </li> <li><a href="http://www.computerbild.de/cb-News-Notebooks-3237026.html">Notebooks</a> </li> </ul> </div> <div class="textBlock"> <ul> <li><a href="http://www.computerbild.de/cb-News-PC-Hardware-2579.html">PC &amp; Hardware</a> </li> <li><a href="http://www.computerbild.de/cb-Aktuell-Schnaeppchen-463471.html">Schnäppchen</a> </li> <li><a href="http://www.computerbild.de/cb-Aktuell-Software-2585.html">Software</a> </li> <li><a href="http://www.computerbild.de/cb-Aktuell-Sicherheit-463495.html">Sicherheit</a> </li> <li><a href="http://www.computerbild.de/cbs-News-2506.html">Spiele</a> </li> <li><a href="http://www.computerbild.de/cbs-Aktuell-Hardware-466386.html">Spiele-Hardware</a> </li> <li><a href="http://www.computerbild.de/avf-Aktuell-TV-465785.html">TV</a> </li> <li><a href="http://www.computerbild.de/avf-Aktuell-Video-465801.html">Video</a> </li> <li> <a href="http://www.computerbild.de/cb-News-Windows-3237144.html">Windows</a> </li> </ul> </div> </div> </div> <div id="rectangle"> <div class="teaser_rr rectangle"> <p class="anzeige">Anzeige</p> <script type="text/javascript"><!-- sas_pageid='10021/(news_index)'; // Page : computerbild.de/news_index sas_formatid=4459; // Format : rectangle01 300x250 sas_target='DYN-Internet'; // Targeting SmartAdServer(sas_pageid,sas_formatid,sas_target); //--></script> </div> </div> <div class="teaser_rr nachrichten_rr hslice" id="webslice_1122684"> <div class="header clearfix"> <p class="headLine">Die neuesten Meldungen</p> </div> <div class="content"> <div class="inactive active" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cbs-News-PC-Command-Conquer-4-Tiberian-Twilight-Beta-Version-5027420.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108703652_1a5e0c3371.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cbs-News-PC-Command-Conquer-4-Tiberian-Twilight-Beta-Version-5027420.html"><span class="highlight">C&amp;C 4:</span> <span class="headline">Entwickler EA kündigt Beta-Version an</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cbs-News-PC-Xbox-360-Supreme-Commander-2-Release-Termin-5029800.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108704971_a07caceff2.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cbs-News-PC-Xbox-360-Supreme-Commander-2-Release-Termin-5029800.html"><span class="highlight">Supreme Commander 2:</span> <span class="headline">Starttermin steht</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cb-News-Sicherheit-Zimuse-Gratis-Programm-entfernt-Wurm-5030597.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108689179_2967c40fd1.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cb-News-Sicherheit-Zimuse-Gratis-Programm-entfernt-Wurm-5030597.html"><span class="highlight">Zimuse:</span> <span class="headline">Gratis-Programm löscht Wurm</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cbs-News-PC-Fifa-WM-2010-Suedafrika-Bilder-Infos-5030401.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108705447_20fca7a8fb.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cbs-News-PC-Fifa-WM-2010-Suedafrika-Bilder-Infos-5030401.html"><span class="highlight">Fifa WM 2010:</span> <span class="headline">Bilder und Infos zum Fußballspiel</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cbs-News-PS3-Darksiders-Patch-Xbox-360-Tearing-4985031.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108698761_1b3b0ab09d.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cbs-News-PS3-Darksiders-Patch-Xbox-360-Tearing-4985031.html"><span class="highlight">Darksiders:</span> <span class="headline">Xbox-360-Patch behebt Grafikfehler</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/avf-News-Foto-Video-Lumix-TZ10-Neue-kompakte-Digitalkamera-von-Panasonic-5030459.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108699299_4d46b064af.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/avf-News-Foto-Video-Lumix-TZ10-Neue-kompakte-Digitalkamera-von-Panasonic-5030459.html"><span class="highlight">Lumix TZ10:</span> <span class="headline">Digitalkamera von Panasonic</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cbs-News-PC-Vorteil-Download-Kauf-Mass-Effect-2-PC-ab-Mitternacht-spielen-5030103.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108680878_877aa184c9.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cbs-News-PC-Vorteil-Download-Kauf-Mass-Effect-2-PC-ab-Mitternacht-spielen-5030103.html"><span class="highlight">Download-Kauf:</span> <span class="headline">Mass Effect 2 ab null Uhr spielen</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cb-News-PC-Hardware-Apple-Tablet-PC-5027092.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108690253_9c2545af39.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cb-News-PC-Hardware-Apple-Tablet-PC-5027092.html"><span class="highlight">Apple:</span> <span class="headline">Vorfreude auf die Technik-Revolution</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/avf-News-TV-Zeitung-Bieterkampf-um-Kabel-Deutschland-bahnt-sich-an-5030281.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108679546_9b3140382e.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/avf-News-TV-Zeitung-Bieterkampf-um-Kabel-Deutschland-bahnt-sich-an-5030281.html"><span class="highlight">Kabel Deutschland:</span> <span class="headline">Übernahme-Poker</span></a></p> </div> </div> </div> <div class="inactive" onmouseover="simpleToggle(this)"> <div class="insidecontent clearfix"> <div class="pictureBlock"> <a href="http://www.computerbild.de/artikel/cb-News-Internet-Stellenanzeigen-im-Internet-sind-bei-Firmen-erste-Wahl-5030085.html" rel="nofollow"><img src="http://i.computer-bild.de/imgs/108674533_5e528c592a.jpeg" alt="" /></a> </div> <div class="textBlock "> <p><a href="http://www.computerbild.de/artikel/cb-News-Internet-Stellenanzeigen-im-Internet-sind-bei-Firmen-erste-Wahl-5030085.html"><span class="highlight">Jobsuche:</span> <span class="headline">Internet ist erste Wahl</span></a></p> </div> </div> </div> </div> <div class="linkBlock clearfix"> <div class="linkText"> <a href="http://www.computerbild.de/cb-News-2490.html">Alle Meldungen</a> </div> </div> <span class="entry-title" style="display:none;">Die neuesten Meldungen</span> <a rel="feedurl" href="http://addons.computerbild.de/webslice/cb-news.html" style="display:none;"></a> </div> <script type="text/javascript"><!-- google_ad_client = "pub-4347119884249993"; google_ad_channel = "4077568931+8823264703+2842450002"; google_ad_output = 'js'; google_max_num_ads = '3'; google_ad_type = "text"; google_feedback = 'on'; google_skip = 2; //--> </script> <script type="text/javascript">gg_right_column("cb");</script> <script language="JavaScript" type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script> <a name="trr_nl_900015285"></a> <div class="teaser_rr specialBestellung"> <div class="content" style="background-image: url(http://i.computer-bild.de/img/teaser/newsletter/cb_daily.jpg); overflow:hidden"> <div class="textBlock"> <p class="headLine">T&auml;glicher Newsletter</p> <p class="text">Die Top-News des Tages<br/>direkt aus der Redaktion.</p> <form action ="/artikel/avf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html#trr_nl_900015285" method="post" id="frmNewsletterTeaser900015285"> <input type="hidden" name="action" value="newsletter900015285" /> <input type="text" name="email" id="email900015285" value="E-Mail-Adresse eingeben" onclick="document.getElementById('email900015285').value = ''; document.getElementById('email900015285').style.color = '#000000';" onblur="if(document.getElementById('email900015285').value == '') { document.getElementById('email900015285').value = 'E-Mail-Adresse eingeben'; document.getElementById('email900015285').style.color = '#A4A4A4'; }" /> <div class="buttonBlock clearfix"> <div class="linkButton"> <a onclick="document.forms['frmNewsletterTeaser900015285'].submit(); pageTracker._trackEvent('newsletter', 'teaser_rr', '900015285'); return false;" href="#">Bestellen</a> </div> </div> </form> </div> <div class="linkBlock clearfix"> <div class="linkText"> <a rel="nofollow" href="/newsletter.html">&#187; Alle Newsletter im &Uuml;berblick</a> </div> </div> </div> </div> <div class="teaser_rr forum"> <div class="header clearfix"> <p class="headLine">Gratis-Hilfsprogramme f&uuml;rs Internet</p> </div> <div class="content"> <div class="textBlock"> <ul> <li><a href="http://www.computerbild.de/download/Biet-O-Matic-7500.html"><b>Biet-O-Matic</b></a> (eBay-Bietrogramm)</li> <li><a href="http://www.computerbild.de/download/DSL-Manager-1276108.html"><b>DSL-Manager</b></a> (Geschwindigkeit der DSL-Verbindung anzeigen und optimieren)</li> <li><a href="http://www.computerbild.de/download/FlashGet-929176.html"><b>FlashGet</b></a> (Download-Manager)</li> <li><a href="http://www.computerbild.de/download/Free-Download-Manager-8318.html"><b>Free Download Manager</b></a> (Download-Manager)</li> <li> <a href="http://www.computerbild.de/download/Miranda-IM-930322.html"><b>Miranda IM</b></a> (Chatprogramm für mehrere Messenger)</li> <li> <a href="http://www.computerbild.de/download/SG-TCP-Optimizer-2039002.html"><b>SG TCP Optimizer</b></a> (Internet-Verbindung optimieren)</li> <li><a href="http://www.computerbild.de/download/SmartFTP-902893.html"><b>SmartFTP</b></a> (Datenübertragung per FTP)</li> <li> <a href="http://www.computerbild.de/download/Supreme-Auction-8874.html"><b>Supreme Auction</b></a> (eBay-Verkaufsprogramm)</li> <li> <a href="http://www.computerbild.de/download/Trillian-Astra-425404.html"><b>Trillian </b></a> (Chatprogramm für mehrere Messenger)</li> <li> <a href="http://www.computerbild.de/download/Turbo-Lister-2-425687.html"><b>Turbo Lister</b></a> (eBay-Auktionen offline vorbereiten)</li> </ul> </div> </div> </div> <div class="teaser_rr doppel_artikel"> <div class="header clearfix"> <p class="headLine">Immer gut informiert</p> </div> <div class="content"> <div class="interspace clearfix"> <div class="pictureBlock"> <img src="http://i.computer-bild.de/imgs/t/trr/105969452_5505330e84.jpg" border="0" width="53" height="53" alt="" title="" /> </div> <div class="textBlock"> <p class="headLine"><a href="http://www.computerbild.de/artikel/avf-Aktuell-Audio-So-abonnieren-Sie-die-Newsletter-1924262.html">Newsletter abonnieren</a></p> <p>Erhalten Sie regelm&auml;&szlig;ig neue Tests, Ratgeber und aktuelle Nachrichten kostenlos in Ihr E-Mail-Postfach.<br /> <a href="http://www.computerbild.de/artikel/avf-Aktuell-Audio-So-abonnieren-Sie-die-Newsletter-1924262.html">&#187; So abonnieren Sie Newsletter</a></p> </div> </div> <div class="clearfix"> <div class="pictureBlock"> <img src="http://i.computer-bild.de/imgs/t/trr/105969453_652261ddcc.jpg" border="0" width="53" height="53" alt="" title="" /> </div> <div class="textBlock"> <p class="headLine"><a href="http://www.computerbild.de/artikel/cb-Ratgeber-Kurse-Internet-automatischer-Nachrichtendienst-RSS-1866025.html">Nachrichtendienst einrichten</a></p> <p>Niemals Tests oder Produkt-News verpassen: Mit RSS-Nachrichten sind Sie immer sofort informiert.<br /> <a href="http://www.computerbild.de/artikel/cb-Ratgeber-Kurse-Internet-automatischer-Nachrichtendienst-RSS-1866025.html">&#187; So richten Sie RSS-Feeds ein</a></p> </div> </div> </div> </div> <div class="teaser_rr bannerSpecial_rr"> <div class="content dark" style="background-image: url(http://i.computer-bild.de/imgs/t/trr/106291214_a8d67cd350.jpg); overflow:hidden" onclick="window.location.href='http://www.computerbild.de/cb-Special-Wallpaper-Wettbewerb-4532786.html';" > <div class="header clearfix"> <p class="headLine">28-Zoll-Monitor gewinnen</p> </div> <div class="textBlock"> <p class="headLine"><a href="http://www.computerbild.de/cb-Special-Wallpaper-Wettbewerb-4532786.html">Wallpaper-Wettbewerb</a></p> <p class="text">Motive hochladen oder bewerten <br /> und tolle Technik-Preise gewinnen!</p> </div> <div class="linkBlock clearfix"> <div class="linkText"> <a href="http://www.computerbild.de/cb-Special-Wallpaper-Wettbewerb-4532786.html" rel="nofollow">» Jetzt mitmachen </a> </div> </div> </div> </div> </div> <div id="ie_clearing">&nbsp;</div> <!-- End: IE Column Clearing --> </div> <div id="footer"> <p> <a href="http://www.computerbild.de/Kontakt-919444.html" rel="nofollow">Kontakt</a> | <a href="http://www.computerbild.de/jobs/" rel="nofollow">Jobs</a> | <a href="http://www.computerbild.de/Impressum-1375166.html" rel="nofollow">Impressum</a> | <a href="http://www.computerbild.de/AGB-919758.html" rel="nofollow">AGB</a> | <a href="http://www.computerbild.de/Datenschutz-919760.html" rel="nofollow">Datenschutz</a> | <a href="http://www.computerbild.de/aboservice" rel="nofollow">Abo-Service</a> | <a href="http://www.computerbild.de/cb-Service-Mediadaten-1533033.html" rel="nofollow">Mediadaten</a> | <a href="http://www.computerbild.de/newsletter.html" rel="nofollow">Newsletter</a> | <a href="http://www.computerbild.de/cb-Special-Windows-7-4350246.html">Windows 7</a> <br /><br /> <br /> </p> </div> <p id="printFooter" class="clearfix"> <span>© COMPUTER BILD</span> <strong>www.computerbild.de</strong> </p> </div> </div> <div style="position:absolute; left:-10px; top:-10px; visibility:hidden;"> <script type="text/javascript" language="JavaScript"><!-- var r2sz = screen.width+'x'+screen.height+'x'+screen.colorDepth; var con = navigator.cookieEnabled ? 1 : 0; document.write('<img id="rholive1" src="http://r1.computerbild.de/images/pic.gif?m=cobi;b=2690902;c=4857285;tit=%D6kostrom+setzt+sich+durch;url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html;sep=%7C;tce=%7C;tid=66;tn=Internet;tp=9%7C10%7C13;tc=9%7C10%7C13%7C66;tpn=CoBi-Navigation%7CCOMPUTER+BILD%7CNews;random=' + Math.random() + ';r=' + escape(document.referrer) + ';json=1;con='+con+';sz='+r2sz+';cs=1" width="1" height="1" alt="" />'); //--></script> <noscript> <img id="rholive1" src="http://r1.computerbild.de/images/pic.gif?m=cobi;b=2690902;c=4857285;tit=%D6kostrom+setzt+sich+durch;url=http%3A%2F%2Fwww.computerbild.de%2Fartikel%2Favf-News-Bunt-gemischt-oekostrom-setzt-sich-durch-4857285.html;sep=%7C;tce=%7C;tid=66;tn=Internet;tp=9%7C10%7C13;tc=9%7C10%7C13%7C66;tpn=CoBi-Navigation%7CCOMPUTER+BILD%7CNews;random=490895859;r=;cs=1" width="1" height="1" alt="" /> </noscript> <!--SZMFRABO VERSION="1.1" --> <script type="Text/Javascript"> <!-- var szmvars="cbo//CP//cb-1-6"; //--> </script> <script src="http://cbo.ivwbox.de/2004/01/survey.js" type="Text/Javascript"></script> <!-- /SZMFRABO --> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> try { var pageTracker = _gat._getTracker("UA-2095403-1"); pageTracker._trackPageview(); } catch(err) {} function urchinTracker() { try { pageTracker._trackPageview.apply(this, arguments); } catch(err) {} } </script> </div> </body> </html>