CTRelights = {
	
	start:function(){
		CTRelights.ilayout();
		CTRelights.cols = $$('ul.thumbcol');
		CTRelights.view_thumb = $('vthumb');
		CTRelights.view_name = $('vname');
		CTRelights.activateThumb();
		new Ajax('ctr.xml',{onComplete:function(resp){
											   CTRelights.json = xml2json.parser(resp);}
											   }).request();
	},
	
	ilayout:function(){
		$('viewer').setStyle('display','block');
	},
	
	activateThumb:function(){
		var ctcols = CTRelights.cols;
		var id =0;
		ctcols.each(function(i){
							 var li =i.getChildren();
							 li.each(function(c){
												//console.log(c);// li element
												imgEl = c.getFirst();
												if(imgEl){
													imgEl.setProperty('id','ctr'+id++);
													imgEl.addEvent('mouseover',function(e){
																					CTRelights.preview(e);});
												}
											  	}
									 
									 )
							 
							 	}
							 
					);
	},
	
	preview:function(e){
		//alert(e.srcElement.id);
		var id = (window.ie6 || window.ie) ? e.srcElement.id : e.target.id;		
		try{
			var indx = id.substr(3);
			var tm = CTRelights.json.ctr.shades.shade[indx].img;
			CTRelights.view_thumb.setStyle('background-image','url(images/ctrelightsshades/'+tm+'.jpg)');
			CTRelights.view_name.setHTML(CTRelights.json.ctr.shades.shade[indx].code+" "+CTRelights.json.ctr.shades.shade[indx].name);				
		}catch(e){
			
		}
		
	}
	
}

window.addEvent('domready',CTRelights.start);