var v_step=5; 
var h_step=5; 
var vert_pause = 5; 
var horiz_pause = 5; 

var line_top_y = 0;
var line_down_y = 0;
var line_left_x = 0;
var line_right_x = 0;
var stop_line = 0;

var el = new Array(8);
el[1] = new Object();
	el[1].text = 'Анализ рынка';
	el[1].x = 200;
	el[1].y = -570;
el[2] = new Object();
	el[2].text = 'Составление СЯ';
	el[2].x = 400;
	el[2].y = -555;
el[3] = new Object();
	el[3].text = 'Аудит сайта';
	el[3].x = 400;
	el[3].y = -340;
el[4] = new Object();
	el[4].text = 'Оптимизация сайта';
	el[4].x = 400;
	el[4].y = -135;
el[5] = new Object();
	el[5].text = 'Продвижение сайта';
	el[5].x = 200;
	el[5].y = -120;
el[6] = new Object();
	el[6].text = 'Контектстная реклама';
	el[6].x = 0;
	el[6].y = -190;
el[7] = new Object();
	el[7].text = 'PR в интернете';
	el[7].x = 0;
	el[7].y = -445;
el[8] = new Object();
	el[8].text = 'Оценка результатов';
	el[8].x = 0;
	el[8].y = -715;
load_content();
	
function load_content() {
	for (i=1;i<9;i++) {
		document.getElementById('element_'+i).innerHTML =el[i].text;
		document.getElementById('element_'+i).style.left = el[i].x+'px';
		document.getElementById('element_'+i).style.top =  el[i].y+'px';
	}
	line_top_y = document.getElementById('element_1').offsetTop;
	line_down_y = document.getElementById('element_5').offsetTop;
	line_left_x  = document.getElementById('element_8').offsetLeft;
	line_right_x  = document.getElementById('element_2').offsetLeft;
	stop_line = document.getElementById('element_1').offsetleft;
	show_text(1);
}

function show_text(i) {
	document.getElementById('textarea').innerHTML = document.getElementById('text_'+i).innerHTML;
}

function out_element(){
		for (i=1;i<9;i++) {
			document.getElementById('element_'+i).style.left = el[i].x+'px';
			document.getElementById('element_'+i).style.top =  el[i].y+'px';
		}
}

function turn(i) {
	var elem = document.getElementById('element_'+i);
	var element_x = elem.offsetLeft;
	var element_y = elem.offsetTop;
		if ((element_x >= line_right_x)&&(element_y > line_top_y)) {  
			el[i].y = el[i].y - v_step;
			out_element();
			turn_all(i);
			setTimeout('turn('+i+')',vert_pause);
		}else{
			if ((element_x > (line_left_x+200))&&(element_y <= line_top_y)) {  
				el[i].x = el[i].x - h_step;
				out_element();
				turn_all(i);
				setTimeout('turn('+i+')',horiz_pause);
				if (element_x < (line_left_x+210)) {show_text(i);}
			}else{
				if ((element_x <= line_left_x)&&(element_y < line_down_y)) {  
					el[i].y = el[i].y + v_step;
					out_element();
					turn_all(i);
					setTimeout('turn('+i+')',vert_pause);
				}else{
					if ((element_y >= line_down_y)) {  
						el[i].x = el[i].x+h_step;
						out_element();
						turn_all(i);
						setTimeout('turn('+i+')',horiz_pause);
					}
				}	
			}		
		}
}


function turn_all(i) {
	for (p=1;p < 9;p++) {
		if (i != p) {tur(p);}
	}
}

function tur(z) {
	var elem = document.getElementById('element_'+z);
	var element_x = elem.offsetLeft;
	var element_y = elem.offsetTop;
	
	if ((element_x >= line_right_x)&&(element_y > line_top_y)) {  
		el[z].y = el[z].y - v_step;
	}else{
		if ((element_x > line_left_x)&&(element_y <= line_top_y)) {  
			el[z].x = el[z].x - h_step;
		}else{
			if ((element_x <= line_left_x)&&(element_y < line_down_y)) {   
				el[z].y = el[z].y + v_step;
			}else{
				if ((element_y >= line_down_y)) {   
					el[z].x = el[z].x+h_step;
				}
			}	
		}		
	}
}