//var console
//if (!console) { console = {debug: function(){}} }

window.addEvent('domready', function(){
		var tbls = $$("table.prod");
		var dscr = $$("div.dscr");
		dscr.each(function(d) {
			d.setOpacity(0)
			d.setStyle('width',1)
		});
		tbls.each(function(tbl) {
			tbl.addEvent("mouseenter", tblOnOver)
			tbl.addEvent("mouseleave", tblOnOut)
		});
		$$("table.prod_row").addEvent("mouseleave", tblsOnOut)
		var cols = $$("td.col").each(function(c) {
			if(c.getFirst()){
				c.addEvent("mouseenter", addClassOver)
				c.addEvent("mouseleave", removeClassOver)
			}else{
				c.setStyle('background', '#FFF')
			}
		});
		$$('table.variant tbody tr').each(function(tr) {
			tr.addEvent("mouseenter", addClassOver)
			tr.addEvent("mouseleave", removeClassOver)
		});
});
	
function tblOnOver(event) {
	var d0 = this.getElement('div.dscr')
	var b0 = this.getElement('div.bm')
	var bm = this.getParent().getParent().getElements('div.bm')
	bm.each(function(b){
		if(b != b0){
			b.setOpacity(0)
		}
	});
	d0.setOpacity(1)
	d0.effect('width', {duration: 200}).start(d0.getStyle("width").toInt(),150);
	b0.effect('opacity', {duration: 200}).start(b0.getStyle("opacity"),1);
}
function tblOnOut(event) {
	var d = this.getElement('div.dscr')
	d.effect('width', {duration: 200, onComplete: function(){
		d.setOpacity(0)
	}}).start(d.getStyle("width").toInt(),1);
}
function tblsOnOut(event) {
	var bm = this.getElements('div.bm')
	var op
	bm.each(function(b){
		op = b.getStyle('opasity')
		b.effect('opacity', {duration: 200}).start(op,1);
	});
}
function addClassOver(event) {
	this.addClass('over')
}
function removeClassOver(event) {
	this.removeClass('over')
}