var currentLevel = 0;
var showDialog = true;
var blueSlider;
var el;
var pause = false;
document.getElementById("tiki-mid").style.background = '#061C41 url("styles/bluewave/blueometer/content_bg.jpg") left top no-repeat';
document.getElementById("centercolumn").style.background = 'none';
window.addEvent('domready', function() {

	var morph = new Fx.Morph('meter');
	
	/*$('level1').fade(0);
	$('level2').fade(0);
	$('level3').fade(0);
	$('level4').fade(0);
	$('level5').fade(0);*/
	
	$('dlgButton').addEvent('click', function(e) {
		el = $('level0');
		e.stop();
		if(showDialog){
			el.fade(0);
			showDialog = false;
			
			morph.start({
				left: '180px'
			});
		}
		if(currentLevel == 0){
			currentLevel = 1;
		}
		el = $('level'+currentLevel);
		el.fade(1);
	});
	
	$('ReshowDialog').addEvent('click', function(e) {
		e.stop();
		if(!showDialog){
			$('level0').fade(1);
			showDialog = true;
			morph.start({
				left: '300px'
			});
		}
	});
	
	el = $('levelSlider');
	blueSlider = new Slider(el, el.getElement('.knob'), {
		steps: 600,
		range: [100],
		mode: 'vertical',
		wheel: false,
		snap: true,
		onComplete: function(value){
			if(showDialog || pause){
				return;
			}
			el = $('level'+currentLevel);
			el.fade(0);
			if(IE6 || IE7) {
				var modvalue = (IE7?42:78);
				if(value < 598) {
					value -= modvalue + (currentLevel*5);
				}
				if(value < 100) {
					value = 100;
				}
				pause = true;
				setTimeout(function() { pause = false; },250);
			}
			if(parseInt(value/100) < 6){
				currentLevel = parseInt(value/100);
				el = $('level'+currentLevel);
			}
			el.fade(1);
			blueSlider.set((currentLevel*100)+50+(5*(currentLevel-3)));
		}
	}).set(140);
});