// JavaScript Document
 var cur="";
 var curx="";
 var curd="";
 function showPanel(obj,id)
 {
 if(curd!="")
     {
         $get(curd).style.display='none';
    }
    var p=getPosition(obj);
	$get(id).style.left=(p['x'])+"px";
	$get(id).style.top=(p['y']+48)+"px";
	$get(id).style.display='block';
	curd=id;
    
 }
function showPanelx(obj,id,top)

{ 
if(curx!="")
		{
			$get(curx).style.display='none';
		}
	var p=getPosition(obj);
	$get(id).style.left=(p['x']+135)+"px";
	$get(id).style.top=(top)+"px";
	$get(id).style.display='block';
	curx=id;

}
function showPaneld(obj,id)

{ 
if(cur!="")
		{
			$get(cur).style.display='none';
			
		}
		$(".sidenav .on").removeClass("on");
	var p=getPosition(obj);
	$get(id).style.left=(p['x']+165)+"px";
	$get(id).style.top=(p['y'])+"px";
	$get(id).style.display='block';
	$get(id+'x').className='on';
	cur=id;
}
function hidePanel(id)
{
	$get(id).style.display='none';
}
function $get(id)
{
	return	document.getElementById(id);
}

function getPosition(obj)
{
	var r = new Array();
	r['x'] = obj.offsetLeft;
	r['y'] = obj.offsetTop;
	while(obj = obj.offsetParent) {
		r['x'] += obj.offsetLeft;
		r['y'] += obj.offsetTop;
	}
	return r;
}
var xd="";
function show(obj,id)
{ if (xd!="")
  {$("#"+xd).hide()
  }
$("#"+id).show()
 xd=id;
}

function trange(id,name)
{  
document.getElementById(id).src='upload/'+name

}
  function changeClass(obj,k){
	  
	  
	  if(k==1){
		  document.getElementById(obj).style.display=''
	  }
	  else
	  {
		  
		  document.getElementById(obj).style.display='none'
	  }
	  
  }
  
  function tranged(id,name)
{  
document.getElementById(id).src='../upload/'+name

}
  function changeClass(obj,k){
	  
	  
	  if(k==1){
		  document.getElementById(obj).style.display=''
	  }
	  else
	  {
		  
		  document.getElementById(obj).style.display='none'
	  }
	  
  }