function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) {createCookie(name,"",-1);} var popover = { "target":"popover2571", "image" : "popover_image.png", "width" : 365, "height" : 370, "exit_button" : { "left":269, "top":22, "width":63, "height":52 }, "link_button" : { "left":18, "top":73, "width":328, "height":279 }, "debug" : false, "auto_hide" : 30, "link" : "http://9001blueprint.com", "cookiename" : "websitecookie", "cookiedays" : 30, "rule" : "session", "time_out" : 60, "position_left" : "50%", "position_top" : "50%" }; function hide_popover(){document.getElementById(popover.target).style.display = "none";} function clearInnerHTML(obj){while(obj.firstChild) obj.removeChild(obj.firstChild);} window.onload = function(){ if(popover.rule != "never" || (popover.rule == "session" && 0 == 0)) { var showPopover = false; if(popover.rule == "always"){showPopover = true;} else { var cookieData; var cookieArray; var date = new Date(); var time = date.getTime(); cookieData = readCookie(popover.cookiename); if(cookieData){cookieArray = cookieData.split("@:@");} if(!cookieData || cookieArray[0] != popover.rule || (cookieArray[0] == "timeout" && time >= cookieArray[1])) { if(popover.rule == "timeout"){time = parseInt(time + parseInt(popover.time_out) * 1000);} var cookieValue = popover.rule + "@:@" + time + "@:@"; createCookie(popover.cookiename,cookieValue,popover.cookiedays); cookieData = readCookie(popover.cookiename); showPopover = true; } } if(showPopover) { var createNew = true; var o = document.getElementById(popover.target); if(o){createNew = false; clearInnerHTML(o);} else{o = document.createElement("div"); o.id = popover.target;} var exitButtonDiv = document.createElement("div"); exitButtonDiv.id= popover.target+"_exit_button"; var linkButtonDiv = document.createElement("div"); linkButtonDiv.id= popover.target+"_link_button"; o.style.position = "absolute"; if ( popover.position_left.search(/\%/) >= 0 ){ var window_width = window.innerWidth; if ( typeof ( window_width ) != "number" ){window_width = document.body.clientWidth;} var percentage = parseInt(popover.position_left,10) / 100; var left = Math.floor( percentage * window_width ); left -= (popover.width/2); o.style.left = Math.floor(left) + "px"; } else {o.style.left = popover.position_left;} if ( popover.position_top.search(/\%/) >= 0 ){ var window_height = window.innerHeight; if ( typeof ( window_height ) != "number" ){ window_height = document.documentElement.clientHeight; if ( window_height == 0 ){window_height = document.body.clientHeight;} } var percentage = parseInt(popover.position_top,10) / 100; var top = Math.floor( percentage * window_height ); top -= (popover.height/2); o.style.top = top + "px"; } else {o.style.top = popover.position_top;} o.style.width = popover.width + "px"; o.style.height = popover.height + "px"; o.style.backgroundImage = "url(" + popover.image + ")"; exitButtonDiv.style.position = "absolute"; exitButtonDiv.style.left = popover.exit_button.left + "px"; exitButtonDiv.style.top = popover.exit_button.top + "px"; exitButtonDiv.style.width = popover.exit_button.width + "px"; exitButtonDiv.style.height = popover.exit_button.height + "px"; exitButtonDiv.style.cursor = "pointer"; exitButtonDiv.style.zIndex = 100; exitButtonDiv.onclick = function(){hide_popover();}; linkButtonDiv.style.position = "absolute"; linkButtonDiv.style.left = popover.link_button.left + "px"; linkButtonDiv.style.top = popover.link_button.top + "px"; linkButtonDiv.style.width = popover.link_button.width + "px"; linkButtonDiv.style.height = popover.link_button.height + "px"; linkButtonDiv.style.cursor = "pointer"; linkButtonDiv.onclick = function(){window.location = popover.link;} if ( popover.auto_hide > 0 ){setTimeout( hide_popover, popover.auto_hide * 1000 );} if ( popover.debug == true ){ exitButtonDiv.style.border = "2px solid red"; linkButtonDiv.style.border = "2px solid red"; } o.appendChild(exitButtonDiv); o.appendChild(linkButtonDiv); if(createNew){document.body.appendChild(o);} } } };