function hideOpen() {
	var menu =  $('left_side').getElement('ul.submenu');
	if($defined(menu)) {
	 	var list = menu.getChildren('li');
		list.each(function(val, key) {
			if(val.get('class') == 'isSub') {
				val.set('class', 'isSub ' + val.getStyle('height'));
				if(val.getPrevious('li').get('class') != 'ison isinSubLevel') {
					val.setStyle('display', 'block');
					val.set('class', 'isSubHidden ' + val.getStyle('height'));
				}
				
			}
		});
	}
}

function initContact() {
	var boxDiv = $('contact_box');
	if($chk(boxDiv)) {
		var fields = boxDiv.getElements('div.mail-form div.expand');
		fields.each(function(itm,index) {
			var itmHeight = itm.getStyle('height');
			itm.setStyles({'height': '0', 'display': 'none'});
			
			var name = itm.getPrevious('div.form-field');
			name.addEvent('click', function() {
				var myEffect = new Fx.Morph(itm, {duration: 'long', transition: Fx.Transitions.Sine.easeIn});
 
				myEffect.start({
					'height': itmHeight,
					'overflow': 'hidden',
					'display': 'block'
				});
			});
		});
	}
}

function setMoreOptions() {
	var myOption = $$('.more_options');
	if($defined(myOption)) {
		myOption.each(function(el, index) {
			el.addEvent('click', function(event) {
				event.stop();
				var opener = $$('.more_options_forms')[0];
				if(opener.getStyle('height') == '185px') {
					opener.setStyle('height', '185px');
					var myEffect = new Fx.Morph(opener, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
				 
					myEffect.start({
						'height': '0px',
						'overflow': 'hidden',
						'display': 'block'
					});
				} else {
					opener.setStyle('height', '0px');
					var myEffect = new Fx.Morph(opener, {duration: 'long', transition: Fx.Transitions.Sine.easeIn});
				 
					myEffect.start({
						'height': '185px',
						'overflow': 'hidden',
						'display': 'block'
					});
				}
			});
		});
	}
}

var contentExpand = new Class({
	initialize: function() {
		this.anim = 1;
		this.closeLeft = 0;
		this.closeCenter = 0;
		this.closeRight = 0;
		
		this.setLeftExpand();
		this.setCenterExpand();
		this.setRightExpand();
	},
	setLeftExpand: function() {
		var toExpand = $$('.left-image');
		if($defined(toExpand)) {
			toExpand.each(function(div) {
				div.addEvent('click', function(e) {					
					if(this.anim) {
						this.anim = 0;
						if(this.closeLeft) {
							var lastCol = div.getElement('.csc-textpic-lastcol');				
							var myEffect = new Fx.Morph(div, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut
															});
							var myEffect2 = new Fx.Morph(lastCol, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeLeft = 0;
																		div.setStyle('z-index', '0');
																	}.bind(this)
															});
							myEffect.start({
								'width': '110px'
							});
							myEffect2.start({
								'left': '0px'
							});
						} else {
							e.stop();
							div.setStyle('z-index', '10');
							var lastCol = div.getElement('.csc-textpic-lastcol');				
							var myEffect = new Fx.Morph(div, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																			this.anim = 1;
																			this.closeLeft = 1;
																	}.bind(this)
															});
							var myEffect2 = new Fx.Morph(lastCol, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeLeft = 1;
																	}.bind(this)
															});
							myEffect.start({
								'width': '340px'
							});
							myEffect2.start({
								'left': '230px'
							});
						}
					}
				}.bind(this));
			}.bind(this));
		}
	},
	setCenterExpand: function() {
		var toExpand = $$('.center-image');
		if($defined(toExpand)) {
			toExpand.each(function(div) {
				div.addEvent('click', function(e) {
					if(this.anim) {				
						this.anim = 0;
						if(this.closeCenter) {

							var lastCol = div.getElement('.csc-textpic-lastcol');				
							var myEffect = new Fx.Morph(div, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut
															});
							var myEffect2 = new Fx.Morph(lastCol, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeCenter = 0;
																		div.setStyle('z-index', '0');
																	}.bind(this)
															});
							myEffect.start({
								'width': '110px',
								'left': '115px'
							});
							myEffect2.start({
								'left': '0px'
							});
						} else {
							e.stop();
							div.setStyle('z-index', '10');
							var lastCol = div.getElement('.csc-textpic-lastcol');				
							var myEffect = new Fx.Morph(div, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeCenter = 1;
																	}.bind(this)
															});
							var myEffect2 = new Fx.Morph(lastCol, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeCenter = 1;
																	}.bind(this)
															});
							myEffect.start({
								'width': '340px',
								'left': '0px'
							});
							myEffect2.start({
								'left': '230px'
							});
						}
					}
				}.bind(this));
			}.bind(this));
		}
	},
	setRightExpand: function() {
		var toExpand = $$('.right-image');
		if($defined(toExpand)) {
			toExpand.each(function(div) {
				div.addEvent('click', function(e) {
					if(this.anim) {
						this.anim = 0;
						if(this.closeRight) {
							var myEffect = new Fx.Morph(div, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeRight = 0;
																		div.setStyle('z-index', '0');
																	}.bind(this)
															});
							myEffect.start({
								'width': '110px',
								'left': '230px'
							});
						} else {
							e.stop();
							div.setStyle('z-index', '10');
							var myEffect = new Fx.Morph(div, {
															duration: '1000',
															transition: Fx.Transitions.Sine.easeOut,
															onComplete: function() {
																		this.anim = 1;
																		this.closeRight = 1;
																	}.bind(this)
															});
							myEffect.start({
								'width': '340px',
								'left': '0px'
							});
						}
					}
				}.bind(this));
			}.bind(this));
		}
	}
});

