window.addEvent(Browser.Engine.trident ? 'load': 'domready', function() {

	/* Width of fly menu blocks. If false - width will be eqaul to width of call-link. */
	var menuWidth = [190, 210, false, 180, false, false];

	/* Colors for canvas drawing. */
	var menuStartColor = '#841D23';
	var menuStopColor = '#A62D05';
	var splashStartColor = '#A42C05';
	var splashStopColor = '#841D23';
	var headStartColor = '#FFFFFF';
	var headStopColor = '#FFFFFF';
	var head2StartColor = '#A62D05';
	var head2StopColor = '#841D23';
	var taxonomygStartColor = '#D94B33';
	var taxonomygStopColor = '#921D0A';
	var activeTaxonomygStartColor = '#FFEBE8';
	var activeTaxonomygStopColor = '#FFEBE8';
	var taxonomyStartColor = '#FFF2C9';
	var taxonomyStopColor = '#FFE593';
	var activeTaxonomyStartColor = '#A62D05';
	var activeTaxonomyStopColor = '#841D23';

	
	$$('ul#navigation ul').each(function(ul) {
		ul.set('styles', {'display': 'block'});
	});

	/* Opera needs fixed width for call-links :( */
	if(Browser.Engine.presto) {
		$('navigation').getChildren().each(function(li) {
			li.set('styles', {'width': (li.getWidth() - 20)}); // 20px - padding-right
		});
	}
	
	/* Set width of fly menu blocks. */
	$$('#navigation ul').each(function(ul, index) {
		ul.set('styles', {'width': menuWidth[index] || (ul.getParent().getWidth() - 20)}); // 20px - padding-right
	});
	
	/* Init fly menu canvas. */
	$('navigation').setStyle('background', 'none');
	$('navigation').getChildren().each(function(element) {
		/* IE6 :hover bug fix. IE7 has :hover property, but sometimes it works incorrect. So using '.hover' for all browsers. */
		element.addEvent('mouseenter', function() { this.addClass('hover')});
		element.addEvent('mouseleave', function() { this.removeClass('hover')});
		
		element.CanvasULElemet({
			zindex: 7,
			corners: [5, 5, 0, 0],
			height: element.getHeight() - 2,
			width: element.getElement('a').getWidth(),
			bodyStartColor: menuStartColor.hexToRgb(true).include(1),
			bodyStopColor: menuStartColor.hexToRgb(true).include(1)
		});
		
		element.CanvasULElemet({
			zindex: 7,
			shadow: 2,
			corners: [0, 0, 5, 5],
			y: element.getHeight() - 2,
			height: element.getElement('ul').getHeight(),
			width: element.getElement('ul').getWidth(),
			bodyStartColor: menuStartColor.hexToRgb(true).include(1),
			bodyStopColor: menuStopColor.hexToRgb(true).include(1)
		});

	});
	
	$('head').CanvasULElemet({
		zindex: -1,
		shadow: 0,
		corners: [0, 0, 0, 0],
		height: $('head').getHeight() - $('navigation').getHeight() + 2,
		bodyStartColor: headStartColor.hexToRgb(true).include(1),
		bodyStopColor: headStopColor.hexToRgb(true).include(1)
	});

	$('head').CanvasULElemet({
		zindex: -1,
		shadow: 2,
		corners: [5, 5, 5, 5],
		y: $('head').getHeight() - $('navigation').getHeight(),
		height: $('navigation').getHeight(),
		bodyStartColor: head2StartColor.hexToRgb(true).include(1),
		bodyStopColor: head2StopColor.hexToRgb(true).include(1)
	});	
	
	if($(document.body).hasClass('splash')) {
		  $('intro').CanvasULElemet({
		   shadow: 2,
		   corners: [0, 5, 5, 0],
		   bodyStartColor: splashStartColor.hexToRgb(true).include(1),
		   bodyStopColor: splashStopColor.hexToRgb(true).include(1),
		   zindex: 4
		  });

	


	} else {
		
		


		$('taxonomy').CanvasULElemet({
			x: (Browser.Engine.trident4 ? -17 : 0),  // Exclude padding-left for IE6
			bodyStartColor: taxonomyStartColor.hexToRgb(true).include(1),
			bodyStopColor: taxonomyStopColor.hexToRgb(true).include(1),
			corners: [5, 5, 0, 0]
		});
		
		$('taxonomy').getElement('.active').CanvasULElemet({
			x: (Browser.Engine.trident4 ? -10 : 0),  // Exclude padding-left for IE6
			y: (Browser.Engine.trident4 ? 1 : 0),  // Exclude border-top for IE6
			bodyStartColor: activeTaxonomyStartColor.hexToRgb(true).include(1),
			bodyStopColor: activeTaxonomyStopColor.hexToRgb(true).include(1),			
			height: $('taxonomy').getElement('.active').getHeight().toInt() - (Browser.Engine.trident ? 2 : 0), // Wrong computed height for 'Li' element in IE
			corners: [0, 0, 0, 0],
			zindex: -1
		});

	}



});
	

