var i_hv = 1; // 1 - down, 0 - up
var i_lr = 1; // 1 - left 0 - right	

var i_hv2 = 1; // 1 - down, 0 - up
var i_lr2 = 1; // 1 - left 0 - right	

var i_hv3 = 1; // 1 - down, 0 - up
var i_lr3 = 1; // 1 - left 0 - right	

var i_hv4 = 1; // 1 - down, 0 - up
var i_lr4 = 1; // 1 - left 0 - right	

var i_hv5 = 1; // 1 - down, 0 - up
var i_lr5 = 1; // 1 - left 0 - right

var intervalID = 0;
i_max_x = $('html').width();
i_max_y = $('html').height();
/*	if ($.browser.msie && $.browser.version == 6) {
		i_max_x = $('body').width();
		i_max_y = $('body').height();
	} else {
		i_max_x = $('html').width();
		i_max_y = $('html').height();
	}
*/	
var rad1 = 257;
var ix = 0;
var iy = 0;
var max_x = i_max_x - rad1; // max horizontal
var max_y = i_max_y - rad1; // max vertical


var rad2 = 193;
var max_x2 = i_max_x - rad2; // max horizontal
var max_y2 = i_max_y - rad2; // max vertical
var ix2 = max_x2; 
var iy2 = max_y2;

var rad3 = 130;
var max_x3 = i_max_x - rad3; // max horizontal
var max_y3 = i_max_y - rad3; // max vertical
var ix3 = 500; 
var iy3 = max_y3;

var rad4 = 44;
var max_x4 = i_max_x - rad4; // max horizontal
var max_y4 = i_max_y - rad4; // max vertical
var ix4 = 300; 
var iy4 = max_y4 - 450;

var rad5 = 54;
var max_x5 = i_max_x - rad5; // max horizontal
var max_y5 = i_max_y - rad5; // max vertical
var ix5 = 0; 
var iy5 = max_y5;

$(function () {
	$(window).bind("resize", function() {flshdement();});
	
	flshdement();
	
	$("#canvas").css('height',i_max_y);
	$("#canvas").css('width',i_max_x);	
	
	$("#c1").css('top',iy);
	$("#c1").css('left',ix);
	
	$("#c2").css('top',iy2);
	$("#c2").css('left',ix2);
	
	$("#c3").css('top',iy3);
	$("#c3").css('left',ix3);
	
	$("#c4").css('top',iy4);
	$("#c4").css('left',ix4);
	
	$("#c5").css('top',iy5);
	$("#c5").css('left',ix5);
	
	$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());
	$.browser.opera = /opera/.test(navigator.userAgent.toLowerCase());
	
	if($.browser.chrome || $.browser.opera){
		setInterval(function(){draw()},45);
	} else {
		setInterval(function(){draw()},25);
	}
	
	
		
/*	
	intervalID = setInterval(function(){draw()},5);}
	
	$("#start").click(function(){);
	$("#stop").click(function(){clearInterval(intervalID);});*/
});

function flshdement() {
	if ($.browser.msie && $.browser.version == 6) {
		i_max_x = $('body').width();
		i_max_y = $('body').height();
	} else {
		i_max_x = $('html').width();
		i_max_y = $('html').height();
	}
}

function draw() {
	/* 1  */
	if (ix == max_x) {
		ix--;
		i_hv = 0;			
	} else {
		if (ix == 0) {
			ix++;
			i_hv = 1;			
		} else {
			if (i_hv == 0) {
				ix--;
			} else {
				ix++;
			}
		}
	} 
	if (iy == max_y) {
		iy--;
		i_lr = 0;			
	} else {
		if (iy == 0) {
			iy++;
			i_lr = 1;			
		} else {
			if (i_lr == 0) {
				iy--;
			} else {
				iy++;
			}
		}
	}
	
	/* 2 */
	if (ix2 == max_x2) {
		ix2--;
		i_hv2 = 0;			
	} else {
		if (ix2 == 0) {
			ix2++;
			i_hv2 = 1;			
		} else {
			if (i_hv2 == 0) {
				ix2--;
			} else {
				ix2++;
			}
		}
	} 
	if (iy2 == max_y2) {
		iy2--;
		i_lr2 = 0;			
	} else {
		if (iy2 == 0) {
			iy2++;
			i_lr2 = 1;			
		} else {
			if (i_lr2 == 0) {
				iy2--;
			} else {
				iy2++;
			}
		}
	}
	
	/* 3 */
	if (ix3 == max_x3) {
		ix3--;
		i_hv3 = 0;			
	} else {
		if (ix3 == 0) {
			ix3++;
			i_hv3 = 1;			
		} else {
			if (i_hv3 == 0) {
				ix3--;
			} else {
				ix3++;
			}
		}
	} 
	if (iy3 == max_y3) {
		iy3--;
		i_lr3 = 0;			
	} else {
		if (iy3 == 0) {
			iy3++;
			i_lr3 = 1;			
		} else {
			if (i_lr3 == 0) {
				iy3--;
			} else {
				iy3++;
			}
		}
	}
	
	/*  4  */
	if (ix4 == max_x4) {
		ix4--;
		i_hv4 = 0;			
	} else {
		if (ix4 == 0) {
			ix4++;
			i_hv4 = 1;			
		} else {
			if (i_hv4 == 0) {
				ix4--;
			} else {
				ix4++;
			}
		}
	} 
	if (iy4 == max_y4) {
		iy4--;
		i_lr4 = 0;			
	} else {
		if (iy4 == 0) {
			iy4++;
			i_lr4 = 1;			
		} else {
			if (i_lr4 == 0) {
				iy4--;
			} else {
				iy4++;
			}
		}
	}
	
	/* 5 */
	if (ix5 == max_x5) {
		ix5--;
		i_hv5 = 0;			
	} else {
		if (ix5 == 0) {
			ix5++;
			i_hv5 = 1;			
		} else {
			if (i_hv5 == 0) {
				ix5--;
			} else {
				ix5++;
			}
		}
	} 
	if (iy5 == max_y5) {
		iy5--;
		i_lr5 = 0;			
	} else {
		if (iy5 == 0) {
			iy5++;
			i_lr5 = 1;			
		} else {
			if (i_lr5 == 0) {
				iy5--;
			} else {
				iy5++;
			}
		}
	}
	
	$("#c1").css('top',iy);
	$("#c1").css('left',ix);
	
	$("#c2").css('top',iy2);
	$("#c2").css('left',ix2);
	
	$("#c3").css('top',iy3);
	$("#c3").css('left',ix3);
	
	$("#c4").css('top',iy4);
	$("#c4").css('left',ix4);
	
	$("#c5").css('top',iy5);
	$("#c5").css('left',ix5);
}