window.addEvent('domready', function() {
	if(!window.ie){
		$$('div.left')[0].setStyles({'opacity': 0.3});
		$$('div.left')[0].addEvent('mouseenter', function(){this.setStyles({'opacity': 1});});
		$$('div.left')[0].addEvent('mouseleave', function(){this.setStyles({'opacity': 0.3});});
			$$('div.key')[0].addEvent('mouseenter', function(){$$('div.left')[0].setStyles({'opacity': 1});});
			$$('div.key')[0].addEvent('mouseleave', function(){$$('div.left')[0].setStyles({'opacity': 0.3});});

		$$('div.right')[0].setStyles({'opacity': 0.3});
		$$('div.right')[0].addEvent('mouseenter', function(){this.setStyles({'opacity': 1});});
		$$('div.right')[0].addEvent('mouseleave', function(){this.setStyles({'opacity': 0.3});});
			$$('div.home')[0].addEvent('mouseenter', function(){$$('div.right')[0].setStyles({'opacity': 1});});
			$$('div.home')[0].addEvent('mouseleave', function(){$$('div.right')[0].setStyles({'opacity': 0.3});});

		$$('div.top')[0].setStyles({'opacity': 0.3});
		$$('div.top')[0].addEvent('mouseenter', function(){this.setStyles({'opacity': 1});});
		$$('div.top')[0].addEvent('mouseleave', function(){this.setStyles({'opacity': 0.3});});
			$$('div.phone')[0].addEvent('mouseenter', function(){$$('div.top')[0].setStyles({'opacity': 1});});
			$$('div.phone')[0].addEvent('mouseleave', function(){$$('div.top')[0].setStyles({'opacity': 0.3});});

		$$('div.doc')[0].setStyles({'opacity': 0.3});
		$$('div.doc')[0].addEvent('mouseenter', function(){this.setStyles({'opacity': 1});});
		$$('div.doc')[0].addEvent('mouseleave', function(){this.setStyles({'opacity': 0.3});});
			$$('div.docs')[0].addEvent('mouseenter', function(){$$('div.doc')[0].setStyles({'opacity': 1});});
			$$('div.docs')[0].addEvent('mouseleave', function(){$$('div.doc')[0].setStyles({'opacity': 0.3});});
	}
	if(window.ie){
		$$('div.doc')[0].addEvent('click', function(){document.location=$$('div.doc')[0].getElements('a')[0].href;});
		$$('div.doc')[0].setStyles({'cursor':'pointer'});
		$$('div.top')[0].addEvent('click', function(){document.location=$$('div.top')[0].getElements('a')[0].href;});
		$$('div.top')[0].setStyles({'cursor':'pointer'});
	}
	if(window.ie6){
		$$('div.top')[0].style.backgroundImage='none';
		$$('div.top')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/top_cloud.png', sizingMethod='crop')";
		$$('div.left')[0].style.backgroundImage='none';
		$$('div.left')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/left_cloud.png', sizingMethod='crop')";
		$$('div.right')[0].style.backgroundImage='none';
		$$('div.right')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/right_cloud.png', sizingMethod='crop')";
		$$('div.doc')[0].style.backgroundImage='none';
		$$('div.doc')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/doc_cloud.png', sizingMethod='crop')";
		$$('div.doc a')[0].style.backgroundImage='none';
		$$('div.doc a')[0].style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/doc.png', sizingMethod='crop')";
	}

	rightactive=$$('div.right')[0].getElements('p')[0];
	$$('div.right')[0].addEvent('click', function(event) {
		event = new Event(event).stop();
		var fx = new Fx.Styles(rightactive, {duration:500, wait:false});
		fx.start({'top': [0,-180]});
		if (rightactive.getNext().getTag()=='p'){rightactive=rightactive.getNext()}else{rightactive=$$('div.right')[0].getElements('p')[0];}
		var fx = new Fx.Styles(rightactive, {duration:500, wait:false});
		fx.start({'top': [180,0]});
	});


	leftactive=$$('div.left')[0].getElements('p')[0];
	$$('div.left')[0].addEvent('click', function(event) {
		event = new Event(event).stop();
		var fx = new Fx.Styles(leftactive, {duration:500, wait:false});
		fx.start({'top': [0,-180]});
		if (leftactive.getNext().getTag()=='p'){leftactive=leftactive.getNext()}else{leftactive=$$('div.left')[0].getElements('p')[0];}
		var fx = new Fx.Styles(leftactive, {duration:500, wait:false});
		fx.start({'top': [180,0]});
	});

});