var next_step     = 1;
var stop_point    = 0;
var left_position = 0;
var delay_time    = 10;
var over_time     = 2000;
var endOfPath     = pathLong();
var spider_wait   = new Image(70, 56);
var spider        = new Image(70, 56);

spider_wait.src   = './images/spider_wait.gif';
spider.src        = './images/spider.gif';


function getVerticalPoint(){
	var verticalPoint = Math.ceil(Math.random()*screen.availWidth) - 10;
	return verticalPoint;
};

function pathLong(){
	var path_long = screen.availHeight - 210;
	return path_long;
};

function getStopPoint(){
	var stop_point = Math.ceil(Math.random()* screen.availHeight);
	return stop_point;
};

function moveSpider(){
	document.getElementById('net').style.display = "";
	document.getElementById('net').style.position = "absolute";
	document.getElementById('net').style.left     = left_position;
	document.getElementById('net').width          = 8;
	document.getElementById('net').height         = next_step;

	document.getElementById('spider').style.display = "";
	document.getElementById('spider').style.position  = "absolute";
	document.getElementById('spider').style.top       = next_step;
	document.getElementById('spider').style.left      = left_position-30;
	next_step++;

	if(next_step <= endOfPath){
		if(next_step == stop_point){
			document.getElementById('spider').src = spider_wait.src;
			setTimeout("moveSpider()", over_time);
		}else{
			if(document.getElementById('spider').src != spider.src){
				document.getElementById('spider').src = spider.src;
			};
			setTimeout("moveSpider()", delay_time);
		};
	}else{
		document.getElementById('spider').src = spider_wait.src;
		return true;
	};
};

function spiderLoop(){
	next_step     = 1;
	stop_point    = getStopPoint();
	left_position = getVerticalPoint();

	var time_between_loops = 3000;
	var loop_time = (endOfPath - 1) * delay_time + over_time + time_between_loops;

	moveSpider();
	setTimeout("spiderLoop()", loop_time * 4);
};