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++;
	});	


	var hash = getUrlVars();
	if (typeof hash['view'] != 'undefined'){
		var view = hash['view']
		var viewitem = hash['view'] - 1;
	}
	else {
		var view = 1;
		var viewitem = 0;
	}
	if (!videomode){
		killVidByUID(lastvisible);
		showVidByUID(viewitem);
	}
	else {
		frames['vidFrame'].location.href = urlStart + view + urlEnd;
	}
	killByUID(lastvisible);
	showByUID(viewitem);
	xthumbs[lastvisible].status = false;
	timg[lastvisible].removeClassName('active');
	timg[viewitem].addClassName('active');
	lastvisible = viewitem;
	xthumbs[viewitem].status = true;

}


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'});


}


function getUrlVars(){
	var vars = [], hash;
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	 
	for(var i = 0; i < hashes.length; i++)
	{
		hash = hashes[i].split('=');
		vars.push(hash[0]);
		vars[hash[0]] = hash[1];
	}
	 
	return vars;
}

function getElementsByClassName(classname, node) {
      if(!node) node = document.getElementsByTagName("body")[0];
      var a = [];
      var re = new RegExp('\\b' + classname + '\\b');
      var els = node.getElementsByTagName("*");
      for(var i=0,j=els.length; i<j; i++)
      if(re.test(els[i].className))a.push(els[i]);
      return a;
}