window.onload = function() {


if($('navigation_hit')) var navihit = $('navigation_hit');
if($('collection')) var collections = $('collection');
if($('main-contents')) var maincontents = $('main-contents');
if($('stage')) { var stage = $('stage');
				stage.style.display = "none";};
if($('onstage')) { var onstage = $('onstage');
					onstage.style.display = "none";};
if($('stage_opener')) var sopener = $('stage_opener');
if($('stage_closer')) var scloser = $('stage_closer');
if($('mainimage')) var mainimage = $('mainimage');




if(navihit) navihit.style.display = "none";

//for safari bug

if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1)
 { $('detail').href = "#"; mainimage.href = "#"; $('archlink').href ="#"; };
 	


new Ajax.Updater(navihit,"collection_list.txt", { method: "get" });
new smartRollover();


Ajax.Responders.register({

	onComplete: function() {
		if(Ajax.activeRequestCount==0)
		new smartRollover();
		new eventSetter();
	}

});


if(scloser) Event.observe(scloser, 'click', stageClose, false);
if(sopener) Event.observe(sopener, 'click', stageAppear, false);
if(mainimage) Event.observe(mainimage, 'click', stageAppear, false);
if(maincontents) Event.observe(maincontents, 'mouseover', naviFade, false);
if(collections) Event.observe(collections, 'mouseover', naviAppear, false);
if(collections) Event.observe(collections, 'click', naviAppear, false);


function naviAppear(event) {
new eventSetter();
new Effect.Appear(navihit,{ duration: 0.5,to:0.9 }); 
if(event.preventDefault) event.preventDefault();
else event.returnValue = false;
}



function naviFade() {

new Effect.Fade(navihit,{duration: 0.7}); 
}


function stageBlindDown(event) {
onstage.style.backgroundColor = "#141414";
stage.style.backgroundColor = "#000000";
var name = mainimage.getAttribute("name");
var text = name + ".txt";
new Effect.BlindDown('stage');
new Effect.BlindDown('onstage');
new Ajax.Updater("onstage_inner",text, { method: "get",evalScripts: true });
Ajax.Responders.register({

	onComplete: function() {
		if(Ajax.activeRequestCount==0)
		if($('pre_season')) var prev = $('pre_season');
		Event.observe(prev, 'click', colreloadprev, false);
		if($('next_season')) var next = $('next_season');
		Event.observe(next, 'click', colreloadnext, false);
	}

});

if(event.preventDefault) event.preventDefault();
else event.returnValue = false;
}



function stageAppear(event) {


stage.style.backgroundColor = "#000000";

var name = sopener.getAttribute("name");
var text = name + ".txt";

new Effect.Appear("stage",{ duration: 0.7,to:0.9 });
new Effect.Appear("onstage",{ duration: 0.7});
new Ajax.Updater("onstage_inner",text, { method: "get",evalScripts: true });


if(event.preventDefault) event.preventDefault();
else event.returnValue = false;
}

Ajax.Responders.register({

	onComplete: function() {
		if(Ajax.activeRequestCount==0)
		if($('pre_season')) var prev = $('pre_season');
		if(prev.getAttribute("name")) {Event.observe(prev, 'click', colreloadprev, false);
		  }
		
		if($('next_season')) var next = $('next_season');
		if(next.getAttribute("name")) {Event.observe(next, 'click', colreloadnext, false);
		   }
		
	}

});



function stageClose() {

new Effect.Fade("stage",{duration: 0.5});
new Effect.Fade("onstage",{duration: 0.5});
if($('pre_season')) var prev = $('pre_season');
if($('next_season')) var next = $('next_season');
if(prev.getAttribute("name")) Event.stopObserving(prev, 'click', colreloadprev, false);
if(next.getAttribute("name")) Event.stopObserving(next, 'click', colreloadnext, false);

}


};



//bouzer sizechange


Event.observe(window, 'load', changeBrowserSize, false);
window.onresize = changeBrowserSize;


//functions

function eventSetter(){

var navilist = $('navigation_hit');
var navilist_li = navilist.getElementsByTagName("li");
if(navilist_li){
	for(i=1 ; i <= navilist_li.length;i++)
	Event.observe($("c"+i), 'mouseover', changeSumbnail, false);
}


};

function changeSumbnail(event) {
var mm = Event.element(event);
var name = mm.getAttribute("name");

var sumb = $('listimage');
sumb.src = "http://www.potto-web.com/img/collections/samnails/"+name+"_s.jpg";

};


function changeBrowserSize(){
	var stage = $('stage');
	if (document.documentElement.clientHeight) {
		gbs = document.documentElement.clientHeight;
	}
	else if (document.all) {
		gbs = document.body.clientHeight;
	}
	else {
		gbs = window.innerHeight;
	}
stage.style.height = gbs+"px";
};



function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");
		//add preload
		var d = document;if(!d.stock) d.stock=new Array();
		var j = d.stock.length;
		
		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off."))
			{   d.stock[j] = new Image;
			d.stock[j++].src = images[i].getAttribute("src").replace("_off.", "_on.");
			
				Event.observe(images[i], 'mouseover', setRollover, false);
				
				Event.observe(images[i], 'mouseout', unsetRollover, false);
			}
		}
	}
}


function setRollover(event) {
	if (document.attachEvent) {
		event.srcElement.setAttribute("src", event.srcElement.getAttribute("src").replace("_off.", "_on."));
	}
	else {
		this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
	}
}


function unsetRollover(event) {
	if (document.attachEvent) {
		event.srcElement.setAttribute("src", event.srcElement.getAttribute("src").replace("_on.", "_off."));
	}
	else {
	this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
	}
}




function colreloadnext() {
	var next = $('next_season');
	if(next.getAttribute("name")) var nextchangename = next.getAttribute("name");
	
	var nextchangetext = nextchangename + ".txt";
	new Ajax.Updater("onstage_inner",nextchangetext, { method: "get",evalScripts: true });
	
	}
	


function colreloadprev() {
	var prev = $('pre_season');
	if(prev.getAttribute("name")) var prechangename = prev.getAttribute("name");
	
	var prechangetext = prechangename + ".txt";
	new Ajax.Updater("onstage_inner",prechangetext, { method: "get",evalScripts: true }); 
	
	
	}