var Index = {
	icons: [],
	runs: 1,
	open: function(link) {
		var timer = 0;
		var sideblocks = $$('div.icon,ul.submenu il');	
		var slidefxs = [];
		var colorfxs = [];
		
		sideblocks.each(function(el, i){
			slidefxs[i] = new Fx.Style(el, 'opacity', {
				duration: 400,
				wait: false,
				onComplete: function() {Index.openEnd(link)}
			});
			slidefxs[i].start(0);
		}, this);
		return false;
	},
	openEnd: function(link) {
		window.open(link,"_self");
	},
	start: function() {
		iconsInit = document.getElementById('iconsContainer');
		Index.icons = iconsInit.getElementsByTagName('div');
	},
	mouseOverChecker: false,
	mouseOverTimeout: Number,
	click: function(el) {
		if (el.id != "iconMouseOverTarget") {
			if (document.getElementById('iconMouseOverTarget')) {
				clearTimeout(Index.mouseOverTimeout);
				var timer = 0;
				var sideblocks = $$('#iconMouseOverTarget li');
				
				var slidefxs = [];
				var fadefxs = [];
				var colorfxs = [];
				
				var sideLength = sideblocks.length-1;
				sideblocks.each(function(el, i){
					timer += 150;
					slidefxs[sideLength-i] = new Fx.Style(sideblocks[sideLength-i], 'margin-left', {
						duration: 400,
						transition: Fx.Transitions.backOut,
						wait: false
					});
					slidefxs[sideLength-i].start.delay(timer, slidefxs[sideLength-i], -195);
				}, this);
				document.getElementById('iconMouseOverTarget').id = "";
			}
			el.id = "iconMouseOverTarget";
			Index.mouseOverChecker = true;
			Index.mouseOverTimeout = setInterval('Index.check()', 500);
			
			var timer = 0;
			var sideblocks = $$('#iconMouseOverTarget li');
			
			var slidefxs = [];
			var colorfxs = [];
			var fadefxs = [];
			
			sideblocks.each(function(el, i){
				timer += 150;
				slidefxs[i] = new Fx.Style(el, 'margin-left', {
					duration: 400,
					transition: Fx.Transitions.backOut,
					wait: false
				});
				slidefxs[i].start.delay(timer, slidefxs[i], 0);

				/*el.setStyle('opacity', '0');
				timer += 150;
				fadefxs[i] = new Fx.Style(el, 'opacity', {
					duration: 400,
					transition: Fx.Transitions.backOut,
					wait: false
				});
				fadefxs[i].start.delay(timer, fadefxs[i], 1);*/

			}, this);
		}
	},
	check: function() {
		if (!Index.mouseOverChecker && document.getElementById('iconMouseOverTarget')) {
			clearTimeout(Index.mouseOverTimeout);
			var timer = 0;
			var sideblocks = $$('#iconMouseOverTarget li');
			
			var slidefxs = [];
			var fadefxs = [];
			var colorfxs = [];
			
			var sideLength = sideblocks.length-1;
			sideblocks.each(function(el, i){
				timer += 150;
				slidefxs[sideLength-i] = new Fx.Style(sideblocks[sideLength-i], 'margin-left', {
					duration: 400,
					transition: Fx.Transitions.backOut,
					wait: false
				});
				slidefxs[sideLength-i].start.delay(timer, slidefxs[sideLength-i], -195);
				/*fadefxs[sideLength-i] = new Fx.Style(sideblocks[sideLength-i], 'opacity', {
					duration: 400,
					transition: Fx.Transitions.backOut,
					wait: false
				});
				fadefxs[sideLength-i].start.delay(timer, fadefxs[sideLength-i], 0);	*/		
			}, this);
			document.getElementById('iconMouseOverTarget').id = "";
		}
	},
	over: function() {
		Index.mouseOverChecker = true;
	},
	out: function() {
		Index.mouseOverChecker = false;	
	}
}
window.addEvent('load', Index.start);