window.addEvent('domready', function() {
									 
	// BKG RANDOMIZATION
	$('body').setStyle('backgroundImage',_bkg);
	$('menucontainer').setStyle('backgroundImage',_strip);
	
	$('m1info').setStyle('color',_txtstart);
	$('m2info').setStyle('color',_txtstart);
	$('m3info').setStyle('color',_txtstart);
	$('m4info').setStyle('color',_txtstart);
	$('m5info').setStyle('color',_txtstart);
	$('m6info').setStyle('color',_txtstart);
	
	$('siteHeader').setStyle('color',_txtend);
	$('siteFooter').setStyle('color',_txtend);

	var szNormal = 100, szSmall  = 60, szFull   = 300, currMenuInfo = '';
	 
	var kwicks = $$("#kwicks .kwick");
	var fx = new Fx.Elements(kwicks, {wait: false, duration: 600, transition: Fx.Transitions.Expo.easeOut});
	var fademenu = new Fx.Style($('kwicks_container'), 'opacity', {wait:false, duration: 600, transition: Fx.Transitions.linear});

	var colorizer_m1info = new Fx.Style($('m1info'), 'color', {wait:false, duration:500, transition:Fx.Transitions.linear});
	var colorizer_m2info = new Fx.Style($('m2info'), 'color', {wait:false, duration:500, transition:Fx.Transitions.linear});
	var colorizer_m3info = new Fx.Style($('m3info'), 'color', {wait:false, duration:500, transition:Fx.Transitions.linear});
	var colorizer_m4info = new Fx.Style($('m4info'), 'color', {wait:false, duration:500, transition:Fx.Transitions.linear});
	var colorizer_m5info = new Fx.Style($('m5info'), 'color', {wait:false, duration:500, transition:Fx.Transitions.linear});
	var colorizer_m6info = new Fx.Style($('m6info'), 'color', {wait:false, duration:500, transition:Fx.Transitions.linear});
	
	(function() {fademenu.start(0,1);}).delay(250);
	showMenuInfo('m6info');
	
	kwicks.each(function(kwick, i) {
		kwick.addEvent("mouseenter", function(event) {
			var o = {};
			o[i] = {width: [kwick.getStyle("width").toInt(), szFull]}
			kwicks.each(function(other, j) {
				if(i != j) {
					var w = other.getStyle("width").toInt();
					if(w != szSmall) o[j] = {width: [w, szSmall]};
				}
			});
			kwick.setStyles({
				backgroundColor: '#000000',
				opacity: '0.95'
			});
			fx.start(o);
			showMenuInfo(kwick.getProperty('id')+"info");
		});
		kwick.addEvent("mouseleave", function(event) {
			kwick.setStyles({
				backgroundColor: '',
				opacity: '0.60'
			});
		});
	});
	
	$("kwicks").addEvent("mouseleave", function(event) {
		var o = {};
		kwicks.each(function(kwick, i) {
			o[i] = {width: [kwick.getStyle("width").toInt(), szNormal]}
		});
		fx.start(o);
	})
	$("menucontainer").addEvent("mouseenter", function(event) {
		fademenu.start($("kwicks_container").getStyle('opacity'),1);
	})
	$("menucontainer").addEvent("mouseleave", function(event) {
		fademenu.start($("kwicks_container").getStyle('opacity'),0);
	})
	
	function showMenuInfo(menu) {
		if ( menu != currMenuInfo ) {
			if (currMenuInfo != '') { document.getElementById(currMenuInfo).className = 'menuInfoHidden'; };
			$('m1info').setStyle('color',_txtstart);
			$('m2info').setStyle('color',_txtstart);
			$('m3info').setStyle('color',_txtstart);
			$('m4info').setStyle('color',_txtstart);
			$('m5info').setStyle('color',_txtstart);
			$('m6info').setStyle('color',_txtstart);
			currMenuInfo = menu;
			document.getElementById(menu).className = 'menuInfoVisible';
			if ( menu == "m1info" ) { (function() {colorizer_m1info.start(_txtstart,_txtend);}).delay(250); }
			else if ( menu == "m2info" ) { (function() {colorizer_m2info.start(_txtstart,_txtend);}).delay(250); }
			else if ( menu == "m3info" ) { (function() {colorizer_m3info.start(_txtstart,_txtend);}).delay(250); }
			else if ( menu == "m4info" ) { (function() {colorizer_m4info.start(_txtstart,_txtend);}).delay(250); }
			else if ( menu == "m5info" ) { (function() {colorizer_m5info.start(_txtstart,_txtend);}).delay(250); }
			else if ( menu == "m6info" ) { (function() {colorizer_m6info.start(_txtstart,_txtend);}).delay(250); }
		}
	};
	
});
