var infScroller = function(){};

var portfolioFade = function (gee) {
	var wraps = $(".homeCol").not(".fadeComp");
	var tmp = wraps.children().children(".colContent")
	var thumbs = tmp.children(".fadeThumb");
	var titles = tmp.children(".fadeTitle");
	var btns = tmp.children(".fadeButton");
	wraps.each(function (index, wrap) {
		$(wrap).css({
			height: 0,
			overflow: "hidden"
		});
		$(wrap).children().css({
			opacity: 0
		});
	});
	thumbs.css({
		opacity: 0
	});
	titles.css({
		opacity: 0
	});
	btns.css({
		opacity: 0
	});
	var k = 0;
	var setScroller = function() {
		if ($("#pageNumbers")[0] != "undefined") {
			infScroller($("#pageNumbers").children().length, gee);
			$("#pageNumbers").remove();
		}				
	}
	
	var fadeCheck = function (i, j) {
		if (i < wraps.length || j < 3) {
			if (j == 3) {
				j = 0;
				$(wraps[i++]).animate({
					height: 360
				}, 400, function () {
					fadeCheck(i, j);
				});
			} else {
				$(wraps[i - 1]).addClass("fadeComp");
				
				$(thumbs[k]).animate({
					opacity: 1
				});
				$(btns[k]).animate({
					opacity: 1
				});
				$(titles[k++]).animate({
					opacity: 1
				});
				
				$($(wraps[i - 1]).children()[j++]).animate({
					opacity: 1
				}, 250, function () {
					if ($(wraps[i - 1]).children().length < 3) {
						if (j == $(wraps[i - 1]).children().length) {
							return;
						}
					}
					fadeCheck(i, j);
				});
			}
		} else 
			setScroller();
	}
	fadeCheck(0, 3);
}
infScroller = function(pageCount, currPage) {
	var loading = false;
	var scrollMax = 300;
	var nomore = false;
	var order = document.forms["portfolio_filter"]["order"].value;
	var property = document.forms["portfolio_filter"]["property"].value;
	var loadNext = function() {
		if (!loading && $(window).scrollTop() + scrollMax >= $(document).height() - $(window).height())
			if(currPage < pageCount) {
				loading = true;
				var $load = $("<center id='pageLoading'>Loading next page</center>");
				$load.css({opacity:0});
				$("#pageContent").append($load);
				$load.animate({height: 30, opacity: 1});
				//setTimeout(function(){
				var url = 'php/portfolioNext.php?order=' + order + '&property=' + property + '&p=' + ++currPage;
				$.get(url, function(data) {
					$("#pageContent").append(data);
					portfolioFade(0,3);
					$load.animate({height:0}, 300, function() {
						$load.remove();
					});
					loading = false;
					loadNext();
				});
				//}, 2000); //Test loading times
			} else 
				setTimeout(function() {
					if(!nomore) {
						nomore = true;
						$nomore = $("<center style='padding-top:10px;color:#666'>No more results</center>");
						$nomore.css({opacity:0, height: 0});
						$("#pageContent").append($nomore);
						$nomore.animate({opacity:1, height: 35});
					}
				}, 750);
	}
	loadNext();
	$(window).scroll(function(){
		loadNext();
	});
}
			

window.onload = function() {
	$("#menu li").arrowMenu();
	
	var text = [
		"graphics",
		"web",
		"photos",
		"code",
		"logos",
		"print",
		"video",
		"design"
	];
	
	var fade = function(i) {
		$("#jellyLogo span").animate({color: "#fff"}, 600, function() {
			var $nd = $("<span>" + text[++i] + "</span>")
			if(i == text.length - 1) i = 0;
			$nd.css({color: "#fff"})
			this.parentNode.appendChild($nd[0])
			$nd.animate({color: "#ea2863"}, 600, function() {
				setTimeout(function() {
					fade(i);
				}, 3000)
			});
			this.parentNode.removeChild(this);
		});
	}
	setTimeout(function() {
		fade(0);
	}, 3000);
}