$(document).ready(function(){
	$('div.gallery-box').galleryScroll({
		btPrev: 'a.prev',
		btNext: 'a.next'
	});
	initNav();
	initTabs();
});

function initNav(){
	var nav = document.getElementById("main-nav");
	if(nav){
		var lis = nav.getElementsByTagName("li");
		for (var i=0; i<lis.length; i++){
			lis[i].onmouseover = function(){
				for (var j=0; j<lis.length; j++){
					if(lis[j].className.indexOf("active") != -1 && lis[j].className.indexOf("hide-active") == -1)
						lis[j].className += " hide-active";
				}
				this.className += " hover";
			}
			lis[i].onmouseout = function(){
				for (var j=0; j<lis.length; j++){
					lis[j].className = lis[j].className.replace("hide-active", "");
				}
				this.className = this.className.replace("hover", "");
			}
			lis[i].onclick = function(){
				if(this.className.indexOf("active") != -1){
					for (var j=0; j<lis.length; j++){
						lis[j].className = lis[j].className.replace("active", "");
					}
				}
				else{
					for (var j=0; j<lis.length; j++){	
						lis[j].className = lis[j].className.replace("active", "hide-active");
					}
					this.className += " active";
				}
			}
		}
	}
}

function initTabs(){
	var sets = document.getElementsByTagName("ul");
	for (var i = 0; i < sets.length; i++){
		if (sets[i].className.indexOf("tabset") != -1){
			var tabs = [];
			var links = sets[i].getElementsByTagName("a");
			for (var j = 0; j < links.length; j++){
				if (links[j].className.indexOf("tab") != -1){
					tabs.push(links[j]);
					links[j].tabs = tabs;
					var c = document.getElementById(links[j].href.substr(links[j].href.indexOf("#") + 1));
					//reset all tabs on start
					if (c) if (links[j].className.indexOf("active") != -1) c.style.display = "block";
					else c.style.display = "none";
					links[j].onclick = function (){
						var c = document.getElementById(this.href.substr(this.href.indexOf("#") + 1));
						if (c){
							//reset all tabs before change
							for (var i = 0; i < this.tabs.length; i++){
								document.getElementById(this.tabs[i].href.substr(this.tabs[i].href.indexOf("#") + 1)).style.display = "none";
								this.tabs[i].className = this.tabs[i].className.replace("active", "");
							}
							this.className += " active";
							c.style.display = "block";
							return false;
						}
					}
				}
			}
		}
	}
}