var Site = {
	
	start: function(){
		
		Site.appearText();
	},
	
	
	appearText: function(){
		var timer = 0;
		var sideblocks1 = $$('#nav-list1 li');
		var sideblocks2 = $$('#nav-list2 li');
		var sideblocks3 = $$('#nav-list3 li');
		var sideblocks4 = $$('#nav-list4 li');
		var sideblocks5 = $$('#nav-list5 li');
		var sideblocks6 = $$('#nav-list6 li');
		var sideblocks7 = $$('#nav-list7 li');
		var slidefxs = [];
		var colorfxs = [];

		sideblocks1.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		sideblocks2.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		sideblocks3.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		sideblocks4.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		sideblocks5.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		sideblocks6.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
		sideblocks7.each(function(el, i){
			el.setStyle('margin-left', '0px');
			timer += 150;
			slidefxs[i] = new Fx.Style(el, 'margin-left', {
				duration: 400,
				transition: Fx.Transitions.backOut,
				wait: false,
				onComplete: Site.createOver.pass([el, i])
			});
			slidefxs[i].start.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	createOver: function(el, i){
		var first = el.getFirst();
		if (!first || first.getTag() != 'a') return;
		var overfxs = new Fx.Styles(first, {'duration': 200, 'wait': false});
			var tocolor = '111111';
			var fromcolor = 'FFFFFF';
		el.addEvent('mouseover', function(){
			overfxs.start({
				'color': tocolor,
				'margin-left': 10
			});
		});
		el.addEvent('mouseout', function(){
			overfxs.start({
				'color': fromcolor,
				'margin-left': 0
			});
		});
	}
	
};


window.addEvent('domready', Site.start);