/* Have to wait all graphics loaded to draw blocks with correct height. :( */
window.addEvent('load', function() {

	var yellowBlockStartColor = '#FEFDFB';
	var yellowBlockStopColor = '#FFD042';
	var brownBlockStartColor = '#FEFEFE';
	var brownBlockStopColor = '#885880';
	var orangeBlockStartColor = '#EC6C42';
	var orangeBlockStopColor = '#A72D04';
	var greenBlockStartColor = '#C7FFE1';
	var greenBlockStopColor = '#ABFFD3';
	var whiteBlockStartColor = '#FFFFFF';
	var whiteBlockStopColor = '#F2F2F2';
	var crimeBlockStartColor = '#FFF2C9';
	var crimeBlockStopColor = '#FFE593';
	var pinkBlockStartColor = '#FFEBE8';
	var pinkBlockStopColor = '#FFEBE8';
	var greenBlockStartColor = '#D3F89E';
	var greenBlockStopColor = '#B0E650';

	if($(document.body).hasClass('splash')) {
		
		$('blocks').getElement('.yellow').CanvasULElemet({
			corners: [0, 0, 0, 0],
			shadow: 2,
			height: $('blocks').getHeight(),
			bodyStartColor: yellowBlockStartColor.hexToRgb(true).include(1),
			bodyStopColor: yellowBlockStopColor.hexToRgb(true).include(1)
		});
		
		$('blocks').getElement('.brown').CanvasULElemet({
			corners: [0, 0, 0, 0],
			shadow: 2,
			height: $('blocks').getHeight(),
			bodyStartColor: brownBlockStartColor.hexToRgb(true).include(1),
			bodyStopColor: brownBlockStopColor.hexToRgb(true).include(1)
		});
		

		$('blocks').getElement('.white').CanvasULElemet({
			border: 1,
			shadow: 2,
			height: $('blocks').getHeight(),
			bodyStartColor: whiteBlockStartColor.hexToRgb(true).include(1),
			bodyStopColor: whiteBlockStopColor.hexToRgb(true).include(1)
		});

		
	} else {
		
		$$('.yellow').each(function(element) { 
			element.CanvasULElemet({
				shadow: 2,
				bodyStartColor: yellowBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: yellowBlockStopColor.hexToRgb(true).include(1)
			});
		});
		
		$$('.brown').each(function(element) { 
			element.CanvasULElemet({
				shadow: 2,
				bodyStartColor: brownBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: brownBlockStopColor.hexToRgb(true).include(1)
			});
		});

		$$('.orange').each(function(element) {
			element.CanvasULElemet({
				shadow: 2,
				bodyStartColor: orangeBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: orangeBlockStopColor.hexToRgb(true).include(1)
			});
		});

		$$('.white').each(function(element) {
			element.CanvasULElemet({
				border: 1,
				shadow: 2,
				bodyStartColor: whiteBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: whiteBlockStopColor.hexToRgb(true).include(1)
			});
		});
		$$('.crime').each(function(element) {
			element.CanvasULElemet({
				shadow: 2,
				bodyStartColor: crimeBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: crimeBlockStopColor.hexToRgb(true).include(1)
			});
		});
		$$('.pink').each(function(element) {
			element.CanvasULElemet({
				corners: [0, 5, 5, 0],
				shadow: 2,
				bodyStartColor: pinkBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: pinkBlockStopColor.hexToRgb(true).include(1)
			});
		});
		$$('.green').each(function(element) {
			element.CanvasULElemet({
				corners: [5, 5, 5, 5],
				shadow: 2,
				bodyStartColor: greenBlockStartColor.hexToRgb(true).include(1),
				bodyStopColor: greenBlockStopColor.hexToRgb(true).include(1)
			});
		});

	}								 
});

function sitewide_email_this_page(){var to="";var body=document.location.href;jsessionRegExp=/\;jsession.*/ig;var body=body.replace(jsessionRegExp,"");var doc="mailto:"+to+"?"+"body="+escape(body);window.location.href=doc;}