// JavaScript Document

function alertSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myWidth + "," + myHeight;
  window.alert( 'Width = ' + myWidth );
  window.alert( 'Height = ' + myHeight );
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfX+","+scrOfY;
}

function gallery_closeImg()
{
	document.getElementById('trans_layer').style.display = 'none';
	document.getElementById('img_view').style.display = 'none';
	document.getElementById('view_image').src = "";
}

window.onscroll = function()
{
	var shw = getScrollXY();
	var shw2 = shw.split(/,/);
	var sw = parseInt(shw2[0]);
	var sh = parseInt(shw2[1]);
	
	document.getElementById('trans_layer').style.top = sh + "px";
	document.getElementById('trans_layer').style.left = (sw-20) + "px";
}

function gallery_showImg(img_url)
{

	var hw = alertSize();
	var hw2 = hw.split(/,/);
	var w = parseInt(hw2[0]);
	var h = parseInt(hw2[1]);


	var shw = getScrollXY();
	var shw2 = shw.split(/,/);
	var sw = parseInt(shw2[0]);
	var sh = parseInt(shw2[1]);

	document.getElementById('img_view').style.display = 'inline';
	document.getElementById('view_image').src = img_url;
	document.getElementById('img_view').style.top = (sh + 50) + "px";
	document.getElementById('img_view').style.left = ((w/2) - 300) + "px";
	document.getElementById('img_view').style.margin = 'auto';
	
	document.getElementById('trans_layer').style.display = 'inline';
	document.getElementById('trans_layer').style.width = w + "px";
	document.getElementById('trans_layer').style.height = h + "px";
	
}