var Slide = new Class({
	initialize: function() {
		var el = $$('.slide');
		if($defined(el)) {
			el.each(function(els) {
				els.setStyle('position', 'relative');
				this.setImages(els);
				this.imageMorph.periodical(20000, this, els);
			}.bind(this));
		}
	},
	setImages: function(wrapper) {
		var elements = wrapper.getElements('img');
		if($defined(elements)) {
			elements.each(function(element, key) {
				if(key != 0) {
					element.setOpacity(0);
				} else {
					wrapper.setStyle('height', element.getStyle('height'));
				}
			
				element.setStyles({
					'position': 'absolute',
					'top': '0px',
					'left': '0px'
				});
			});
		}
	},
	
	imageMorph: function(wrapper) {
		var elements = wrapper.getElements('img');
		if($defined(elements)) {
			var elementLen = elements.length;
			elements.each(function(el, k) {
				if(el.get('opacity') != 0) {
					el.fade(0);
					if((elementLen-1)>k) {
						elements[k+1].fade(1);
						wrapper.setStyle('height', elements[k+1].getStyle('height'));
					} else {
						elements[0].fade(1);
						wrapper.setStyle('height', elements[0].getStyle('height'));
					}
				}
			});
		}
	}
});


function limitSize(img, limit) {
	var iW = img.getStyle('width').toInt();
	var iH = img.getStyle('height').toInt();
	if(iW > limit || iH > limit) {
		if(iW > iH) {
			img.setStyles({
						  	'width': limit+'px',
						  	'height': 'auto'
						  });
		} else {
			img.setStyles({
						  	'height': limit+'px',
						  	'width': 'auto'						
						  });
		}
	}
}

function tblOddEven(tblClass) {
	var tbls = $$(tblClass);
	if($defined(tbls)) {
		tbls.each(function(tbl){
			var trs = tbl.getElements('tr');
			var odd = 0;
			trs.each(function(tr) {
				if(odd) {
					tr.addClass('odd');
					odd = 0;
				} else {
					tr.addClass('even');
					odd = 1;
				}
			});
		});
	}
}

function setBoxesWhite() {
	var boxes = $$('div.list-box');	
	if($defined(boxes)) {
		boxes.each(function(box) {
			if(box.getStyle('background-color') != '#FFFFFF') {
				box.setStyle('background-color', '#FFFFFF');
			}
		});
	}
}


function colorBoxes(anchorA) {
	var box = anchorA.getNext('div.list-box');
	var box2 = box.getElement('div.csc-textpic-text');
	var links = box2.getElements('a');
	if($defined(links)) {
		setBoxesWhite();
		var myEffect = new Fx.Tween(box);
		myEffect.start('background-color', '#C5E8ED');
		links.each(function(linkA) {
			if(linkA.get('class') != 'list-link') {
				linkA.setStyle('display', 'inline');
			} else if(linkA.get('class') == 'list-link-show') {
			
			} else {
				linkA.setStyle('display', 'none');
				var linkP = linkA.getParent();
				if($defined(linkP)) {
					var h6link = linkP.getPrevious('h6');
					if($defined(h6link)) {
						h6link.setStyle('display', 'block');
					}
				}
	
			}
		});
	}	
}

