var myEffect= new Array();
var els= new Array();
var pos = new Array();

var flag_twhite=false;
var aImages = [];

var sel_num=0;

window.addEvent('domready', function(){

	$$('#man div.click_area img').each(function(el) {
		el.set({'events': {'click': function(event){
			new Event(event).stop();
			HideMan(event);
		}}});
	});	
	
	var size = $(document.body).getSize();
	var i=1;
	$$('#man div').each(function(el) {
		if (el.getProperty('class').substr(0,1)=='l')
		{
			var left=0;
			if (i==1)
			{
				left=0;
				pos[1]=left;
			} else if (i==2) {
				left=(size.x/2)-333/2;
				pos[2]=left;				
			} else if (i==3) {
				left=size.x-333;
				pos[3]=left;
			}
			els[i]=el;
			myEffect[i]=new Fx.Morph(el, {duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
			
			el.setStyle('left', left);
			i++;
		}
	});	
	myEffect[4]=new Fx.Morph($('text_block'), {duration: 1000, transition: Fx.Transitions.Quint.easeInOut});
	myEffect[4].addEvent('complete', function() {
		if ($('text_block').getStyle('height')=='0px')
		{
			$('text_block').addClass('notshow');
		}
	});
	myEffect[4].start({'opacity': [0.1, 0], 'height':[10, 0]});
	
	$$('#menu a').each(function(el) {
		el.set({'events': {
			'click': function(event){
				new Event(event).stop();				
				ShowPage(el.get('rel'));
			}},
			'rel':el.get('href'),
			'href':'javascript:void(0)'
		});
	});
	
	//Предварительная загрузка изображений
	var imagesList = [
		'/images/utl.png',
		'/images/ubl.png',
		'/images/utr.png',
		'/images/ubr.png'
	];
	for (var i = 0, len = imagesList.length; i < len; i++) {
		   aImages[i] = new Image();
		   aImages[i].src = imagesList[i];
	}	
});

function HideMan(event)
{
    if (event)
    {
        var el=$(event.target);
        el=el.getParent();
        el=el.getParent();
        
        var el_id=el.getProperty('class').substr(1,1);
        sel_num=el_id;
    } else {
        el_id=sel_num;
    }
    
	if (el_id==1)
	{
		if ($('text_block').hasClass('notshow'))
		{
			myEffect[2].start({'opacity': [1,0]});
			myEffect[3].start({'opacity': [1,0]});
			
            $('text_block').innerHTML=$('text_block1').innerHTML;
			$('text_block').removeClass('notshow');
			myEffect[4].start({'opacity': [0,0.6], 'height':[0,300]});
		} else {
			myEffect[2].start({'opacity': [0,1]});
			myEffect[3].start({'opacity': [0,1]});
						
			myEffect[4].start({'opacity': [0.6, 0], 'height':[300, 0]});
            sel_num=0;
		}
	} else if (el_id==2) {
		if ($('text_block').hasClass('notshow'))
		{
			myEffect[1].start({'left': [ pos[1], pos[2] ], 'opacity': [1,0]});
			myEffect[2].start({'left': [ pos[2], pos[1] ]});			
			myEffect[3].start({'opacity': [1,0]});
			
            $('text_block').innerHTML=$('text_block2').innerHTML;
			$('text_block').removeClass('notshow');
			myEffect[4].start({'opacity': [0,0.6], 'height':[0,300]});
		} else {			
			myEffect[1].start({'left': [ pos[2], pos[1]  ], 'opacity': [0,1]});
			myEffect[2].start({'left': [ pos[1], pos[2] ]});
			myEffect[3].start({'opacity': [0,1]});
			
			myEffect[4].start({'opacity': [0.6, 0], 'height':[300, 0]});
            sel_num=0;
		}
	} else if (el_id==3) {
		if ($('text_block').hasClass('notshow'))
		{				
			myEffect[1].start({'left': [ pos[1], pos[3] ], 'opacity': [1,0]});	
			myEffect[2].start({'opacity': [1,0]});
			myEffect[3].start({'left': [ pos[3], pos[1] ]});
			
            $('text_block').innerHTML=$('text_block3').innerHTML;
			$('text_block').removeClass('notshow');
			myEffect[4].start({'opacity': [0,0.6], 'height':[0,300]});
		} else {			
			myEffect[1].start({'left': [ pos[3], pos[1] ], 'opacity': [0,1]});	
			myEffect[2].start({'opacity': [0,1]});
			myEffect[3].start({'left': [ pos[1], pos[3] ]});
			
			myEffect[4].start({'opacity': [0.6, 0], 'height':[300, 0]});
            sel_num=0;
		}
	}
}


function ShowPage(page)
{
    if (sel_num!=0) HideMan();
	if (!flag_twhite)
	{
		var header=$('header');
		var menu=$('menu');
		var size_header = header.getSize();
		var size_menu = menu.getSize();
		var mydiv = new Element('div', {'class': 'twhite', 'id':'twhite', 'styles': {'width': size_header.x, 'height': size_header.y-size_menu.y},
				'events': {'click': function(){HidePage();}}			
		});		
		var mydiv_black = new Element('div', {'class': 'tblack', 'id':'tblack', 'styles': {'width': size_header.x/1.25, 'left':(size_header.x-size_header.x/1.25)/2}});		
		var html='<div class="utl png"></div><div class="tt1"></div><div class="utr png"></div><div class="clear"></div>';
		html+='<div class="tt2"></div><div class="clear"></div>';
		html+='<div class="ubl png"></div><div class="tt1"></div><div class="ubr png"></div><div class="clear"></div>';
		mydiv_black.innerHTML=html;
		//mydiv_black.inject(mydiv);
		mydiv.inject(header);
        mydiv_black.inject(header);
		var size_tblack=mydiv_black.getSize();
		$$('#tblack div.tt1').each(function(el) {
			el.setStyle('width', size_tblack.x-40);
		});
		
		var mydiv_txt = new Element('div', {'class': 'dtext', 'id':'dtext', 'styles': {'width': (size_header.x/1.25-50), 'left':(size_header.x-size_header.x/1.25)/2}});
		mydiv_txt.inject(header);

		flag_twhite=true;
	}
	
	AjaxRequest(page, '');
}

function HidePage()
{
	$('twhite').dispose();
	$('tblack').dispose();
	$('dtext').dispose();
	flag_twhite=false;
}


//=======================================================================================================
function AjaxRequest(url, param)
{
	var SC_Request = new Request({method: 'get', url: url,
		onRequest: function()
		{
			//ShowWaitWindow();
		},
		onSuccess: function(response)
		{
			$('dtext').innerHTML=response;	
			//CloseWaitWindow();
		},
		onFailure: function()
		{
			//CloseWaitWindow();
		}
	});
	if (param.length>0) param+='&';
	SC_Request.send(param+'rnd='+Math.random());
}