function init() {
var viewportwidth;
var viewportheight;

// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

if (typeof window.innerWidth != 'undefined')
{
     viewportwidth = window.innerWidth,
     viewportheight = window.innerHeight
}

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

else if (typeof document.documentElement != 'undefined'
    && typeof document.documentElement.clientWidth !=
    'undefined' && document.documentElement.clientWidth != 0)
{
      viewportwidth = document.documentElement.clientWidth,
      viewportheight = document.documentElement.clientHeight
}

// older versions of IE

else
{
      viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
      viewportheight = document.getElementsByTagName('body')[0].clientHeight
}
var left1=viewportwidth/2;
var left2=viewportwidth/2;
var left3=viewportwidth/2;
var left4=viewportwidth/2;
$('#link').css('left', left1);
$('#link2').css('left', left2);
//$('#box1').css('left', left1);
//$('#box2').css('left', left2);
/*document.getElementById('box1').style.left = left1 + 'px';
document.getElementById('box2').style.left = left2 + 'px';
document.getElementById('box3').style.left = left3 + 'px';
document.getElementById('box4').style.left = left4 + 'px';*/

}
window.onload = init;
window.onresize = init;
//-->

// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready

$(document).ready(function() {
$("#link").tooltip({offset: [12,2],effect: 'slide'});
$("#box2").tooltip({offset: [12,2],effect: 'slide'});
});