$(document).ready(function() {
	$("#content").css("display", "none");
	var border = Math.round((document.documentElement.clientHeight - 600) / 2);	
	$("#container").css('border-top', border + "px solid #FFF");
    $(".menulayer").click(function () { 
        var id = $(this).attr('id');
		var origid = "#"+id.replace(/layer/, 'textimg');
		var hid = "#"+id.replace(/layer/, 'h');
		var vid = "#"+id.replace(/layer/, 'v');
		var newid = id.replace(/layer/, 'new');
		var closing = false;
		var existing = $("#"+newid);
		if (existing.length > 0) closing = true;
		
		//$(".textimg").remove();
		if (closing == true) {
			$("#"+newid).remove();
			$(vid).show();
			$(hid).hide();
			return;
		}
		$(hid).show();
		$(vid).hide();
		var newElement = $(origid).clone();
	    newElement.css('margin-top', $(this).css('margin-top'));
	    newElement.css('height', $(this).css('height'));
		newElement.attr('class', 'textimg');
		newElement.attr('id', newid);
		newElement.hide();
        $(this).after(newElement);
		if (newid == 'new01') newElement.animate({ width:"480px" }, 500);
		else if (newid == 'new02') newElement.animate({ width:"180px" }, 500);
		else if (newid == 'new10') newElement.animate({ width:"400px" }, 500);
		else newElement.animate({ width:"300px" }, 500);
    });
});