window.addEvent('domready', function() {
	
	
	var logo = document.id('header_left');
	
	logo.addEvent('click', function() {
		window.location = "/";
	});
	
// <script language="javascript">
	mb = document.id('min_button');
	eb = document.id('extend_button');	
	pb = document.id('pro_button');
	
	be = document.id('bundle_extend');
	bp1 = document.id('bundle_pro1');
	bp2 = document.id('bundle_pro2');
	
	eb.fade(0.4);
	pb.fade(0.4);
	
	mode = 1;
	
	extendFx = new Fx.Morph(be, {duration: 'short', transition: Fx.Transitions.Sine.easeInOut});
	proFx1 = new Fx.Morph(bp1, {duration: 'short', transition: Fx.Transitions.Sine.easeInOut});
	proFx2 = new Fx.Morph(bp2, {duration: 'short', transition: Fx.Transitions.Sine.easeInOut});
	
	mb.addEvent('click', function() {
		mode = 1;
		mb.fade('in');
		eb.fade(0.4);
		pb.fade(0.4);
		extendFx.start({'width': 0});
		proFx1.start({'width': 0});
		proFx2.start({'width': 0});
		
	});
	
	eb.addEvent('click', function() {
		mode = 2;
		mb.fade(0.4);
		eb.fade('in');
		pb.fade(0.4);
		extendFx.start({'width': 245});
		proFx1.start({'width': 0});
		proFx2.start({'width': 0});
	});
	
	pb.addEvent('click', function() {
		mode = 3;
		mb.fade(0.4);
		eb.fade(0.4);
		pb.fade('in');
		extendFx.start({'width': 245});
		proFx1.start({'width': 300});
		proFx2.start({'width': 300});
	});
	
	
	
	mb.addEvent('mouseenter', function() {
		if(mode != 1)
			mb.fade(1.0);
	});
	
	mb.addEvent('mouseleave', function() {
		if(mode != 1)
			mb.fade(0.4);
	});
	
	eb.addEvent('mouseenter', function() {
		if(mode != 2)
			eb.fade(1.0);
	});
	
	eb.addEvent('mouseleave', function() {
		if(mode != 2)
			eb.fade(0.4);
	});
	
	pb.addEvent('mouseenter', function() {
		if(mode != 3)
			pb.fade(1.0);
	});
	
	pb.addEvent('mouseleave', function() {
		if(mode != 3)
			pb.fade(0.4);
	});


});
// </script>