//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"));
//try {
//    var pageTracker = _gat._getTracker("UA-11578191-2");
//    pageTracker._trackPageview();
//} catch(err) {}
  
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-11578191-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
  })();

function closeGraybox(){
    $('graybox').style.display = 'none';
}
function showImage(element){
    if(element == null){
	return false;
    }
    var source = element.getAttribute('src');
    var imageNo = element.id;
    var next = parseFloat(imageNo,2) + 1;
    var back = parseFloat(imageNo,2) - 1;
    $('next').setAttribute('onClick', 'showImage($("'+next+'"))');
    $('back').setAttribute('onClick', 'showImage($("'+back+'"))');
    $('graybox-container').style.width = element.getAttribute('w')+'px';
    $('graybox-container').style.height = element.getAttribute('h')+'px';
    var newSource = source.replace(/(.*?)thumbs\/(.*?)/, "$1$2");
    var largeImageSource = source.replace(/(.*?)thumbs\/(.*?)/, "$1large/$2");
    largeImageSource = largeImageSource.replace(/image/,"hi-res\/image");
    $('graybox-image').innerHTML = "<img onclick='closeGraybox()' id='new-image' src='"+newSource+"'><br><a class='hi-res' onclick='window.open(\""+largeImageSource+"\",\"_self\")'>Download Hi-Res</a>";
    $('graybox').style.display = 'block';
    putDivInCenter('graybox-container');
    return false;
}

function putDivInCenter(div_id){
    var verticalOffset = 50;
    var calculatedWidth = ((document.viewport.getWidth() - $(div_id).getWidth()) / 2);
    var calculatedHeight = (((document.viewport.getHeight() - $(div_id).getHeight()) / 2) - verticalOffset);
    $(div_id).style.left = (calculatedWidth > 0 ? calculatedWidth : 10) + 'px';
    $(div_id).style.top = (calculatedHeight > 0 ? calculatedHeight : 10)  + 'px';
}