window.addEvent('domready', function() {
	// array of backgrounds
	var arrBG = [
		'images/showcase/logos/lean-design-bg.jpg',
		'images/showcase/logos/pdp-bg.jpg',
		'images/showcase/logos/medihearts-bg.jpg',
		'images/showcase/logos/pro-finish-plaster-bg.jpg',
		'images/showcase/logos/larger-love-bg.jpg',
		'images/showcase/logos/ohs-bg.jpg',
		'images/showcase/logos/sergon-bg.jpg',
		'images/showcase/logos/kirra-bg.jpg',
		'images/showcase/logos/spooky-bg.jpg',
		'images/showcase/logos/gacc-bg.jpg',
		'images/showcase/logos/golden-wax-bg.jpg',
		'images/showcase/logos/mpw-bg.jpg',
		'images/showcase/logos/esc-bg.jpg',
		'images/showcase/logos/martial-bg.jpg',
		'images/showcase/logos/limeoak-bg.jpg'
	];
	// id background
	var hb = $('hb');
	// table for slider
	var table = $('sc-table');
	var width = $('sc-table').clientWidth;
	var widthc = parseInt(table.getParent().getStyle('width'));
	var minLeft = 0;
	if (widthc < width) {
		minLeft = widthc - width;
	}
	var myFx = new Fx.Tween(table, {duration: 1000, transition: Fx.Transitions.linear});
	// links in slider
	var scItems = $(document.body).getElements('.sc-item');
	var countLinks = scItems.length;
	// replaced blocks
	var scwItems = $(document.body).getElements('.scw-item');
	// images in replaced blocks
	var scwImages = $(document.body).getElements('.scw-item .scw-image');
	// array exemplares of fader class 
	var ff = new Array();
	// generate exemplares of fader class
	for (var i = 0; i < countLinks; i++) {
		ff[i] = new Fader(scwImages[i], {
			nstart: 0
		});
	}
	// array of links in replaced blocks
	//var links = new Array();
	//for (var i = 0; i < countLinks; i++) {
		//links[i] = scwItems[i].getElements('.scw-image a');
		/*for (var j = 0; j < links[i].length; j++) {
			links[i][j].set('rel', i);
			links[i][j].set('title', j);
			// Events to click on links in replaced blocks
			links[i][j].addEvent('click', function(e) {
				e.stop();
				var i = parseInt(this.get('rel'));
				var j = parseInt(this.get('title'));
				var start = 0;
				if (j == 0) {
					start = 3;
				}
				else {
					start = j - 1;
				}
				ff[i].next = start;
				ff[i].show();
				links[i].each(function(ii) {
					ii.removeClass('curent');
				});
				this.addClass('curent');
			});
		}*/
	//}
	scItems.each(function(item) {
		item.addEvent('click', function(e) {
			e.stop();
			var newItem = 0;
			for (var i = 0; i < scItems.length; i++) {
				if (item == scItems[i]) {
					newItem = i;
					scwItems[newItem].setStyle('visibility', 'visible');
					scwItems[newItem].addClass('active');
					scwItems[newItem].setStyle('z-index', '2');
					scItems[newItem].addClass('active');
					var imageFx = new Fx.Tween(hb, {duration: 500, transition: Fx.Transitions.Quad.easeInOut, onComplete: function() {
						hb.set('src', arrBG[newItem]);
						var imageFx2 = new Fx.Tween(hb, {duration: 1000, transition: Fx.Transitions.Quad.easeInOut});
						imageFx2.start('opacity', 1);
					}});
					imageFx.start('opacity', 0);
					
					/*ff[i].next = 3;
					ff[i].show();*/
					/*links[i].each(function(ii) {
						ii.removeClass('curent');
					});
					links[i][0].addClass('curent');*/
				}
				else {
					scwItems[i].removeClass('active');
					scwItems[i].setStyle('z-index', '-1');
					scwItems[i].setStyle('visibility', 'hidden');
					scItems[i].removeClass('active');
				}
			}
		});
	});
	$('sc-right').addEvents({
		'mouseenter': function() {
			var razn = width - widthc + parseInt(table.getStyle('left'));
			myFx.setOptions({duration: razn*6.7, transition: Fx.Transitions.linear})
			myFx.start('left', minLeft);
		},
		'mouseleave': function() {
			myFx.cancel();
		},
		'click': function(e) {
			e.stop();
		}
	});
	$('sc-left').addEvents({
		'mouseenter': function() {
			var razn = -parseInt(table.getStyle('left'));
			myFx.setOptions({duration: razn*6.7, transition: Fx.Transitions.linear})
			myFx.start('left', 0);
		},
		'mouseleave': function() {
			myFx.cancel();
		},
		'click': function(e) {
			e.stop();
		}
	});
});