function showUpWith(st){
	var offse =  $("#wrap").offset();
	$("#showupwithback").css({ "opacity": "0.6" });  
	$("#showupwithback").css({ "left": offse.left }); 
	$("#showupwithback").css({ "top": offse.top }); 
	$("#showupwith").css({ "left":offse.left }); 
	$("#showupwith").css({ "top": offse.top }); 

	$("#showupwithback").fadeIn("slow");  
	$("#showupwith").html("<span>X</span><br><img src='"+st+"'>");
	$("#showupwith").fadeIn("slow");
}


function showupClose(){
	$("#showupwith").css({ "display" : "none" });
	$("#showupwithback").css({ "display": "none" });
}


function showUpWithData(strstr){
	var offse =  $("#wrap").offset();  
	$("#showupwithbackDATA").css({ "opacity": "0.8" });  
	$("#showupwithbackDATA").css({ "left": offse.left }); 
	$("#showupwithbackDATA").css({ "top": offse.top }); 
	
	$("#showupwithDATA").css({ "left":offse.left }); 
	$("#showupwithDATA").css({ "top": offse.top }); 

	$("#showupwithbackDATA").fadeIn("slow");  
	$("#showupwithDATA").html("<span>X</span><br>"+  converttohtml( strstr ));
	$("#reptext").css({ "color":"white" }); 
	$("#reptextoben").css({ "color":"white" });
	$("#showupwithDATA").fadeIn("slow");
}

function showupCloseData(){
	$("#showupwithDATA").css({ "display" : "none" });
	$("#showupwithbackDATA").css({ "display": "none" });
	$("#reptext").css({ "color":"#59635e" }); 
	$("#reptextoben").css({ "color":"#59635e" });
}

function converttohtml(str)
{
	
  str = str.replace(/&amp;/g, "&");
  str = str.replace(/&gt;/g, ">");
  str = str.replace(/&lt;/g, "<");
  str = str.replace(/&quot;/g, '"');
  str = str.replace(/&#039;/g, "'");
  
  
  return str;
}