//Panel
$('.opened_panel').ready(function(){
	$('.opened_panel:not(.nocolor) table tr:even').css('background','#f0f0f0');
});

$('.opened_panel').ready(function(){

	
});

$(document).ready(function(){	
	
	$('#scr1').jScrollPane();
	
	var animation_speed = 450;


	$('div.x_opened_panel').css('display', 'none');

	$('div.xp_header').css('cursor','pointer');
	var first = $('div.xp_header:first');
	var last = $('div.xp_header:last');
	$(last).next('div.x_opened_panel').append('<div class="last_pan_bottom ie6png" style="width: 421px; "></div>');




	$('div.xp_header:even').not(first).not(last).css('background','#cecece').addClass('x_even');
	$('div.xp_header:odd').not(first).not(last).css('background','#a7a9ac').addClass('x_odd');
	
	var num = 0;
	$('div.xp_header').each(function(){num++});
	var last_class_off = 'p_header7_off';
	if(num%2 == 0) last_class_off = 'p_header8_off';
	
	$('div.xp_header:first').addClass('p_header1_off').addClass('x_first');
	$('div.xp_header:last').addClass(last_class_off).addClass('x_last').css('border-bottom', '0');
	var classes = new Array('p_header2_on','p_header3_on');
	var k = 0;
	$('div.xp_header').not(first).not(last).each(function(){
		var c_class = classes[k%(classes.length)];
		k++;
		$(this).not('.x_linked').click(function(){
			if($(this).hasClass('x_active')) return;
			$(this).css('background', '');
			$(this).addClass(c_class);
			$('div.x_active').removeClass('p_header2_on').removeClass('p_header3_on').removeClass('p_header1_on').removeClass('p_header7_on');
			$('div.x_active').each(function(){
				if($(this).hasClass('x_even')){$(this).css('background','#cecece');}
				if($(this).hasClass('x_odd')){$(this).css('background','#a7a9ac');}
				if($(this).hasClass('x_first')){$(this).addClass('p_header1_off');}
				if($(this).hasClass('x_last')){$(this).addClass(last_class_off);}
				$(this).removeClass('x_active');
			});
			$(this).addClass('x_active');
			$('div.x_opened_panel').hide();
			$(this).next('div.x_opened_panel').show()
			$(this).next('div.x_opened_panel').find('div.x_scr').jScrollPane();
		});

	});
	
	
	$('div.x_first').not('.x_linked').click(function(){
		if($(this).hasClass('x_active')) return;
		$('div.x_active').removeClass('p_header2_on').removeClass('p_header3_on').removeClass('p_header1_on').removeClass('p_header7_on');
		$('div.x_active').each(function(){
			if($(this).hasClass('x_even')){$(this).css('background','#cecece');}
			if($(this).hasClass('x_odd')){$(this).css('background','#a7a9ac');}
			if($(this).hasClass('x_first')){$(this).addClass('p_header1_off');}
			if($(this).hasClass('x_last')){$(this).addClass(last_class_off);}
			$(this).removeClass('x_active');
		});
		$(this).addClass('x_active');
		$(this).removeClass('p_header1_off');
		$(this).addClass('p_header1_on');
		$('div.x_opened_panel').hide();
		$(this).next('div.x_opened_panel').show();
		$(this).next('div.x_opened_panel').find('div.x_scr').jScrollPane();
	});
	

	$('div.x_last').not('.x_linked').click(function(){
		if($(this).hasClass('x_active')) return;
		$('div.x_active').removeClass('p_header2_on').removeClass('p_header3_on').removeClass('p_header1_on').removeClass('p_header7_on');
		$('div.x_active').each(function(){
			if($(this).hasClass('x_even')){$(this).css('background','#cecece');}
			if($(this).hasClass('x_odd')){$(this).css('background','#a7a9ac');}
			if($(this).hasClass('x_first')){$(this).addClass('p_header1_off');}
			if($(this).hasClass('x_last')){$(this).addClass(last_class_off);}
			$(this).removeClass('x_active');
		});
		$(this).addClass('x_active');
		$(this).removeClass(last_class_off);
		$(this).addClass('p_header7_on');
		$('div.x_opened_panel').hide();
		$(this).next('div.x_opened_panel').show();
		$(this).next('div.x_opened_panel').find('div.x_scr').jScrollPane();
	});

	$('div.xp_header:first').click();
	
});
