// javascript general content for robert raack website
var pages = ["statement","portfolio","classes","prices","contact","home"];

var currentPage;

//var content;
var innerContent;
var subnav;
var footer;


var loadPage = function(page, callback, manualPage) {
	var url = page;
	if(manualPage == undefined || manualPage == false) {
		url = "innerHTML/" + page + ".html";
	}
	if(callback) {
		innerContent.load(url, callback);
	} else {
		innerContent.load(url);
	}
}

// basic inner reload without transition
var changePage = function(page, manualPage) {
	loadPage(page, manualPage);
}

function sleep(milliseconds) {
  var start = new Date().getTime();
  for (var i = 0; i < 1e7; i++) {
    if ((new Date().getTime() - start) > milliseconds){
      break;
    }
  }
}

$.history.callback = function ( reinstate, cursor ) {
    // check to see if were back to the beginning without any stored data
    
    var pageToLoad = 'home';
    var manualPage = false;
    if (typeof(reinstate) != 'undefined') {
        pageToLoad = reinstate.page;
        manualPage = reinstate.manualPage;
    }
    
    //alert("going to " + pageToLoad);
    
    changePageWithFade(pageToLoad, manualPage, true);
};

// inner reload with fade transition
var changePageWithFade = function(page, manualPage, noHistory) {
	
	var pageToLoad = page;
	
	if(currentPage == page) {
		return;
	}
	
	if(!(page.substring(7,0) == 'artwork' && currentPage == 'portfolio') &&
		!(currentPage.substring(7,0) == 'artwork' && page == 'portfolio')) {
		
		if(currentPage == 'home') {
			subnav.slideDown(100);
			sendDown(page);
		}
		else if(page == 'home') {
			subnav.slideUp(100);
			sendUp(currentPage.substring(7,0) != 'artwork' ? currentPage : 'portfolio');
		}
		else {
			sendDown(page);
			sendUp(currentPage.substring(7,0) != 'artwork' ? currentPage : 'portfolio');
		}
	}
	currentPage = pageToLoad;
	if(!noHistory) {
		$.history( {'page': pageToLoad.toString(), 'manualPage': manualPage} );
	}
	innerContent.fadeOut(200, function() { loadPage(pageToLoad, function() { innerContent.fadeIn(200); }, manualPage); 
	});
}

var sendDown = function(headername) {
	var item = '#' + headername;
	var itemblank = item + 'blank';
	
	$(item).css('font-weight', 'bold');
	$(itemblank).slideDown(100);
}

var sendUp = function(headername) {
	var item = '#' + headername;
	var itemblank = item + 'blank';
	
	$(item).css('font-weight', 'normal');
	$(itemblank).slideUp(100);
}

/*var resizeContentToPage = function() {
	innerContent.css("min-height",$(window).height() - 150);
}*/

$(document).ready(function(){
$(function () {
	//content = $("#content");
	innerContent = $("#innerContent");
	subnav = $("#subnavbar");
	footer = $("#footer");
	
	subnav.hide();
	//innerContent.toggle();
	//innerContent.load("innerHTML/home.html", function() { innerContent.fadeIn(300); });
	
	//resizeContentToPage();
	$("#header").click(function() { changePageWithFade("home"); });
	
	//$(window).resize(resizeContentToPage);
	
	currentPage = "home";
	
	jQuery.each(pages, function() {
		var page = this;
		var name = "#" + this;
		
		$(name).click(function() { changePageWithFade(page); });
		$(name + ' > a').click(function() { changePageWithFade(page); return false; });
	});
});
});