//////////////////// VARS ////////////////////
var fadeRate = 133;
var currentSrc = 1; //SRC PER PAGE
var srcNumber; //SRC PER PAGE
var pageDir = 1;
var pageNum = 1;
var pageMax = 1;
var pageSrc = 'portfolio/1/1.html'; //FIRST PORTFOLIO PAGE



//////////////////// LOADING STATE ////////////////////
function preloadState(state) {
	if(state == 'on') {
		$('.pages').css('background','url("img/preload2.gif") 20px 20px no-repeat #ffffff');
	} else {
		$('.pages').css('background','');
	}
}



//////////////////// PAGE LOADING SEQUENCE ////////////////////
function pageLoad() {
	preloadState('on');
	$('.pages dd.page').load(pageSrc, loadSrc);
}
function loadSrc() {
	if($('.pages dd.page *').attr('src')) {
		$('.pages dd.page *[src]').load(function() {
			checkSrc();
		});
	} else {
		$('.media').media();
		fadeUp();
	}
}
function checkSrc() {
	srcNumber = $('.pages dd.page *[src]').length;
	if(currentSrc < srcNumber) {
		currentSrc++;
	} else {
		currentSrc = 1;
		fadeUp();
	}
}
function fadeUp() {
	$('.pages dd.page').fadeTo(fadeRate,1,navChange);
}
function navChange() {
	preloadState('off');
	$('.subnav dd a').html('');
	$('.subnav dd').css('color','#999999');
	$('.subnav dd').show();
	pageMax = $('.pages dd.page span.pageMax').html();
	pageDir = $('.pages dd.page span.directory').html();
	$('.subnav dd:gt('+(pageMax - 1)+')').hide();
	for(i=1;i<=pageMax;i++) {
		pageSrc = 'portfolio/'+pageDir+'/'+i+'.html';
		$('.subnav dd:eq('+(i-1)+') a').append(i);
		$('.subnav dd:eq('+(i-1)+') a').attr('href', pageSrc);
	}
	$('.subnav dd').removeClass('selected');
	$('.subnav dd:eq('+(pageNum-1)+')').addClass('selected');
	document.location.hash = pageDir;
}


//////////////////// ON READY ////////////////////
$(document).ready(function() {


	//SET CURRENT PAGE & PAGE COUNTERS
	$('.pages dd.page').fadeTo(1, .01);
	pageSrc = $('#nav dd:first a').attr('href');
	$('#nav dd:first').addClass('selected');
	pageLoad();


	/////////////// PORTFOLIO NAV ///////////////
	$('#nav dd a').hover(function() {
		$(this).parent().css('background', 'url(img/bgnav.png) 0px 0px repeat #ffffff');
	},
	function() {
		$(this).parent().css('background','');
	});
	$('#nav dd a').click(function() {
		pageSrc = $(this).attr('href');
		pageNum = 1;
		$('#nav dd').removeClass('selected');
		$(this).parent().addClass('selected');
		$('.pages dd.page').fadeTo(fadeRate, .01, pageLoad);
		return false;
	});


	/////////////// PORTFOLIO SUBNAV ///////////////
	//SUBNAV
	
	$('.subnav dd a').hover(function() {
			$(this).parent().css('background', 'url(img/bgnav.png) 0px 0px repeat #ffffff');
		}, function() {
			$(this).parent().css('background','');
	});
	$('.subnav dd a').click(function() {
		pageSrc = $(this).attr('href');
		pageNum = $(this).html();
		$('.subnav dd').removeClass('selected');
		$(this).parent().addClass('selected');
		$('.pages dd.page').fadeTo(fadeRate, .01, pageLoad);
		return false;
	});

	/////////////// IMAGE CLICK NEXT ///////////////
/*
	$('dl.pages dd.page').click(function() {
		if(pageMax > 1) {
			if(pageNum < pageMax) {
				pageNum++;
			} else { 
				pageNum = 1;
			}
			pageSrc = 'portfolio/'+pageDir+'/'+pageNum+'.html';
			$('.pages dd.page').fadeTo(fadeRate, .01, pageLoad);
		}
		return false;
	});
*/
	/////////////// EMBED CONTACT MEDIA ///////////////
	$('.media').media();


	/////////////// HIDE CONTACT AND BIOGRAPHY ///////////////
	$('dd.contactform').hide();
	$('p.biog').hide();


	/////////////// SECTION SLIDERS ///////////////
	$('#nav a:first').click(function() {
		$('#nav dd').toggle('fast');
		return false;
	});
	$('.biogtoggle a').click(function() {
		$('p.biog').toggle('fast');
		return false;
	});
	$('dt.contacttoggle a').click(function() {
		$('dd.contactform').toggle('fast');
		return false;
	});
	$('.left dd:first a').click(function() {
		$('dd.contactform').toggle('fast');
		return false;
	});


	////////////// SECTION HOVER STATE //////////////
	$('#biog a:first').hover(
		function() {
			$('#biog').css('background', 'url(img/bg.png) 0px 0px repeat #ffffff');
		},
		function() {
			$('#biog').css('background', '');
		}
	);
	$('#contact a:first').hover(
		function() {
			$('#contact').css('background', 'url(img/bg.png) 0px 0px repeat #ffffff');
		},
		function() {
			$('#contact').css('background', '');
		}
	);
	$('#nav a:first').hover(
		function() {
			$('#nav').css('background', 'url(img/bg.png) 0px 0px repeat #ffffff');
		},
		function() {
			$('#nav').css('background', '');
		}
	);


////////////// END ON READY //////////////
});