window.onload = function() {
	banner.start();
	
	setup_menu(document.getElementById('menu'));
	Shadowbox.init();
	
	var friends_img_coll = getElementsByClassName("friends_img");
	for(var i in friends_img_coll) {
		cur_friend = friends_img_coll[i];
		if(cur_friend.nodeType == 1) {
			cur_friend.onmouseover = function() {
				this.src = this.src.split("_01").join("_02");
			}
			
			cur_friend.onmouseout = function() {
				this.src = this.src.split("_02").join("_01");
			}
		}
	}
}

var banner = new banner_rotator();

function banner_rotator() {
	
	this.images_folder = "banner/";
	this.images = Array("img_01.png", "img_02.png", "img_03.png", "img_04.png");
	this.time = 3; //secunde

	this.banner_div_id = 'banner';
	this.cur_index = 0;
	this.timer = null;
	
	this.start = function() {
		if(!document.getElementById(this.banner_div_id)) return;
		
		var container = document.getElementById(this.banner_div_id);
		
		if(container.getAttribute('setup') !== 'true') {
			container.setAttribute('setup', 'true');
		
			var banner_cont = container.getElementById('cur_img');
		
			$(banner_cont).set('dissolve', {
				duration: 500,
				transition: 'circ:in',
			});
		
			$(banner_cont).set('reveal', {
				duration: 500,
				transition: 'circ:out'
			});
		
			var clickers_cont = container.getElementById('banner_clickers');
			for(i=0;i<this.images.length;i++) {
				var cur_img = this.images[i];
				clickers_cont.innerHTML += "<div class='banner_clickers'><a><img src='"+this.images_folder+cur_img+"' width='100' border='0' /></a></div>";
			}
		
			var link_col = clickers_cont.getElementsByTagName("a");
		
			for(var i in link_col) {
				var cur_obj = link_col[i];
				
				if(cur_obj.nodeType == 1) {
					cur_obj.onclick = function() {
						banner.stop();
						var container = document.getElementById(banner.banner_div_id);
						var banner_cont = container.getElementById('cur_img');
						banner_cont.src = this.firstChild.src;
						banner.start();
					};
				}
			}
		}
		
		this.timer = setInterval("banner.next()", (this.time+1) * 1000);
	}
	
	this.next = function() {
		this.cur_index = this.cur_index+1;
		if(this.cur_index >= this.images.length) this.cur_index = 0;
		
		var container = document.getElementById(this.banner_div_id);
		
		var banner_cont = container.getElementById('cur_img');
		
		$(banner_cont).get('dissolve').dissolve();
		
		setTimeout("document.getElementById('cur_img').src = banner.images_folder+banner.images[banner.cur_index]", 500);
		setTimeout("$('cur_img').get('reveal').reveal()", 800);
		
	}
	
	this.stop = function() {
		clearInterval(this.timer);
	}
}

var getElementsByClassName = function(class_name) {
		var collection = document.getElementsByTagName("*");
		var objects = Array();
		for(var i in collection) {
			var curObject = collection[i];
		
			if(curObject.className && curObject.className.toLowerCase() == class_name.toLowerCase()) objects[objects.length] = curObject;
		}
	
		return objects;
}

function reveal_section(object) {
	new Fx.Reveal($(object.nextSibling)).toggle();
}

function setup_menu(element) {
	if(typeof element == "object") {
			var objects = element.getElementsByTagName("li");
			for(var i in objects) {
				var curObject = objects[i];
				
				curObject.onmouseover = function() {
					for(var x in this.childNodes) {
						if(this.childNodes[x].nodeType == 1 && this.childNodes[x].tagName.toLowerCase() !== "a") {
							this.childNodes[x].style.display = "block";
						}
					}
				};
					
				curObject.onmouseout = function() {
					for(var x in this.childNodes) {
						if(this.childNodes[x].nodeType == 1 && this.childNodes[x].tagName.toLowerCase() !== "a") {
							this.childNodes[x].style.display = "none";
						}
					}
				};
			}
		}
}