active_div="";
	d=document;
	p1_initX = "";
	p1_initY = "";
	
	function init0(){
			init(); 
			refresh("all");
			
			/* alert ( "" + $("p2").innerHTML + "\n" ); */
	}
		
		
	function init () {
			
			p1_initX = $("p1").style.left;
			p1_initY = $("p1").style.top;
		
			p2_initX = $("p2").style.left;
			p2_initY = $("p2").style.top;
			
			p3_initX = $("p3").style.left;
			p3_initY = $("p3").style.top;
			
			p4_initX = $("p4").style.left;
			p4_initY = $("p4").style.top;
			
			/* 
			alert ("p1_initX: " + p1_initX + " p1_initY: " + p1_initY + "\n" +
					"p2 left:" + $("p2").style.left + " p2top:" + $("p2").style.top + "\n" + 
					"p3 left:" + $("p3").style.left + " p3top:" + $("p3").style.top + "\n" + 
					"p4 left:" + $("p4").style.left + " p4top:" + $("p4").style.top); 
			*/
			
			
	}
	
	function refresh (el) {
	
		/* 
		alert ("refresh = p1_initY: " + p1_initX + " p1_initY: " + p1_initY + "\n" +
					"p2 left:" + $("p2").style.left + " p2top:" + $("p2").style.top + "\n" + 
					"p3 left:" + $("p3").style.left + " p3top:" + $("p3").style.top + "\n" + 
					"p4 left:" + $("p4").style.left + " p4top:" + $("p4").style.top); 
		*/
					
					
		if (el == "p1") {
			$(el).style.left = p1_initX;
			$(el).style.top = p1_initY;
		} else if (el == "p2") {		
			$(el).style.left = p2_initX;
			$(el).style.top = p2_initY;
		} else if (el == "p3") {		
			$(el).style.left = p3_initX;
			$(el).style.top = p3_initY;
		} else if (el == "p4") {		
			$(el).style.left = p4_initX;
			$(el).style.top = p4_initY;
		} else if (el == "all") {
			$("p1").style.left = p1_initX;
			$("p1").style.top = p1_initY;
			$("p2").style.left = p2_initX;
			$("p2").style.top = p2_initY;		
			$("p3").style.left = p3_initX;
			$("p3").style.top = p3_initY;		
			$("p4").style.left = p4_initX;
			$("p4").style.top = p4_initY;
			
			$("ta1").value = " ";
			$("ta2").value = " ";
			$("ta3").value = " ";
			$("ta4").value = " ";
			/* 
			$("ta1").innerHTML = ""; 
			$("ta2").innerHTML = "";
			$("ta3").innerHTML = "";
			$("ta4").innerHTML = "";
			 */
		
			
			
			
		} else {
		}
		
		

	}


	
	function set_hidden_vars () {
		
		for (i=1; i<=4; i++) {
		
			var active_div = "p" + i;
			
			// Задаем имена ID   hidden полей
			var offX = "new_" + active_div + "_left";
			var offY = "new_" + active_div + "_top";;
			var widthX = "new_" + active_div + "_width";
			var heightY = "new_" + active_div + "_height";
			
			var active_ta = "ta" + i; 
			
			var marg = "new_" + active_ta + "_margin";
			var width2 = "new_" + active_ta + "_width";
			var height2 = "new_" + active_ta + "_height";
			
			//alert ( $(active_ta).offsetLeft + " ");
			$(offX).value = $(active_div).offsetLeft;
			$(offY).value = $(active_div).offsetTop;
			$(widthX).value = $(active_div).offsetWidth;
			$(heightY).value = $(active_div).offsetHeight;
			
			$(marg).value = $(active_ta).style.margin;
			$(width2).value = $(active_ta).offsetWidth;
			$(height2).value = $(active_ta).offsetHeight;
			
			active_div = "";
		}
	}
	
	
	
	
	
	function down_action(evt, id){ 

			active_div = id;
			
			/* 
			alert ("refresh -=- p1_initY: " + p1_initX + " p1_initY: " + p1_initY + "\n" +
					"p2 left:" + $("p2").style.left + " p2top:" + $("p2").style.top + "\n" + 
					"p3 left:" + $("p3").style.left + " p3top:" + $("p3").style.top + "\n" + 
					"p4 left:" + $("p4").style.left + " p4top:" + $("p4").style.top); 
			*/
			
			// смещение оболочки
			WorkspaceOff_X = $('Workspace').offsetLeft; 
			WorkspaceOff_Y = $('Workspace').offsetTop;
			
			// смещение передвигаемого слоя
			DivOff_X= $(active_div).offsetLeft;
			DivOff_Y= $(active_div).offsetTop;
			
			// смещение курсора В передвигаемом слое
			cur_inDivOff_X = evt.clientX - WorkspaceOff_X - DivOff_X;
			cur_inDivOff_Y = evt.clientY - WorkspaceOff_Y - DivOff_Y;
	
			//$(ta1).innerHTML = evt.clientX + " " + evt.clientY + " "+ DivOff_X ;
			
			
	}
	
	
	function up_action(evt) { 
			
		//alert ("ta" + active_div.substr(1,1));
		
		
		if ((evt.clientX - cur_inDivOff_X > WorkspaceOff_X) && (evt.clientX - cur_inDivOff_X + $(active_div).offsetWidth < WorkspaceOff_X + $('Workspace').offsetWidth) &&
			(evt.clientY - cur_inDivOff_Y > WorkspaceOff_Y + $('BubbleBar').offsetHeight) && (evt.clientY - cur_inDivOff_Y + $(active_div).offsetHeight < WorkspaceOff_Y + $('Workspace').offsetHeight)) {
			
		} else {
			refresh (active_div);
		}

		active_div="";
				
	}
	
	
	
	
	
	
	function move_action(evt) {

		/*  alert ("active_div = " + active_div + "\n" +
			"WorkspaceOff_X = " + WorkspaceOff_X + "\n" +
			"DivOff_X = " + DivOff_X + "\n" +
			"cur_inDivOff_X = " + cur_inDivOff_X + "\n");  */

		if (active_div!=""){
		
			WorkspaceOff_X = $('Workspace').offsetLeft;
			WorkspaceOff_Y = $('Workspace').offsetTop;
			
			var ttt = evt.clientX - WorkspaceOff_X - cur_inDivOff_X;
			
			/* $('ta1').innerHTML = "ttt = '" + ttt + "'\n" + "active_div = '" + active_div + "'\n"; */
			
			$(active_div).style.left = ttt + "px";
			$(active_div).style.top = evt.clientY - WorkspaceOff_Y - cur_inDivOff_Y + "px";
			
			evt.cancelBubble=true;
			evt.returnValue=false;
			
		} else {
			evt.cancelBubble=true;
			evt.returnValue=true; // Чтобы текст в ТекстАреа можно было выделять.
		}
		
	}
	
	function down_textarea (evt) {
		active_div="";
		evt.cancelBubble=true; // Чтобы к родительскому узлу не шло событие
		evt.returnValue=true;
	}