window.onload = function() {
	
	
	
	if($('navigation_hit')) var navihit = $('navigation_hit');
	if($('collection')) var collections = $('collection');
	if($('main-contents')) var maincontents = $('main-contents');
	if($('icons_list')) var itemimages = $('icons_list');
	if($('items_main')) var imagearea = $('items_main');
	if($('sumbnail_onstage_inner')) var s_stage_inner = $('sumbnail_onstage_inner');
	if($('sumbnail_onstage')) var s_onstage = $('sumbnail_onstage');
	if($('sumbnail_onstage_text')) var s_onstagetext = $('sumbnail_onstage_text');
	if($('sumbnail_stage_closer')) var s_closer = $('sumbnail_stage_closer');
	if($('show_sumbnailstage')) var s_opener = $('show_sumbnailstage');
	
	
	// fuction initioal
	
	
	new Ajax.Updater(navihit,"http://www.potto-web.com/collections_data/collection_list.txt", { method: "get" });
	Ajax.Responders.register({

	onComplete: function() {
		if(Ajax.activeRequestCount==0) 
		new smartRollover();}
							 });
	
	
	//for safari bug
	if(navigator.userAgent.toLowerCase().indexOf('safari')!=-1)
	 { var a_s = $('icons_list').getElementsByTagName("a");
	 for(i=0; i<a_s.length;i++) {a_s[i].href = "#"; };
	 var showall = s_opener.getElementsByTagName("a");
	 showall[0].href = "#"; 
	 
	 };
	
	
	//efects handler
	

	if(s_stage_inner) Event.observe(s_stage_inner, 'mouseover', naviFade, 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);
	if(itemimages)
	{ var images = itemimages.getElementsByTagName("a");
		for(i=0;i < images.length;i++)
		{  Event.observe(images[i], 'click', changeImage, false);} 
	}
	if(s_opener) Event.observe(s_opener, 'click', sstageAppear, false);
	if(s_closer) Event.observe(s_closer, 'click', sstageFade, false);
	
	
	//functions
	
		function sstageAppear(event) {
	
	new Effect.Appear(s_onstage,{ duration: 0.5,to:0.9 }); 
	if(event.preventDefault) event.preventDefault();
	else event.returnValue = 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 sstageFade() {
	new Effect.Fade(s_onstage,{duration: 0.7}); 
	}

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

	

function changeImage(event)  {
	var icons_a = Event.element(event);
	
	imagearea.src = icons_a.name;
if(event.preventDefault) event.preventDefault();
else event.returnValue = false;
	
}

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 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."));
	}
}


	
}

//onload end