window.addEvent('domready', function() {
	var slides = new Slide();

	tblOddEven('.table-100');

	var boxes = $$('div.list-box div.csc-textpic-text');
	if($defined(boxes)) {
		boxes.each(function(box) {
			box.getParent().setStyle('margin-left', '191px');
			var links = box.getElements('a');
			if($defined(links)) {
				links.each(function(linkA) {
					if(linkA.get('class') == 'list-link') {
						linkA.addEvent('click', function(e) {
							e.stop();							
							links.each(function(linkAA){								
								linkAA.setStyle('display', 'inline');
							});
							setBoxesWhite();
							var parB = box.getParent('div.list-box');
							var myEffect = new Fx.Tween(parB);
							myEffect.start('background-color', '#C5E8ED');
							if(linkA.get('class') != 'list-link-show' && linkA.get('class') != 'link-visible') {
								linkA.setStyle('display', 'none');
								var linkP = linkA.getParent();
								if($defined(linkP)) {
									var h6link = linkP.getPrevious('h6');
									if($defined(h6link)) {
										h6link.setStyle('display', 'block');
									}
								}
							}
						});
					} else {
						if(linkA.get('class') != 'list-link-show' && linkA.get('class') != 'link-visible') {
							linkA.setStyle('display', 'none');
						}
					}
				});
			}
		});
	}
	
	var cont = $('content').getElements('a');
	if($defined(cont)) {
		cont.each(function(linkA) {	
			if(linkA == '') {
				linkA.setStyle('display', 'block');
				linkA.setStyle('clear', 'both');
				linkA.setStyle('height', '0px');
				linkA.setStyle('overflow', 'hidden');
			}
		});
	}
	
	
	var subMenu = $('left_side').getElement('ul.submenu');
	if($defined(subMenu)) {
		var links = subMenu.getElements('a');
		links.each(function(aLink) {
			var aHref = aLink.get('href');
			var spl = aHref.split('#');
			var splCp = spl[1];
			if($defined(splCp)) {				
				var anchor = $(splCp);
				if($defined(anchor)) {
					aLink.addEvent('click', function(e) {
						var box = anchor.getNext('div.list-box');
						var box2 = box.getElement('div.csc-textpic-text');
						var links = box2.getElements('a');
						if($defined(links)) {
							setBoxesWhite();
							var myEffect = new Fx.Tween(box);
							myEffect.start('background-color', '#C5E8ED');
							links.each(function(linkA) {
								if(linkA.get('class') != 'list-link') {
									linkA.setStyle('display', 'inline');
								} else if(linkA.get('class') == 'list-link-show') {
								
								} else {
									linkA.setStyle('display', 'none');
									var linkP = linkA.getParent();
									if($defined(linkP)) {
										var h6link = linkP.getPrevious('h6');
										if($defined(h6link)) {
											h6link.setStyle('display', 'block');
										}
									}

								}
							});
						}
					});
				}
			}
		});
	}
	
	var picsets = $$('div.pic-gal');
	if($defined(picsets)) {	
		picsets.each(function(picset) {
			var imgs = picset.getElements('img');
			if($defined(imgs)) {
				divImg = new Element('div', {'class': 'imgwrapper'});
				imgs.each(function(img,imK) {
					var imgClass = img.get('class');
					if(imgClass != "iconMode button-edit frontEndEditIconIconMode frontEndEditIcon frontEndEditIcons"){
						var imgClone = img.clone();
						img.inject(divImg);
						imgClone.set('class', 'preview');
						imgClone.setStyle('opacity', '0');
						imgClone.inject(divImg);
						limitSize(imgClone, 480);
						if(((imK+1)%5)==0) {
							img.setStyles({
								'width': '92px',
								'height': 'auto',
								'margin': '0px 0px 5px 0px',
								'cursor': 'pointer'
							});
						} else {
							img.setStyles({
								'width': '92px',
								'height': 'auto',
								'margin': '0px 5px 5px 0px',
								'cursor': 'pointer'
							});
						}
						img.addEvent('mouseover', function() {
							var next = img.getNext('img');
							next.setStyle('display', 'block');
							next.setStyle('top', '-'+(next.height+5)+'px');
							next.fade(1);
						});
						img.addEvent('mouseout', function() {
							var next = img.getNext('img');
							next.setStyles({
										   'display': 'none'
										});
							next.fade(0);
					});
					} else {
						img.setStyle('display','none');
					}
				});
				divImg.inject(picset);
			}
		});
	}
	
	var url = document.location.toString();
	var urlSp = url.split('#');
	if($defined(urlSp[1])) {
		var idA = urlSp[1];
		var linkA = $(idA);
		if($defined(linkA)) {
//			var lB = linkA.getNext('div.list-box');
			colorBoxes(linkA);
//			console.log('%s', 'sucsess');
		}
	}
});