window.addEvent('domready', function(){
	/*$('content_box').addEvents({
		click: function () { 
			check_accordion_scroll(750);
		}
	});*/
	create_accordion(1);
});

function create_accordion(current_pg) {
	
	var accordion_delay = 750;
	//check_accordion_scroll(750);
	//var last_toggler_height = 0;
	
	var selected_project = 1;
	if($('selected_project')) {
		selected_project = $('selected_project').get('value');
	} else if($('selected_officer')) {
		selected_project = $('selected_officer').get('value');
	}
	
	var accordion_per_page = 10;
	var start_index = ((current_pg * accordion_per_page) - accordion_per_page) + 1;
	var total_items = project_info[selected_project].length-1;
	var total_pages = Math.ceil(total_items / accordion_per_page);
	
	var page_html = '';
	for(j = 1; j <= total_pages; j++){
		if(current_pg == j){
			page_html += '<b>['+j+']</b> ';
		} else {
			page_html += '<a href="javascript:create_accordion('+j+')">'+j+'</a> ';
		}
	} 
	
	var end_index = accordion_per_page * current_pg;
	var index_diff = total_items - start_index;
	if(index_diff < accordion_per_page) {
		end_index = ((current_pg-1)*accordion_per_page) + index_diff + 1;
	}

	var toggler_html = '';
	if(total_pages > 1) {
		toggler_html += '<div class="accordion_page_html">'+page_html+'</div>';
	}
	toggler_html += '<div id="accordion">';
	for (i = start_index; i <= end_index; i++) {
		toggler_html += project_info[selected_project][i];
	}
	toggler_html += '</div>';
	if(total_pages > 1) {
		toggler_html += '<div class="accordion_page_html">'+page_html+'</div>';
	}
	
	$('content_box').innerHTML = toggler_html;
	
	/*var myScroller = new Scroller('content_box');
	myScroller.start();*/

	$('content_box').setStyle('height', 'auto');

	var myAccordion = new Accordion($('accordion'), 'div.toggler', 'div.element', {
		//display: 0,
		opacity: false,
		onActive: function(toggler, element){
			toggler.setStyles({
				'color': '#FFFFFF',
				'background-color': '#000000',
				'border-top': '',
				'padding': '2px'
			});
			/*if(last_toggler_height > 330) { 
				(function () {
					last_toggler_height = 0;
					$('content_box').scrollTop = toggler.offsetTop - 30;
				}).delay(accordion_delay);
			}*/
		},
		onBackground: function(toggler, element){
			
			var myEffects2 = new Fx.Morph(toggler, {duration: accordion_delay, transition: Fx.Transitions.Sine.easeOut });
			
			/*var element_height = element.getStyle('height').substring(0, element.getStyle('height').length-2);
			if(element_height > last_toggler_height) {
				last_toggler_height = element_height;
			}*/
			
			myEffects2.start({
				'color': '#000000',
				'background-color': '#FFFFFF',
				'border-top': '1px solid #000000'
			});
			
		}
	});
}

function check_accordion_scroll(accordion_delay) {
	(function () { 
		if ($('content_box').scrollHeight > 345) {
			$('scroll_up').setStyle('visibility', 'visible');
			$('scroll_down').setStyle('visibility', 'visible');
		} else {
			$('scroll_up').setStyle('visibility', 'hidden');
			$('scroll_down').setStyle('visibility', 'hidden');
		}
	}).delay(accordion_delay);
}