
function initAccordionHor() {
	divs = document.getElementsByTagName('div');
	i = divs.length - 1;
	togglers = new Array();
	stretchers = new Array();
	do {
		if(divs[i].className == "toggler") togglers.push(divs[i]);
		if(divs[i].className == "element") stretchers.push(divs[i]);
	}
	while(--i);
	
	var accordion = new Accordion(togglers, stretchers, {
			start:false,
			show:false,
			height: false,
			width: true,
			display: 1,
			alwaysHide: true,
			duration: 200,
			fixedWidth: 210,
			fps: 50,
			opacity: false,
			onActive: function(toggler, i) {
				toggler.addClass('active');
				i.addClass('active');
			},
			onBackground: function(toggler, i) {
				toggler.removeClass('active');
				i.removeClass('active');
				//alert(i)
			}
		}
	);
	return accordion;
}

function accordionStart() {
	var accordion = $('toggler');
	accordion.clearChain();
}
	
function ajaxUpdate(url, link) {

    /**
     * The simple way for an Ajax request, use onRequest/onComplete/onFailure
     * to do add your own Ajax depended code.
     */
    new Ajax(url, {
	    method: 'get',
	    update: $('content')
    }).request();
    
    $('print').setStyle('color', '#abe5e5');
    $('illustration').setStyle('color', '#abe5e5');
    $('wear').setStyle('color', '#abe5e5');
    $('web').setStyle('color', '#abe5e5');
    
    if (link != null) {
        link.setStyle('color', '#669999');
    } else {
        this.accordion.showThisHideOpen();
    }
    
}

