Event.observe(window, 'load', init_selector, false);



function init_selector(){

lastvisible = 0;


xthumbs = $$('.thumb');
xhrefs = $$('.thumb a');
timg = $$('.thumb img');
viewports = $$('.viewport');
captions = $$('.caption');


viewports[0].setStyle({'display': 'block'});
captions[0].setStyle({'display': 'block'});


c= 0;

    xthumbs.each(function(item) {
		item.prop = c;
		item.status = false;
		c++
		item.onmousedown=function() {
		if(lastvisible != this.prop){
		if(!videomode){
				killVidByUID(lastvisible);
    			showVidByUID(this.prop);
    			}
    			killByUID(lastvisible);
    			showByUID(this.prop);
    	    	xthumbs[lastvisible].status = false;
    	    	timg[lastvisible].removeClassName('active');
    	   	    lastvisible = this.prop;
    	   	    item.status = true;
    	   	    
    	   	    }
  	 	}
  	 
  	 	   
  	 	item.onmouseover=function() {
  	 		timg[this.prop].addClassName('active');
  	 	}
  	 	   
  	 	item.onmouseout=function() {
			if(!item.status){
				timg[this.prop].removeClassName('active');
			}
  		}   
  	 	   
  	 	   
	});	
	
d= 0;


   viewports.each(function(item) {
		item.prop = d;
		
		 
		 d++;
	});	



}


function killByUID(uid){
      captions[uid].setStyle({'display': 'none'});
}


function showByUID(uid){
   captions[uid].setStyle({'display': 'block'});


}



function killVidByUID(uid){
   viewports[uid].setStyle({'display': 'none'});
}


function showVidByUID(uid){
   viewports[uid].setStyle({'display': 'block'});


}