function getViewportWidth() {

	var viewportwidth = 0;

	// mozilla/netscape/opera/IE7
	if ( typeof window.innerWidth != 'undefined' ) {
		viewportwidth = window.innerWidth;
	}
	// IE6
	else if ( typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
		viewportwidth = document.documentElement.clientWidth;
	}
	// regi IE
	else {
		viewportwidth = document.getElementsByTagName('body')[0].clientWidth;
	}
	
	return viewportwidth;
}

/**-------------------------------------------------------------**/

function getViewportHeight() {

	var viewportheight = 0;

	// mozilla/netscape/opera/IE7
	if ( typeof window.innerWidth != 'undefined' ) {
		viewportheight = window.innerHeight;
	}
	// IE6
	else if ( typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
		viewportheight = document.documentElement.clientHeight;
	}
	// regi IE
	else {
		viewportheight = document.getElementsByTagName('body')[0].clientHeight;
	}
	
	return viewportheight;
}

/**-------------------------------------------------------------**/

function showImage( image_path ) {
	var div_width = getViewportWidth();
	var div_height = getViewportHeight();
	alert( 'width: '+getViewportWidth()+'; height: '+getViewportHeight() );
	getImageWidth( image_path );
	var img_container = document.createElement( 'div' );
	img_container.innerHTML = "<h1>Hi there and greetings!</h1>";
	// img_container.setAttribute( "className", "gallery_pic_container" );
	img_container.setAttribute( "style", "width: 100px; height: 100px; position: absolute; top: 100px; left: 100px; display: none;" );
	img_container.setAttribute( "id", "valami" );
	var bodyID = document.getElementById("sitebody");
	// var bodyID = document.getElementsByTagName("body")[0];
	bodyID.appendChild(img_container);
	Effect.Appear('valami');
}

/**-------------------------------------------------------------**/

function getImageWidth( image_path ) {
	var pic_id = "pic_"+Math.round( Math.random() * 10000 );
	alert( "pic_id: "+pic_id );
	var Image = document.createElement( 'img' );
}

/**-------------------------------------------------------------**/

function getImageHeight( id ) {
}

/**-------------------------------------------------------------**/

function feldob(nev) {
    var layer = document.getElementById(nev);
    // layer.style.visibility = "visible";
    layer.style.display = "block";
}

/**-------------------------------------------------------------**/

function ki(nev) {
    var layer = document.getElementById(nev);
    // layer.style.visibility = "hidden";
    layer.style.display = "none";
}