var div_obj;
var imgImage;
var divImage;
var position;
var bigImageShowDelay = 100;

function showBigImage(obj_id,url) {

	hideImage(divImage);
	var obj = document.getElementById(obj_id);
	div_obj = obj;
	
    image = new Image();
    image.src = url;
    
	
/*
	while(!image.complete && c<1000){
    	c++;
    }
*/
	setTimeout(function(){ 

	    position = (image.width < image.height) ? "Vert" : "Horiz";
	
	    imgImage = document.getElementById('BigPhoto'+position);
	    divImage = document.getElementById('Big'+position);
		
		divImage.style.visibility = 'hidden';
		imgImage.setAttribute('src','');
	
	    calculatePosition(div_obj);
		
		imgImage.setAttribute('src',url);
		//divImage.style.display = 'block';
		setTimeout("showDivImage()",bigImageShowDelay);


	},1)

	//alert (divImage.style.left+' ||| '+divImage.style.top);
	//alert(obj.offsetLeft+'----'+obj.offsetTop);
}

function calculatePosition(obj){

    var Top = 0;
    var Left = 0;
    var elem = obj;
    
    while (elem)
    {
        Top += elem.offsetTop;
        Left += elem.offsetLeft;
        elem = elem.offsetParent;
    }
    
    var trigger = (divImage.stylevisibility = 'hidden') ? "show" : "resize";
    
    //divImage.style.display = "block";
    var width = divImage.offsetWidth;
    divImage.style.visibility = (trigger == "show") ? "hidden" : "visible";
    
    Top -= (position == "Vert") ? 2 : 7;
	//Left -= width - 127;
    Left -= width - 111;

	divImage.style.top = Top+'px';
	divImage.style.left = Left+'px';

}

function resizeSpace() {
	if(div_obj) {
	    calculatePosition(div_obj);
	}
}


function hideImage(obj) {
	if(imgImage) {
		imgImage.setAttribute('src','');
		obj.style.visibility = 'hidden';
	}
}

function showDivImage() {
    divImage.style.visibility = 'visible';
}