var myMask;

window.addEvent('domready',function() { 
	//var boxed = $$('a[rel=boxed]');
	//SqueezeBox.assign(boxed);
	
});

window.addEvent('domready', function(){
	init();
});

var Wait;
var index_gallery;
var galleries = new Hash();

function init(){
		
	initializeSlider();

	Wait = new Loading();

	history();
	gloss('#gloss_alphbetics li');
	gloss('#gloss_terms_list li');
	
	new MenuAccord({trigger: 'struktura'});
	
	if($('indexGallery')) index_gallery = new index_gallery2();

}

var index_gallery2 = new Class({
	//имеем две галереи и переключаем их поочередно
	Implements: [Events, Options],
	options: {


	},
	initialize: function (){
		var params = Array.link(arguments, {options: Object.type, elements: $defined});
		this.setOptions(params.options || null);
		
		//this.galleries = new Hash({868: $('galleryBlck_868'), 1005: $('galleryBlck_1005')});
		this.galleries = galleries;
	},
	modeON: function(el){
		//el.setStyles({'visibility': 'visible', 'z-index': 10});
		el.setStyles({'margin-left': 0});
	},
	modeOFF: function(el){
		//el.setStyles({'visibility': 'hidden', 'z-index': -1});
		el.setStyles({'margin-left': '-5000px'});
	},
	toggle: function(id){
		var _self = this;
		this.galleries.each(function(value, key){
			_self.modeOFF(value);
		});
		this.modeON(this.galleries.get(id));
	}
});

function gallery_switch(id){
	index_gallery.toggle(id);
}

function gloss(selector){
	var hLenta = $$(selector);
	if(hLenta.length > 0){
		var el = $('gloss_term');
		var hRequest = new umiRequest({
			callback: function(text){
				Wait.flush(el, text);
			}
		});
		

		hRequest.setValue('mode', 'history');
		hLenta.addEvents({
			'mouseenter': function(){
				this.addClass('hover')
			},
			'mouseleave': function(){
				this.removeClass('hover');
			},
			'click': function(){
				//получаем событие
				Wait.start(el);
				
				var  id = this.getProperty('data:element_id');
				//если у элемента активный - ничего не делаем
				//иначе проходим по всем и снимает флаг активности  у источника устанавливаем активность
				if(!this.hasClass('active')){
					hLenta.each(function(item){
						item.removeClass('active');
					});
					this.addClass('active');			
					hRequest.setValue('data[id]',id);
					hRequest.commit();
				}
			}
		});
	}

}




function history(){
	var hLenta = $$('#h_lenta .li_slider');
	if(hLenta.length > 0){
		var el = $('h_event');
		var hRequest = new umiRequest({
			callback: function(text){
				Wait.flush(el, text);
			}
		});
		

		hRequest.setValue('mode', 'history');
		hLenta.addEvents({
			'mouseenter': function(){
				this.addClass('hover')
			},
			'mouseleave': function(){
				this.removeClass('hover');
			},
			'click': function(){
				//получаем событие
				Wait.start(el);
				
				var  id = this.getProperty('data:element_id');
				//если у элемента активный - ничего не делаем
				//иначе проходим по всем и снимает флаг активности  у источника устанавливаем активность
				if(!this.hasClass('active')){
					hLenta.each(function(item){
						item.removeClass('active');
					});
					this.addClass('active');			
					hRequest.setValue('data[id]',id);
					hRequest.commit();
				}
			}
		});
	}

}