function coords(){
	var st = '';
	$$('.i_gray').each(function(item){
		item.addEvent('dblclick',function(e){
			e.stop();
			var p = item.getPosition($('i_plan'));
			var x = p.x;
			var y = p.y;
			s = "top: " + y + "px; left: " + x + "px;";
			st += "#"+ item.id +" {<br>"+s+"<br>background-image: url('/images/cms/data/igardens/plan2011/"+item.id+".png');<br>visibility: visible;<br>}<br>";
			$('style').set('html', st);
			
		});
	
		var myDrag = new Drag(item, {
			onComplete: function(el){
				
			}
		});
	});
	

}

function coords2(){
	var i = 1;
	var s = '';
	var st = '';
	var g = $('i_garden');
	//var co = g.getCoordinates();
	var co = g.getPosition(document.body);
	var top = co.y;
	var left = co.x;
	g.addEvents({
		'mousemove': function(e){
			e.stop();
			var x = e.page.x - left - 11;
			var y = e.page.y - top - 11;
			
			s = "top: " + y + "px; left: " + x + ";";
			$('cc').set('text', s);
		
	},
		
		'click': function(e){
			e.stop();
			var x = e.page.x - left - 11;
			var y = e.page.y - top - 11;
			s = "top: " + y + "px; left: " + x + "px;";
			st += "#i_"+i+" {<br>"+s+"<br>background-image: url('/images/igardens/plan2011/"+i+".png');<br>visibility: hidden;<br>}<br>";
			$('style').set('html', st);
			i++;
		}
	});

}

// JavaScript Document
var sb = 0;

function plan_v(num){
	if($('plantext_'+num)){
		$('plantext_'+num).setStyle('visibility', 'visible');
	}
}

function plan_n(num){
	posit.delay(5000, this, num);
}

function posit(num){
	if($('plantext_'+num)){
		if(sb == 0){
			$('plantext_'+num).setStyle('visibility', 'hidden');
		}
	}
}

function v_plan(num){
		alert(sb);
	if($('plantext_'+num)){
		if($('plantext_'+num).getStyle('visibility') == 'visible'){
			sb = 1;
			$('plantext_'+num).setStyle('visibility', 'visible');
		}
	}
}

function n_plan(num){
	if($('plantext_'+num)){
		if($('plantext_'+num).getStyle('visibility') == 'visible'){
			$('plantext_'+num).setStyle('visibility', 'hidden');
			sb = 0;
		}
	}
}

function init(){
	var myTips = new Tips('.i_gray', {
		'hideDelay': 1000,
		'className': 'tipsblock',
		'fixed': true
	});
	
	$$('.i_gray').each(function(item){
		if($('plantext_'+item.id)) {
			var html = $('plantext_'+item.id).get('html');
			item.store('tip:text', html);
		}
	});
	
}

function init2()
{
	if($('i_plan')){
				
		var position = function(event){
			var g = $('i_garden');
			var co = g.getPosition(document.body);
			var top = co.y;
			var left = co.x;
	
			var size = {x: window.getSize().x - 40, y: window.getSize().y - 300}, scroll = window.getScroll(),
				tip = {x: this.getSize().x, y: this.getSize().y},
				obj = {};
				obj.x = event.page.x - left + 5;
				if ((obj.x  + tip.x  - scroll.x ) > size.x ) obj.x  = obj.x  - tip.x - 40 ;
				obj.y = event.page.y -top + 5;
				if ((obj.y  + tip.y  - scroll.y ) > size.y ) obj.y  = obj.y  - tip.y - 40;
			this.setStyles({'top': obj.y, 'left': obj.x});
	
		}
		
		var hide_div = function(){
			this.setStyles({'visibility': 'hidden', 'z-idex': 50});
		}
				
		var timeoutdiv = new Array();
		var hash = new Array();	
		
		var copydiv = function(){
			if($('plantext_'+this.id)) {
				hash[this.id] = $('plantext_'+this.id).clone(true);
				hash[this.id].addClass('plan_copy');
				hash[this.id].store('rel', this.id);
				
				hash[this.id].addEvents({
					'mouseenter': function(e){
						e.stop();
						var rel = this.retrieve('rel');
					
						if(timeoutdiv[rel]) $clear(timeoutdiv[rel]);
					
					
						this.setStyle('visibility', 'visible');
					},
					'mouseleave': function(e){
						e.stop();
						var rel = this.retrieve('rel');
						timeoutdiv[rel] = hide_div.delay(500, this);
					}
				});
				var rel = this.id;
				hash[this.id].inject($('i_plan'));
				hash[this.id].getElements('.img_box').each(function(item){
					item.setProperty('rel', 'milkbox['+ rel+']');
				});
			}
		}	
		
		$$('.i_gray').each(function(item,index){
			//копируем все дивы с текстом
			var c = copydiv.bind(item);
			c();
		});
		
		$$('.i_gray').addEvents({
			
			'mouseenter': function(e){
				e.stop(); 
				if($('plantext_'+this.id)) {
					
					var mb = position.bind(hash[this.id], e);
					mb();
					
					hash[this.id].setStyles({'visibility': 'visible', 'z-index': 102});
		
				}
			},
			'mouseleave': function(e){
				e.stop(); 
				timeoutdiv[this.id] = hide_div.delay(500, hash[this.id]);
			}
		
		});
	
	
		
	}
	
	
}