var content;
var full;
var mini;
var interval;
var isClick = false;
var delay = 250;

$(function() {
	
	content = document.getElementById("content-box");
	full = document.getElementById("full-view");
	mini = document.getElementById("mini-view");

	//content.innerHTML = full.innerHTML;
	
	$("#content-box").draggable();				
	
});



function showFullView()
{
	if (isClick)
	{
		//content.innerHTML = full.innerHTML;	
		//$(content).css({"width":"458px"});
		$(mini).css({"display":"none"});
		$(full).css({"display":"block"});
		
	}
}

function showMiniView()
{
	if (isClick)
	{
				
		$(full).css({"display":"none"});
		$(mini).css({"display":"block"});
		//content.innerHTML = mini.innerHTML;			
		//$(content).css({"width":"1px","height":"1px"});
	}
}		


function checkIsClick()
{
	isClick = true;
	interval = setTimeout("clearClickFlag()",delay);
}
function clearClickFlag()
{
	isClick = false;
}