var current = 'info';
var active = false;
var SLIDE_VERTICAL_SPEED = 500;
var SLIDE_HORIZONTAL_SPEED = 300;
var EXTRA_HEIGHT = 12 + 35;

function init() {
	var $ = jQuery;
	$('#kdr_menu_'+ current+' a').addClass('current');
	$('#kdr_menu a').click(function() {
		var selected = $(this).attr('rel');
		if (!active && current != selected) {
			active = true;
			$('#kdr_menu a.current').removeClass('current');
			$(this).addClass('current');
			var height = $('#kdr_' + current).height() + EXTRA_HEIGHT; //bottom and padding
			$('#kdr_content').css({height : height + 'px'});
			$('#kdr_' + current).animate({left:'561px'}, SLIDE_HORIZONTAL_SPEED, 'easeInCirc', function() {
				var height = $('#kdr_' + selected).height() + EXTRA_HEIGHT;
				$('#kdr_' + selected).css({left:'-561px'});
				$('#kdr_content').animate({height : height + 'px'}, SLIDE_VERTICAL_SPEED , 'easeOutCirc', function() {});
				$('#kdr_' + selected).animate({opacity:1}, 200).animate({left:'0'}, SLIDE_HORIZONTAL_SPEED, 'easeOutCirc', function() {
					active = false;
				});
			});
			current = selected;
		}
		return false;
	});
	$('.kdr_content').css({left:'561px'});
	var height = $('#kdr_' + current).height() + EXTRA_HEIGHT; //bottom and padding
	$('#kdr_content').animate({height : height + 'px'}, SLIDE_VERTICAL_SPEED , 'easeOutCirc', function() {
		$('#kdr_' + current).hide().css({left:'0'}).fadeIn();
	});
	
	
	
}
jQuery.noConflict();
jQuery(document).ready(init);