window.addEvent('domready', function(){
	initContact();

	var expand = new contentExpand();

	setMoreOptions();
	var menu =  $('left_side');
		if($defined(menu)) {
		var menu_sub = menu.getElement('ul.submenu');
	 	var list = menu_sub.getChildren('li');
		var clicked = 1;
		list.each(function(val, key) {
			if(val.get('class') == 'hasSubLevels' || val.get('class') == 'ison isinSubLevel') {
				var imgDiv = val.getElement('div');
				imgDiv.addEvent('click',
					function(e) {
						if(clicked) {
							clicked = 0;
							if(val.get('class') == 'hasSubLevels') {
								val.set('class', 'ison isinSubLevel');
								var nextLi = val.getNext('li');
								var myEffect = new Fx.Morph(nextLi, {duration: 700, transition: Fx.Transitions.Sine.easeIn, onComplete: 
																function() {
																	nextLi.set('class', 'isSub ' + nextLi.get('class').split(" ")[1]);
																	clicked = 1;
																}
															});
								var isonSub = menu.getElements('li.isSub')[0];
								if($type(isonSub) == 'element') {
									var isLiSub = isonSub.getPrevious('li');
									if($type(isLiSub) == 'element') {
									isLiSub.set('class', 'hasSubLevels');
									}
									var myEffect2 = new Fx.Morph(isonSub, {duration: 500, transition: Fx.Transitions.Sine.easeIn, onComplete: 
																function() {
																	isonSub.set('class', 'isSubHidden ' + isonSub.get('class').split(" ")[1]);
																}
															});
									myEffect2.start({
										height: '0px',
										overflow: 'hidden'
									});
								}
								var liInfo = nextLi.get('class').split(" ");
								myEffect.start({
									display: 'block',
									height: liInfo[1],
									float: 'left'
								});
							} else {
								val.set('class', 'hasSubLevels');
								var nextLi = val.getNext('li');
								var myEffect = new Fx.Morph(nextLi, {duration: 500, transition: Fx.Transitions.Sine.easeIn, onComplete: 
																function() {
																	nextLi.set('class', 'isSubHidden ' + nextLi.get('class').split(" ")[1]);
																	clicked = 1;
																}
															});
								myEffect.start({
									height: '0px',
									overflow: 'hidden'
								});
							}
						}
						e.stop();
					}
				);
			}
		});
	}
});