$(document).ready(function() {
	$("#p_main").fadeIn(200);
	ololo();
	$("#ufield_01").mouseenter(function() {findField(1)}); 
	$("#ufield_02").mouseenter(function() {findField(2)}); 
	$("#ufield_03").mouseenter(function() {findField(3)}); 
	$("#ufield_04").mouseenter(function() {findField(4)}); 
	$("#ufield_05").mouseenter(function() {findField(5)}); 
	$("#ufield_06").mouseenter(function() {findField(6)}); 
	$("#ufield_07").mouseenter(function() {findField(7)}); 
	$("#ufield_08").mouseenter(function() {findField(8)}); 
	$("#ufield_09").mouseenter(function() {findField(9)}); 
	
	$("#ufield_shadow_01").mouseenter(function() {$("#ufield_shadow_01").css("color","#f26525")}); 
	$("#ufield_shadow_02").mouseenter(function() {$("#ufield_shadow_02").css("color","#16acbd")}); 
	$("#ufield_shadow_03").mouseenter(function() {$("#ufield_shadow_03").css("color","#624099")}); 
	$("#ufield_shadow_04").mouseenter(function() {$("#ufield_shadow_04").css("color","#60bb48")}); 
	$("#ufield_shadow_05").mouseenter(function() {$("#ufield_shadow_05").css("color","#e6c31c")}); 
	$("#ufield_shadow_06").mouseenter(function() {$("#ufield_shadow_06").css("color","#dc232e")}); 
	$("#ufield_shadow_07").mouseenter(function() {$("#ufield_shadow_07").css("color","#e50d82")}); 
	$("#ufield_shadow_08").mouseenter(function() {$("#ufield_shadow_08").css("color","#2d57a5")}); 
	
	$("#ufield_shadow_01").mouseleave(function() {outLight(1)}); 
	$("#ufield_shadow_02").mouseleave(function() {outLight(2)}); 
	$("#ufield_shadow_03").mouseleave(function() {outLight(3)}); 
	$("#ufield_shadow_04").mouseleave(function() {outLight(4)}); 
	$("#ufield_shadow_05").mouseleave(function() {outLight(5)}); 
	$("#ufield_shadow_06").mouseleave(function() {outLight(6)}); 
	$("#ufield_shadow_07").mouseleave(function() {outLight(7)}); 
	$("#ufield_shadow_08").mouseleave(function() {outLight(8)}); 
	
	//Выравнивание по высоте
	var wid = $(window).height();
	tp = wid-100;
	if(tp<=590) //Не менее! (для маленьких окошек)
	    tp = 590;

		$("#footer").css("top", tp+"px");
		$("#left").css("height", tp+"px"); 
		$("#foo_txt").css("top", tp+"px");
		//Центральная часть, веравнивание по вертикали
		cn = (tp - 520)/2;
		$("#index").css("top", cn+"px");
		$("#left").css("margin-top", (cn-15)+"px");
		
});

function ololo(){
	var time = 700;

	$(".field").animate({left: "0",top:"0"},1);
	$(".zero").fadeOut(1);
	$(".zero").delay(time).fadeIn(time);
	$("#field_01").animate({left: '0',top:'0'},time); 
$("#field_02").animate({left: '160',top:'0'},time); 
$("#field_03").animate({left: '320',top:'0'},time); 
$("#field_04").animate({left: '0',top:'160'},time); 
$("#field_05").animate({left: '160',top:'160'},time); 
$("#field_06").animate({left: '320',top:'160'},time); 
$("#field_07").animate({left: '0',top:'320'},time); 
$("#field_08").animate({left: '160',top:'320'},time); 
$("#field_09").animate({left: '320',top:'320'},time); 
}

function findField(id) {
	var lt = $("#ufield_0"+id).css("left");
	var tp = $("#ufield_0"+id).css("top");
	$(".field").each(function() {
		if($(this).css('left') == lt && $(this).css('top') == tp) {
			fMove($(this).get());
		}
	});
}

function upLight(id) {
	//$("#ufield_shadow_0"+id).css("color","#f26525");
}
function outLight(id) {
	if(id == 9) 
		return;
	//$("#ufield_shadow_0"+id).css("background","url('img/shdw/00.png')");
	$("#ufield_shadow_0"+id).css("color","black");
}

function fMove(fld) {
	var time = 350;
	var len = 160;
	//Переменные вертикаль
	var gAct = $(fld).css("top");
	var gEmp = $("#field_09").css("top");
	//Переменные горизонталь
	var vAct = $(fld).css("left");
	var vEmp = $("#field_09").css("left");
	//Расчет
	gRes = parseInt(gAct)-parseInt(gEmp);
	vRes = parseInt(vAct)-parseInt(vEmp);

	//Move горизонталь
	if(gRes == 0 && Math.abs(vRes) == len) {
			$(fld).animate({left: "-="+vRes},time);
			$("#field_09").animate({left: "+="+vRes},1);
	}
	//Move вертикаль
	if(vRes == 0 && Math.abs(gRes) == len) {
			$(fld).animate({top: "-="+gRes},time);
			$("#field_09").animate({top: "+="+gRes},1);
	}
}

function fClick(id) {
	var time = 300;
	
	//$("#field_0"+id).animate({top: "0px", left: "0px"},time);



}