var Xtras = new Class({
	resize : function() {
		this.registerThumbs();
		
		var panel = $('xtrapanel').getCoordinates();
		
		//$('fadeupper').setCoordinates(panel.left, panel.top, null, null);
		//$('fadelower').setCoordinates(panel.left, panel.top+panel.height-20);
		
		this.startSlider();
	},
	startSlider : function() {
		if (this.xsld == null) {
			//var myTips = new Tips('.ttip');
			
			var sl = $('xtrascroll');
			this.xsld = new Slider(sl, sl.getElement('.knob'), {
				range: [0, 100],
				onChange: function(value){
					var par = $('xtrapanel');
					var y = Math.round((par.getScrollSize().y-par.getSize().y)/100*value);
					par.scrollTo(0, y);
					var ml = 12-12*value/100;
					$('xtrascroll').getElement('.knob').setStyle('margin-left', ml);
				},
				mode: 'vertical'
			});
		}
	},
	registerThumbs : function() {
		if (this.regThumbs == null) {
		
			$$('div.x-thumb').each(function (thumb) {
				thumb.fx = new Fx.Tween(thumb, {duration:350, property: 'opacity'});
				thumb.addEvent('click', function (e) {
					this.showImage(e);
				}.bind(this));
				thumb.addEvent('mouseover', function (e) {
					if (e.target.hasClass('selected')) return;
					e.target.fx.cancel();
					e.target.fx.start(0.5, 1);
				}.bind(this));
				thumb.addEvent('mouseout', function (e) {
					if (e.target.hasClass('selected')) return;
					e.target.fx.cancel();
					e.target.fx.start(1, 0.5);
				}.bind(this));
			}.bind(this));
		}
	},

	showImage : function (e) {
		var thumb = $(e.target ? e.target : e); /*
		$$('div.x-thumb').each(
			function (thumb) { if (thumb.hasClass('selected')) {
				thumb.removeClass('selected');
				thumb.fx.start(1, 0.5);
			} }
		);
		
		thumb.addClass('selected');*/
		var url = 'image.php?path='+thumb.get('wx-open');
		//alert (url);
		tanx.moodal.openWindow(url, true);

	},
	introChain : function( ) {

	}

});