try{window.addEventListener("load", start, false);} catch(e){window.attachEvent("onload", start);}

function start()
{	
	/*var slideBtn = cm.getEl('slide-btn');
	var slideBox = cm.getEl('slide-box');
	var trigger = !slideBox.className.match(/open/);
	var height = 242;
	
	var animHandler = new cm.Animation(slideBox);
	
	
	var slideFix = cm.getEl('slide-open-fix');
	slideFix.style.width = slideBtn.offsetWidth + 'px';
	slideFix.style.height = slideBtn.offsetHeight + 'px';
	slideFix.style.display = trigger? 'block' : 'none';
	
	slideFix.onclick = slideBtn.onclick = function()
	{
		if(!trigger)
		{
			animHandler.go(['height:22px'], 500, 'inhibition', function(){
				slideBox.className = 'slide-box close';
				slideFix.style.display = 'block';
				slideBtn.innerHTML = slideBtn.innerHTML.replace('HIDE',_TAB_HEADER_TITLE);
				});
		}
		else
		{
			animHandler.go(['height:'+height+'px'], 500, 'acceleration', function(){
				slideBox.className = 'slide-box open';
				slideFix.style.display = 'none';
				slideBtn.innerHTML = slideBtn.innerHTML.replace(_TAB_HEADER_TITLE, 'HIDE');
				});
		}
		trigger = !trigger;
		return false;
	}*/
	
	// Blue block
	var blueBtn = cm.getEl('blue-box-btn'),
		conditBtn = cm.getEl('conditBtn'),
		webcamBtn = cm.getEl('webcamBtn'),
		conditionsDiv = cm.getEl('conditionsDiv'),
		webcamDiv = cm.getEl('webcamDiv');
	
	toggle_slider(blueBtn);
	toggle_slider(conditBtn, conditBtn, conditionsDiv);
	toggle_slider(webcamBtn, webcamBtn, webcamDiv);
};

function toggle_slider(btn, tab, block)
{
	var blueBtn = cm.getEl('blue-box-btn'),
		blueContent = cm.getEl('blue-box-content'),
		conditionsDiv = cm.getEl('conditionsDiv'),
		webcamDiv = cm.getEl('webcamDiv'),
		conditBtn = cm.getEl('conditBtn'),
		webcamBtn = cm.getEl('webcamBtn');
	
	btn.onclick = function()
	{
		if(blueContent.offsetHeight > 0)
		{
			new cm.Animation(blueContent).go(['height:0px'], 400, 'inhibition', function()
			{
				blueBtn.title = 'Show';
				blueBtn.className = 'array';
				open_tab();
			});
		}
		else
		{
			if(tab && block){
				open_tab(tab, block);
			}else{
				open_tab(conditBtn, conditionsDiv);
			}
			
			blueContent.style.height = 'auto';
			var h = blueContent.offsetHeight;
			blueContent.style.height = 0;
			new cm.Animation(blueContent).go(['height:'+h+'px'], 200, 'acceleration', function()
			{
				blueBtn.title = 'Hide';
				blueBtn.className = 'array open';
				blueContent.style.height = 'auto';
			});
		}
	}
};
function open_tab(btn, block)
{
	var conditionsDiv = cm.getEl('conditionsDiv'),
		webcamDiv = cm.getEl('webcamDiv'),
		conditBtn = cm.getEl('conditBtn'),
		webcamBtn = cm.getEl('webcamBtn');
		
	conditionsDiv.style.display = 'none';
	webcamDiv.style.display = 'none';
	conditBtn.parentNode.className = '';
	webcamBtn.parentNode.className = '';
	
	if(btn && block)
	{
		btn.parentNode.className = 'active';
		block.style.display = 'block';
		
		conditBtn.onclick = function(){ open_tab(conditBtn, conditionsDiv); }
		webcamBtn.onclick = function(){ open_tab(webcamBtn, webcamDiv); }
	}
	else
	{
		toggle_slider(conditBtn, conditBtn, conditionsDiv);
		toggle_slider(webcamBtn, webcamBtn, webcamDiv);
	}
};
