function showBig(dstImg,obj){
    if(document.getElementById("bigImg")){
        //$("#bigImg").click();
        removeImg();
    }
    var _time = 300;
    var pos = getPos(obj);
    var imgDiv = document.createElement("div");
    imgDiv.style.backgroundColor = "#FFFFFF";
    imgDiv.id = "bigImg";
    var imgDirPath = "/images/";
    imgDiv.style.position = "absolute";
    imgDiv.style.left = pos.x + "px";
    imgDiv.style.top = pos.y + "px"; 
    imgDiv.style.border = "1px solid #EFEFEF";
    var bigImg = dstImg.replace(new RegExp(/(.+\/)+/),'');
    bigImg = bigImg.replace(new RegExp(/(\..+)/),'');
    bigImg = bigImg.replace('-','');
    bigImg = bigImg.replace('-','');
    var _maxWidth = document.getElementById(bigImg).width;
    var _maxHeight = document.getElementById(bigImg).height;
    var _minWidth = obj.width;
    var leftOffset = pos.x - (_maxWidth - _minWidth)/2;
    leftOffset = leftOffset < 0?0:leftOffset;
	//leftOffset = (document.body.scrollWidth/2)-(_maxWidth/2);
    var topOffset = pos.y - (_maxHeight - obj.height)/2;
    topOffset = topOffset < 0?0:topOffset;
	//topOffset = 250;
	
    imgDiv.innerHTML = '<div id="close_p"></div><img id="b_img" src="' + imgDirPath + dstImg + '" border="0" width="' + obj.width + '" /><div id="b_img_but" style="padding-top:5px;"></div>';
    document.body.appendChild(imgDiv);
    $("#bigImg img").toggle(function(){
			$(this).animate({width:_maxWidth + "px"},_time);
			$("#bigImg").animate({left:leftOffset,top:topOffset},_time);
			$('#close_p').html('<img style="position:absolute;right:10px;top:10px;cursor:pointer;" src="'+imgDirPath+'close.gif" alt="close" />')
				.click(function(){
						$('#b_img').animate({width:_minWidth + "px"},_time);
						$("#bigImg").animate({left:pos.x,top:pos.y},_time);
						window.setTimeout("removeImg()",_time + 1);
				 });
			$('#b_img_but').html($('#imagebar').html()).find('img').click(function(){
																				   $('#b_img').attr('src',imgDirPath+$(this).attr('big'));
																				   });
        },
        function(){
			$(this).animate({width:_minWidth + "px"},_time);
			$("#bigImg").animate({left:pos.x,top:pos.y},_time);
			window.setTimeout("removeImg()",_time + 1);
        }
    );
    $("#bigImg img").click();
}
function showMiddle(imgurl,bigimg,title,obj)
{
	var imgDirPath = "/images/";
	$('.small_img').css('border','1px solid #ccc');
	obj.style.border = '1px solid #c00';
	
	$('#m_img').html('<img src="'+imgDirPath+imgurl+'" alt="'+title+'" style="" onclick="showBig(\''+bigimg+'\',this);" border="0" vspace="5" hspace="5">');
}
function removeImg(){
    document.body.removeChild(document.getElementById("bigImg"));
}
function getPos(obj){
    var pos = new Object();
    pos.x = obj.offsetLeft;
    pos.y = obj.offsetTop;
    while(obj = obj.offsetParent){
        pos.x += obj.offsetLeft;
        pos.y += obj.offsetTop;
    }
    return pos;
}