var urbntop=1;
var urbnleft=1;
var urbntop2=urbntop*-1;
var urbnleft2=urbnleft*-1;
var urbnwidth=480;
var urbnheight=400;
var urbaniteProductURL=escape(urbaniteProductURL);
var urbaniteProductDescription=escape(urbaniteProductDescription);
var urbaniteProductImage=escape(urbaniteProductImage);
var urbaniteProductTitle=escape(urbaniteProductTitle);
var urbaniteProductID=escape(urbaniteProductID);

function yep() {
document.getElementById("urbanitecanvas2").style.display="none";
document.getElementById("urbanitecanvas").style.display="block";
document.getElementById("urbanite").style.display="block";
}
function yep2() {
document.getElementById("urbaniteframe2").style.display="none";
document.getElementById("urbaniteframe2").src="http://kingofplay.com/urbanite/index.php?id=2&a="+urbaniteProductURL+"&b="+urbaniteProductDescription+"&c="+urbaniteProductImage+"&d="+urbaniteProductTitle+"&e="+urbaniteProductID;
document.getElementById("urbanloader").style.display="block";
document.getElementById("urbanitecanvas").style.display="none";
document.getElementById("urbanitecanvas2").style.display="block";
document.getElementById("urbanite").style.display="block";
setTimeout(function() { document.getElementById("urbaniteframe2").style.display="block"; }, 2500);
setTimeout(function() { document.getElementById("urbanloader").style.display="none"; }, 5000);
}

var tw="Me like! http://boho.se/?utm_source=Twitter&utm_medium=Urbanite&utm_campaign=Urbanite";
document.write('<DIV ID="urbanitenav"><A HREF="javascript:yep();">GO</A> <A HREF="javascript:yep2();">GO2</A> <A HREF="http://twitter.com/home?status='+tw+'">GO3</A></DIV>');

var pos=getPosition('urbanitenav');
//alert(offsetHeight);
//alert('x:' + pos.x.toString() + ', y:' + pos.y.toString());
var realtop=pos.y+urbntop;
var realleft=pos.x+urbnleft;

var pageHeight=(document.height !== undefined) ? document.height:document.body.offsetHeight;
var pageWidth=(document.width !== undefined) ? document.width:document.body.offsetWidth;

document.getElementById("urbanite").style.display="none";
document.getElementById("urbanite").onclick=function(){ document.getElementById("urbanite").style.display="none"; }
var bgrImage="url(http://kingofplay.com/urbanite/overlay.png)";
document.getElementById("urbanite").style.backgroundImage=bgrImage;
document.getElementById("urbanite").style.position="absolute";
document.getElementById("urbanite").style.zIndex="9999999";
document.getElementById("urbanite").style.width=pageWidth+"px";
document.getElementById("urbanite").style.height=pageHeight+"px";
document.getElementById("urbanite").style.top="0px";
document.getElementById("urbanite").style.left="0px";

function close() { document.getElementById("urbanite").style.display="none"; }

var bajs='<div id="urbanitecanvas2" style="position:absolute;top:'+realtop+'px;left:'+realleft+'px;z-index:9999998;"><div style="';
bajs=bajs+"background-image:url('http://kingofplay.com/urbanite/ovrl1.png');background-repeat:no-repeat;";
bajs=bajs+'position:absolute;top:0px;left:0px;width:660px;height:35px;z-index:9999998;"><DIV STYLE="position:absolute;top:20px;left:600px;"><A HREF="javascript:close();">Stang</A></DIV></DIV><div style="';
bajs=bajs+"background-image:url('http://kingofplay.com/urbanite/ovrl2.png');background-repeat:repeat-y;";
bajs=bajs+'overflow:hidden;position:absolute;top:35px;left:0px;width:660px;height:370px;z-index:9999998;"><DIV ID="urbanloader" STYLE="position:absolute;top:25px;left:30px;"><IMG SRC="http://kingofplay.com/urbanite/loading.gif"></DIV><IFRAME STYLE="position:absolute;top:-110px;left:17px;width:625px;height:460px;" NAME="urbaniteframe2" ID="urbaniteframe2" SRC="http://kingofplay.com/urbanite/blank.html" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="no" VSPACE="0" HSPACE="0" BORDER="0" FRAMEBORDER="0" allowtransparency="true"> </IFRAME></div><div style="';
bajs=bajs+"background-image:url('http://kingofplay.com/urbanite/ovrl3.png');background-repeat:no-repeat;background-position:bottom left;";
bajs=bajs+'position:absolute;top:405px;left:0px;width:660px;height:35px;z-index:9999998;">hh</div></div>';

bajs=bajs+'<div id="urbanitecanvas" style="position:absolute;top:'+realtop+'px;left:'+realleft+'px;z-index:9999998;"><div style="';
bajs=bajs+"background-image:url('http://kingofplay.com/urbanite/ovrl1.png');background-repeat:no-repeat;";
bajs=bajs+'position:absolute;top:0px;left:0px;width:660px;height:35px;z-index:9999998;"><DIV STYLE="position:absolute;top:20px;left:600px;"><A HREF="javascript:close();">Stang</A></DIV></DIV><div style="';
bajs=bajs+"background-image:url('http://kingofplay.com/urbanite/ovrl2.png');background-repeat:repeat-y;";
bajs=bajs+'position:absolute;top:35px;left:0px;width:660px;height:470px;z-index:9999998;"><IFRAME STYLE="position:absolute;top:15px;left:25px;width:605px;height:420px;" NAME="urbaniteframe" ID="urbaniteframe" SRC="http://kingofplay.com/urbanite/index.php?id=1&a='+urbaniteProductURL+'&b='+urbaniteProductDescription+'&c='+urbaniteProductImage+'&d='+urbaniteProductTitle+'&e='+urbaniteProductID+'" MARGINWIDTH="0" MARGINHEIGHT="0" SCROLLING="auto" VSPACE="0" HSPACE="0" BORDER="0" FRAMEBORDER="0" allowtransparency="true"> </IFRAME></div><div style="';
bajs=bajs+"background-image:url('http://kingofplay.com/urbanite/ovrl3.png');background-repeat:no-repeat;background-position:bottom left;";
bajs=bajs+'position:absolute;top:505px;left:0px;width:660px;height:35px;z-index:9999998;">hh</div></div>';
document.getElementById("urbanite").innerHTML=bajs;

function getPosition(elementId) {
var element = document.getElementById(elementId);
var left = 0;
var top = 0;
if (element != null)
{
    try
    {
        while (element.offsetParent)
        {
            left += element.offsetLeft;
            if (element.offsetParent.scrollLeft) {left -= element.offsetParent.scrollLeft; }
            top += element.offsetTop;
            if (element.offsetParent.scrollTop) { top -= element.offsetParent.scrollTop; }
            element = element.offsetParent;
        }
    }
    catch (e)
    {
        // Do nothing
    }
    left += element.offsetLeft + document.body.scrollLeft - document.body.clientLeft;
    top += element.offsetTop + document.body.scrollTop - document.body.clientTop;
}
return {x:left, y:top};
}