//////////////////////////////////////////
// thumbs.js
//////////////////////////////////////////

//////////////////////////////////////////
// constantes
IDLE_TIME=500;

//////////////////////////////////////////
// funciones y objetos

// ----------------------------------------------------
// Thumbs
// ----------------------------------------------------
function Thumbs(id){

	var node,i,oldId,self=this,imgs=[];

	for(i=0;i<20;i++){

		if(!(node=el(id+'item'+i))) break;

		if(node.className=='clicked') oldId=node.id;

		// onmouseover
		node.onmouseover=function(){
		
			if(this.id==oldId) return;

			clearTimeout(this.timer);

			if(this.over) return;

			this.over=1;
			//fade(this.id,75,100,20,30)
			fade(imgs[this.id].id,75,100,20,30)

		}

		// onmouseout
		node.onmouseout=function(){

			var self=this;

			if(this.id==oldId) return;
			clearTimeout(this.timer);

			this.timer=setTimeout(function(){

				//setTimeout(function(){self.over=0},fade(self.id,100,75,20,30));
				setTimeout(function(){self.over=0},fade(imgs[self.id].id,100,75,20,30));

			},IDLE_TIME)

		}

		// onclick
		node.onclick=function(){
	
			if(this.id==oldId) return false;

			waiting.show();

			this.over=0;

			//changeOpac(this.id,100);
			changeOpac(imgs[this.id].id,100);

			this.className='clicked';
			setObjProp(oldId,'className','');

			//fade(oldId,100,75,20,30);
			fade(imgs[oldId].id,100,75,20,30);

			oldId=this.id;
		
			if(self.onclick) self.onclick(this);

			return false

		}
	
		//changeOpac(node.id,(node.id==oldId?100:75));

		// por el ie7 de los ...!
		if(node.getElementsByTagName){ 
		
			imgs[node.id]=node.getElementsByTagName('img')[0];
			imgs[node.id].id=node.id+'_img';

			changeOpac(imgs[node.id].id,(node.id==oldId?100:75));

		}
	
	}

}