var actual_image = -1
function show_big_image(image_to_display, image_sizeW, image_sizeH, img_nr, titleTab)
{
    actual_image = img_nr;
    var widthScreen = document.body.offsetWidth;
    var posLeft = parseInt(widthScreen / 2 - image_sizeW / 2)
    if (posLeft%2!=0)
        posLeft--;
	document.getElementById('top_box_image').innerHTML = titleTab;
    document.getElementById('top_box_image').style.width = (image_sizeW)+"px"
    document.getElementById('bottom_box_image').style.width = (image_sizeW)+"px"
	document.getElementById('the_image_of_the_container').style.width = (image_sizeW)+"px"
	document.getElementById('containerTop').style.width = (image_sizeW+356)+"px"
	document.getElementById('containerMiddle').style.width = (image_sizeW+356)+"px"
	document.getElementById('containerBottom').style.width = (image_sizeW+356)+"px"
	
	document.getElementById('img_left').style.height = (image_sizeH)+"px"
	document.getElementById('img_right').style.height = (image_sizeH)+"px"

    document.getElementById('container_big_image').style.left = posLeft+"px"
	if (document.documentElement.clientHeight > image_sizeH)
		var heightPlacePosition = parseInt((document.documentElement.clientHeight - image_sizeH) / 2 + document.documentElement.scrollTop)
	else
		var heightPlacePosition = document.documentElement.scrollTop
    document.getElementById('container_big_image').style.top = heightPlacePosition+"px";
    document.getElementById('the_image_of_the_container').innerHTML = '<img src="'+image_to_display+'" />';
    document.getElementById('container_big_image').style.display='';
    repost_image_on_resize(image_sizeW, image_sizeH, img_nr);
}
function close_image()
{
    document.getElementById('container_big_image').style.display='none'
}
function repost_image_on_resize(image_sizeW, image_sizeH, img_nr)
{
    if ((img_nr==actual_image) && (document.getElementById('container_big_image').style.display==""))
    {
        var widthScreen = document.body.offsetWidth;
        var posLeft = parseInt(widthScreen / 2 - image_sizeW / 2)
        if (posLeft%2!=0)
            posLeft--;

        document.getElementById('container_big_image').style.left = posLeft+"px"

		if (document.documentElement.clientHeight > image_sizeH)
			var heightPlacePosition = parseInt((document.documentElement.clientHeight - image_sizeH) / 2 + document.documentElement.scrollTop)
		else
			var heightPlacePosition = document.documentElement.scrollTop

        document.getElementById('container_big_image').style.top = heightPlacePosition+"px"
        setTimeout("repost_image_on_resize("+image_sizeW+", "+image_sizeH+", "+img_nr+")", 10);
    }
}