var optionShowing = -1;
$(document).ready(function()
{
     $(".sub_option").hide();
    $(".sub_option").parent().removeClass("optionSelected");
    $(".option_small_text").slideDown(500);
});

function showOption(optionNumber) {   
    $(".sub_option:visible").slideUp(500);
	if (optionShowing != optionNumber) {
		// show one
		if (optionShowing > -1) {
            $(".option_small_text:eq(" + optionShowing + ")").slideUp(500);
		}
	    $(".sub_option:eq(" + optionNumber +")").slideDown(500);
           $(".option_small_text:eq(" + optionNumber + ")").slideDown(500);
    	$(".sub_option").parent().removeClass("optionSelected");
	    $(".sub_option:eq(" + optionNumber + ")").parent().addClass("optionSelected");
		// hide small text
    	$(".option_small_text:lt(" + optionNumber + ")").hide(500);
    	$(".option_small_text:gt(" + optionNumber + ")").hide(500);
		// update global to current open option
		optionShowing = optionNumber;
	}
	else {
		// show all
	    $(".sub_option").parent().removeClass("optionSelected");
	    $(".option_small_text").slideDown(500);
		// update global to current open option
		optionShowing = -1;
	}
	
    return false;
}