list();
function list() {
//window.addEvent('load', function() {
	if($$('#content div.csc-frame').length == 0) return;

	var list = $$('#content div.csc-frame');

	list.each( function(listelem, i) {
		if(listelem.hasClass('csc-frame-frame1') || listelem.hasClass('csc-frame-frame2')) {
			var headings=listelem.getChildren('div.csc-header')[0].getChildren('h3');
			if(headings) {
				var heading=headings[0];

				contents=listelem.getChildren('div.csc-textpic-content')[0];

				heading.addEvent('mouseover', function() {
					heading.addClass('hover');
				});

				heading.addEvent('mouseout', function() {
					heading.removeClass('hover');
				});

				var collapsible = new Fx.Slide(contents, {
					duration: 180,
					transition: Fx.Transitions.linear,
					onStart: function(elem) {
						if(elem.getParent().getParent().hasClass('csc-frame-frame1')) {
							elem.getParent().setStyle("overflow","hidden");
						}
					},
					onComplete: function(elem) {
						if(elem.getParent().getParent().hasClass('csc-frame-frame2')) {
							elem.getParent().setStyle("overflow","visible");
							elpos=elem.getCoordinates();
							elfoot=elpos.top+elpos.height
							winsize=window.getSize();
							winscroll=window.getScroll();
							winfoot=winsize.y+winscroll.y;
							if(elfoot>winfoot) {
								window.scrollTo(winscroll.x,elfoot-winsize.y);
							}
						}
					}
				});

				heading.onclick = function(){
					listelem.toggleClass('csc-frame-frame1');
					listelem.toggleClass('csc-frame-frame2');
					collapsible.toggle();
					return false;
				}

				if(listelem.hasClass('csc-frame-frame1')) {
					collapsible.hide();
				}
				if(listelem.hasClass('csc-frame-frame2')) {
					list[i].getParent().setStyle("overflow","visible");
				}
			}
		}
	});
//});
}
/*
var new_style = new Element('style',{
	'type': 'text/css',
	'media': 'screen',
	'text': '.csc-frame-frame1 .csc-textpic-content{display:none}.csc-frame-frame2 .csc-textpic-content{overflow:visbible}'
}).inject(document.head);
*/