function trace (s) {
	$A(arguments).each(function (s) {
		if (typeof console == 'undefined' || window.webkit) {
			if (!document.getElementById('debug')) {
				var o = document.createElement('pre');
				o.id = 'debug';
				o.style.color = 'white';
				o.style.fontSize = '10pt';
				o.style.position = 'absolute';
				o.style.top = '0px';
				o.style.right = '0px';
				o.style.textAlign = 'left';
				document.getElementsByTagName('body')[0].appendChild(o);
			}
	
			s = new String(s);
			s = s.replace('<', '&lt;');
			s = s.replace('>', '&gt;');
			document.getElementById('debug').innerHTML += s + '<br />';
		}
		else {
			console.log(s);
		}
	});
}

window.addEvent('domready', function() {
	var portfolio = $$('div.portfolio').length > 0 ? true : false;
	
	var list = portfolio ? $$('div.portfolio') : $$('div.data');
	list.each(function (e) {
		var p = e.parentNode;
		var n = new Element('div', {'class': 'dataAccordian', styles: {position: 'relative', overflow: 'hidden'}});
		p.replaceChild(n, e);
		n.appendChild(e);
	});

	$$('#accordion h4').each(function (e) {
		e.addEvent('mouseenter', function () {e.addClass('hover')});
		e.addEvent('mouseleave', function () {e.removeClass('hover')});
		new Element('span').injectInside(e);
	});

	var accordions = [];
	var options = {};
	if (portfolio) {
		var togglers = $$('#accordion h4');
		var elements = $$('div.dataAccordian');
		for (var i = 0; i < togglers.length; i++) {
			accordions.push({
				togglers: [togglers[i]],
				elements: [elements[i]]
			})
		}
		options = {
			show: 0,
			display: -1,
			alwaysHide: true
		}
	}
	else {
		accordions.push({
			togglers: $$('#accordion h4'),
			elements: $$('div.dataAccordian')
		});
		options = {
			show: -1,
			alwaysHide: true,
			opacity : false
		}
	}

	accordions.each(function (a) {
		new Accordion(a.togglers, a.elements, $extend({
			onActive: function(toggler, el){
				toggler.addClass('active');
			},
			onBackground: function(toggler, el){
				a.elements.each(function(e){
					if (e.getStyle('height') == 'auto') {
						var h = e.getSize();
						e.setStyles({
							height: h.y
						});
					}
				});
				toggler.removeClass('active');
			},
			onComplete: function(){
				a.elements.each(function(e){
					if (e.getStyle('height').toInt() > 0) {
						e.setStyles({
							height: 'auto'
						});
					}
				});
			}
		}, options));
	});
});