window.onload = function() {
	
	
	
	if($('navigation_hit')) var navihit = $('navigation_hit');
	if($('collection')) var collections = $('collection');
	if($('main-contents')) var maincontents = $('main-contents');
	
	
	
	// 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();}
							 });
	
	
	//efects handler
	

	if(maincontents) Event.observe(maincontents, 'mouseover', naviFade, false);
	if(collections) Event.observe(collections, 'mouseover', naviAppear, false);
	if(collections) Event.observe(collections, 'click', naviAppear, false);
	
	
	//functions
	
		
	
	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 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 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";

};
	
}

//onload end


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}