/* -- Toggles -- */

// initialize toggles
function initToggles() {
	var s = $$('.stretcher');
	var t = $$('.toggler');

	// show stretchers (hidden by default)	
	for (var i=0; i<s.length; i++) {
		s[i].style.visibility = "visible";
	}
	
	// setup toggles
	a = new Accordion(t, s, {
		show: -1
		,alwaysHide: true
		,opacity: false
		,onActive: function(el){
			el.addClass('toggler-open');
			}
		,onBackground: function(el){
			el.removeClass('toggler-open');
			}				
	});
}
window.addEvent('domready', initToggles);


/* -- product image preview -- */

// swaps product image based on href value from standard link
function previewShirt(theURL) {
	//find photo
	var img = $("theshirt");
	if (!img) return false;
	
	// change img src of photo
	img.src = theURL;
}

// sets active state for previewShirt links
function previewShirtActive(links, activeLink) {
	// remove 'on' classes from all links
	links.each(function(el) {
		el.removeClass('on');
	});

	// add 'on' class to active link
	activeLink.addClass('on');
}


// adds onclick handlers for previewShirt() to product nav links
function initPreviewShirt() {
	var links = $$(".product a");
	
	links.each(function (el) {
		el.addEvent('click', function(e) {
			previewShirt(this.href);
			previewShirtActive(links, el);
			e = new Event(e).stop(); // cancel default link behavior
		});
	});	
}
window.addEvent('domready', initPreviewShirt);