window.onload = function(){
	init();
}

function init(){
	var home = document.getElementById('home');
	var homeRouter = new jsEvent.EventRouter(home, 'onclick');
	homeRouter.addListener(homeMouseObserver);

	var artworks = document.getElementById('artworks');
	var artworksRouter = new jsEvent.EventRouter(artworks, 'onclick');
	artworksRouter.addListener(artworksMouseObserver);

	var artifacts = document.getElementById('artifacts');
	var artifactsRouter = new jsEvent.EventRouter(artifacts, 'onclick');
	artifactsRouter.addListener(artifactsMouseObserver);

	var marluKuruKuru = document.getElementById('marluKuruKuru');
	var marluKuruKuruRouter = new jsEvent.EventRouter(marluKuruKuru, 'onclick');
	marluKuruKuruRouter.addListener(marluKuruKuruMouseObserver);

	var llcca = document.getElementById('llcca');
	var llccaRouter = new jsEvent.EventRouter(llcca, 'onclick');
	llccaRouter.addListener(llccaMouseObserver);

	var sponsors = document.getElementById('sponsors');
	var sponsorsRouter = new jsEvent.EventRouter(sponsors, 'onclick');
	sponsorsRouter.addListener(sponsorsMouseObserver);

	var contact = document.getElementById('contact');
	var contactRouter = new jsEvent.EventRouter(contact, 'onclick');
	contactRouter.addListener(contactMouseObserver);

	var cart = document.getElementById('cart');
	var cartRouter = new jsEvent.EventRouter(cart, 'onclick');
	cartRouter.addListener(cartMouseObserver);
}

function homeMouseObserver(event){
	getDataForId("./view/home.php", "content");
}

function artworksMouseObserver(event){
	getDataForId("./view/artworks.php", "content");
}

function cartMouseObserver(event){
	getDataForId("./view/cart.php", "content");
}

function artifactsMouseObserver(event){
	getDataForId("./view/artifacts.php", "content");
}

function marluKuruKuruMouseObserver(event){
	getDataForId("./view/marluKuruKuru.php", "content");
}

function llccaMouseObserver(event){
	getDataForId("./view/llcca.php", "content");
}

function sponsorsMouseObserver(event){
	getDataForId("./view/sponsors.php", "content");
}

function contactMouseObserver(event){
	getDataForId("./view/contact.php", "content");
}

function filamentMouseObserver(event){
	getDataForId("./view/filament.php", "content");
}

function getPicture(pictureName){
	getDataForId("./view/picture.php?name=" + pictureName, "divPicture");
}

function fade(element, call){
	var obj = document.getElementById(element);
	Effect.Fade(obj);
	window.setTimeout(call, 1000);
}

function appear(element, call){
	var obj = document.getElementById(element);
	Effect.Appear(obj);
}

function grow(element){
	var obj = document.getElementById(element);
	Effect.Grow(obj);
}

function uploadPhoto(obj) {
   var poststr = "&name=" + encodeURI( document.getElementById("name").value ) +
                 "&email=" + encodeURI( document.getElementById("email").value) +
                 "&photo=" + encodeURI( document.getElementById("photo").value) +
                 "&comment=" + encodeURI( document.getElementById("comment").value +
                 "&submit=''");
   makePOSTRequest('./view/upload.php', poststr);
}