function showImage(path,w,h){
	displayLarge(path);
}
function showGallery(id){
	document.getElementById('g'+ id).style.height = '';
	document.getElementById('c'+ id).innerHTML = '<a href="javascript:hideGallery('+ id +')">'+ hide +'</a>';
}
function hideGallery(id){
	document.getElementById('g'+ id).style.height = '114px';
	document.getElementById('c'+ id).innerHTML = '<a href="javascript:showGallery('+ id +')">'+ show +'</a>';
}
function showId(id){
 	document.getElementById(id).style.display = '';
}

var bw = 0;
var bh = 0;
var sw = 0;
var sh = 0;

function getSizes(){

	if( typeof( window.innerWidth ) == 'number' ) {
		bw = window.innerWidth;
		bh = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		bw = document.documentElement.clientWidth;
		bh = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		bw = document.body.clientWidth;
		bh = document.body.clientHeight;
	}

	return;

}
function getScrollSizes() {
	
	/*if( typeof( window.pageYOffset ) == 'number' ) {
		sw = window.pageXOffset;
		sh = window.pageYOffset;
	} else if(document.body.scrollTop) {
		sw = document.body.scrollLeft;
		sh = document.body.scrollTop;
	} else if(document.documentElement.scrollTop) {
		sw = document.documentElement.scrollLeft;
		sh = document.documentElement.scrollTop;
	}*/
	if( typeof( window.pageYOffset ) == 'number' ) {
		sw = window.pageXOffset;
		sh = window.pageYOffset;
	} else {
		sw = document.getElementById('lionsljubljana').scrollLeft;
		sh = document.getElementById('lionsljubljana').scrollTop;		
	}		
	
 	return;

}
function displayLarge(path){

	html = '<div class="largedisplay">';
	html += '<div class="largedisplayclose"><a href="javascript:hideLarge()"><img src="/layout/close.gif"></div>';
	html += '<div class="largedisplayimage"><a href="javascript:hideLarge()"><img src="/images/'+ path +'-xl.jpg" onload="styleLarge(this.width,this.height)"></a></div>';
	html += '</div>';

	document.getElementById('largeimage').style.display = '';
	document.getElementById('largeimage').style.visibility = 'hidden';
	document.getElementById('largeimage').style.top = '0px';
	document.getElementById('largeimage').style.left = '0px';
	document.getElementById('largeimage').innerHTML = html;

}
function styleLarge(w,h){

	getSizes();
	getScrollSizes();
	
	w = w + 52;
	h = h + 52;
	
	
	document.getElementById('largeimage').style.width = w + 'px';
	document.getElementById('largeimage').style.height = h + 'px';
	
	document.getElementById('largeimage').style.left = (((bw - sw) - w) / 2) + 'px';	
	document.getElementById('largeimage').style.top = ((bh + sh) - ((h + bh) / 2) + 30) + 'px';
	
	document.getElementById('largeimage').style.visibility = 'visible';
	
}
function hideLarge(){
	document.getElementById('largeimage').innerHTML	= '';
	document.getElementById('largeimage').style.display = 'none';
}
function hideImage(id){
	document.getElementById('pic'+id).innerHTML = '';
}