﻿
var systemButtonGS = new Element('img',{'src':'images/systemButtonGS.jpg'});
var partsButtonGS = new Element('img',{'src':'images/partsButtonGS.jpg'});
var cleanerValButtonGS = new Element('img',{'src':'images/cleanerValButtonGS.jpg'});
var customerButtonGS = new Element('img',{'src':'images/customerButtonGS.jpg'});
Event.observe(window, 'load', function() {
	if(	$('rightCol')) {							   
		var pb = $('rightCol').select('.photoButtons');
	}
	for(i=0;i<pb.length;i++) {
		Event.observe(pb[i], 'mouseover', changeImg.bindAsEventListener());
 		Event.observe(pb[i], 'mouseout', resetImg.bindAsEventListener());
 		Event.observe(pb[i], 'click', goToURL.bindAsEventListener());
 	}
});

function changeImg(e) {
	e.target.src = 'images/'+e.target.id+"GS.jpg";
}

function resetImg(e){
	e.target.src = 'images/'+e.target.id+".jpg";
}

function goToURL(e) {
	var tg = e.target.readAttribute('alt');
	url = tg.split(":");
	window.location = url[1];
}

Event.observe(window,'load',function() {
	var mi = $$('[rel^=moreInfo]');
	for(i=0;i< mi.length;i++) {
		mi[i].observe('click',function(event) {
			showDescript(Event.element(event));
		})
	}
})

function showDescript(elm) {
	var des = elm.readAttribute('rel');
	var desA = des.split("-");
	var offset = eval(desA[1] - 1);
	var ds = $$('div.description');
	Effect.toggle(ds[offset],'slide');
}