// initPage
$(function(){
	//initNav();
	initGallery();
})

// initNav
function initNav() {
	initAutoScalingNav({
		menuId: "nav",
		liHovering: true,
		flexible: true,
		equalLinks: false,
		sideClasses: true,
		spacing: 2
	});
}

function initGallery(){
	var wrapps = $('.gallery');
	wrapps.each(function(){
		var wrapp = $(this);
		var hold = wrapp.find('.hold');
		var list = hold.find('>ul');
		var elements = list.find('>li');
                var count = elements.length;
		var btnPrev = wrapp.find('.prev');
		var btnNext = wrapp.find('.next');
		var speed = 550;
		var delay = 8000;
		var autoRotation = true;
		var allCurrent = elements.length;
		var current = 0;
		var mLeft = 0;
		var t;

                //list.width(Math.ceil(count/2)*1000); //set width of ul to accomdate all panels. this avoids the need to set a hight for the ul, allowing the content to set the height
                //list.width(2000); //set width of ul to accomdate all panels. this avoids the need to set a hight for the ul, allowing the content to set the height
		
		btnNext.click(function(){
			clearInterval(t);
			nextSlide();
			return false;
		});
		
		btnPrev.click(function(){
			clearInterval(t);
			prevSlide();
			return false;
		});
		
		function nextSlide(){
			if(current <= allCurrent){
				current++;
				if(current == allCurrent){current = 0}
				slide(current);
			}
		};
		
		function prevSlide(){
			if(current >= 0){
				current--;
				slide(current);
				if(current == 0){current = allCurrent}
			}
		};
		
		function slide(current){
			try{
                        var slide = elements.eq(current);
			var left = slide.position().left;
			var top = slide.position().top;
			
			list.animate({
				marginLeft: -left,
				marginTop: -top
			},{queue: false, duration:speed, complete:function(){
				rotation();
			}});
                        }
                        catch (err){}
		};
		
		function rotation(){
			if(autoRotation){
				if(t){clearInterval(t)}
				t = setInterval(function(){
					nextSlide()
				}, delay)
			}
		}
		
		jQuery(window).focus(function() {
			rotation();
		}).blur(function() {
			clearInterval(t);
		});
		rotation();
	})
}

// autoScalingNav
function initAutoScalingNav(o) {
	if (!o.menuId) o.menuId = "nav";
	if (!o.tag) o.tag = "a";
	if (!o.spacing) o.spacing = 0;
	if (!o.constant) o.constant = 0;
	if (!o.minPaddings) o.minPaddings = 0;
	if (!o.liHovering) o.liHovering = false;
	if (!o.sideClasses) o.sideClasses = false;
	if (!o.equalLinks) o.equalLinks = false;
	if (!o.flexible) o.flexible = false;
	var nav = document.getElementById(o.menuId);
	if(nav) {
		nav.className += " scaling-active";
		var lis = nav.getElementsByTagName("li");
		var asFl = [];
		var lisFl = [];
		var width = 0;
		for (var i=0, j=0; i<lis.length; i++) {
			if(lis[i].parentNode == nav) {
				var t = lis[i].getElementsByTagName(o.tag).item(0);
				asFl.push(t);
				asFl[j++].width = t.offsetWidth;
				lisFl.push(lis[i]);
				if(width < t.offsetWidth) width = t.offsetWidth;
			}
			if(o.liHovering) {
				lis[i].onmouseover = function() {
					this.className += " hover";
				}
				lis[i].onmouseout = function() {
					this.className = this.className.replace("hover", "");
				}
			}
		}
		var menuWidth = nav.clientWidth - asFl.length*o.spacing - o.constant;
		if(o.equalLinks && width * asFl.length < menuWidth) {
			for (var i=0; i<asFl.length; i++) {
				asFl[i].width = width;
			}
		}
		width = getItemsWidth(asFl);
		if(width < menuWidth) {
			var version = navigator.userAgent.toLowerCase();
			for (var i=0; getItemsWidth(asFl) < menuWidth; i++) {
				asFl[i].width++;
				if(!o.flexible) {
					asFl[i].style.width = asFl[i].width + "px";
				}
				if(i >= asFl.length-1) i=-1;
			}
			if(o.flexible) {
				for (var i=0; i<asFl.length; i++) {
					width = (asFl[i].width - o.spacing - o.constant/asFl.length)/menuWidth*100;
					if(i != asFl.length-1) {
						lisFl[i].style.width = width + "%";
					}
					else {
						if(navigator.appName.indexOf("Microsoft Internet Explorer") == -1 || version.indexOf("msie 6") != -1 || version.indexOf("msie 7") != -1 || version.indexOf("msie 8") != -1 || version.indexOf("msie 9") != -1)
							lisFl[i].style.width = width + "%";
					}
				}
			}
		}
		else if(o.minPaddings > 0) {
			for (var i=0; i<asFl.length; i++) {
				asFl[i].style.paddingLeft = o.minPaddings + "px";
				asFl[i].style.paddingRight = o.minPaddings + "px";
			}
		}
		if(o.sideClasses) {
			lisFl[0].className += " first-child";
			lisFl[0].getElementsByTagName(o.tag).item(0).className += " first-child-a";
			lisFl[lisFl.length-1].className += " last-child";
			lisFl[lisFl.length-1].getElementsByTagName(o.tag).item(0).className += " last-child-a";
		}
		nav.className += " scaling-ready";
	}
	function getItemsWidth(a) {
		var w = 0;
		for(var q=0; q<a.length; q++) {
			w += a[q].width;
		}
		return w;
	}
}

function ToggleVisible(item)
{
    jQuery("#" + item + " .fadable").fadeToggle("slow");
    jQuery("#" + item + " .slidable").slideToggle("slow");
    jQuery("#" + item + " .togglebutton").attr("title",
        ((jQuery("#" + item + " .togglebutton").attr("title")=='minimise')?'expand':'minimise'));
}