//--------------------------------------------------------------------------------------------------
var current_image	= 0;
var current_layer	= 0;
var myTimer		= null;
var posOpacity		= null;
var myTimer		= null;
function change_img(abc){
	current_image++;
	if(current_image>=imgs.length) current_image=0;
	current_layer = 1-current_layer;
//	$('himg'+current_layer).setStyle('background', "url('css/images/header/"+imgs[current_image]+"') no-repeat 0 0");
	$('himg'+current_layer).src = images_prefix+'header/'+imgs[current_image];
	posOpacity.start(1-current_layer, current_layer);
};

window.addEvent('domready', function(){
//	$('himg'+current_layer).setStyle('background', "url('css/images/header/"+imgs[current_image]+"') no-repeat 0 0");
	$('himg'+current_layer).src = images_prefix+'header/'+imgs[current_image];
	posOpacity = new Fx.Tween('himg1', {property: 'opacity', duration: 2000, link: 'cancel', fps: 1000});
	posOpacity.set(0);
	myTimer = change_img.periodical(5000);
});

//--------------------------------------------------------------------------------------------------

var menu_class = new Class({
	initialize: function(menu_id){
		this.selected_obj	= $$("#"+menu_id+" li.selected")[0];
		if(!this.selected_obj) return;
		this.curs_obj		= $$("#"+menu_id+" div.cursor")[0];
		if(!this.curs_obj) return;
		if(this.selected_obj)
			this.curs_obj.setStyles({'left': this.selected_obj.offsetLeft, 'width': this.selected_obj.getSize().x});
		this.cursor_mover = new Fx.Morph(this.curs_obj, {duration: 500, link: 'cancel', fps: 100, transition: Fx.Transitions.Back.easeOut});

		var t= this;
		$each($(menu_id).getElements('li'), function(li_obj, index){
			li_obj.addEvent('mouseover', function(p){p.parent_menu.move_cursor(p.li);}.pass({'parent_menu': t, 'li': li_obj}));
			li_obj.addEvent('mouseout',  function(p){p.parent_menu.move_cursor(p.li);}.pass({'parent_menu': t, 'li': null}));
		});
	},

	move_cursor: function(item_obj){
		if(!item_obj){
			item_obj = this.selected_obj;
			if(!item_obj) return;
		}
		var l1 = this.curs_obj.offsetLeft;
		var l2 = item_obj.offsetLeft;
		if(l1==l2) return;
		this.cursor_mover.start({'left': [l1, l2], 'width': [this.curs_obj.getSize().x, item_obj.getSize().x]});
	}
});

//--------------------------------------------------------------------------------------------------