var pages = {
	"index": {
		mainBox: true,
		button: "About",
		title: "build mobile apps, right in the browser"
	},
	
	"cases": {
		mainBox: false,
		button: "Use cases",
		title: "Use cases"
	},
	
	"technology": {
		mainBox: false,
		button: "Technology",
		title: "Technology"
	},
	
	"showcase": {
		mainBox: false,
		button: "Showcase",
		title: "Apps built with CoStore technology"
	},
	
	"pricing": {
		mainBox: false,
		button: "Pricing",
		title: "Pricing"
	},
	
	"try": {
		mainBox: false,
		button: "Try now",
		title: "Try it now"
	},
	
	"contact": {
		mainBox: false,
		title: "Contact"
	},
	
	"login": {
		mainBox: false,
		title: "Log in",
		button: "Log in",
		right: true
	}
};

function contact() {
	var u = "mail"+(1==2?"from":"to")+":info@"+(4==5?"pixel":"pixelspark")+".nl";
	_gaq.push(['_trackPageview', '/?contact']);
	window.open(u);
}

function linkout(url) {
	_gaq.push(['_trackPageview', url]);
	window.open(url, "cslinkout");
}

function page(name) {
	$("body").toggleClass("content-loaded", false);
	var contentURL = "content/"+name+".html";
	$.get(contentURL, function(data, textStatus, xhr) {
		try {
			document.location.hash = "#/"+name;
			var pageInfo = pages[name];
			if(pageInfo) {
				document.title = "CoStore: "+ pageInfo.title;
				$("body").toggleClass("mainbox-hidden", !pageInfo.mainBox);
			}
			$("div.left").html(data);
			$("body").toggleClass("content-loaded", true);
			_gaq.push(['_trackPageview', '/'+name]);
		}
		catch(e) {
			console.log(e);
		}
	});
}

var bar = $("div.bar");
for(var a in pages) {
	if("button" in pages[a]) {
		var btn = $("<div>", {"class":"button"});
		if(pages[a].right) {
			btn.css({"float":"right"});
		}
		btn.get(0).pageName = a;
		btn.click(function() {
			page(this.pageName);
		});
		btn.append($("<span>", {text:pages[a].button}));
		bar.append(btn);
	}
}

$("body").toggleClass("loaded");
$(document).ready(function() {
	var loc = document.location.hash;
	if(loc.length>2) {
		var pid = loc.substring(2);
		page(pid);
	}
	else {
		page("index");
	}
});