myD	=	new Date();
myMonth	=	myD.getMonth();
var NowMonth;
NowMonth	= myMonth + 1;

$(
	function(){
		onCh1(NowMonth);
		$("#month01").click(
			function(){
				onCh1(1)
			}
		);
		$("#month02").click(
			function(){
				onCh1(2)
			}
		);
		$("#month03").click(
			function(){
				onCh1(3)
			}
		);
		$("#month04").click(
			function(){
				onCh1(4)
			}
		);
		$("#month05").click(
			function(){
				onCh1(5)
			}
		);
		$("#month06").click(
			function(){
				onCh1(6)
			}
		);
		$("#month07").click(
			function(){
				onCh1(7)
			}
		);
		$("#month08").click(
			function(){
				onCh1(8)
			}
		);
		$("#month09").click(
			function(){
				onCh1(9)
			}
		);
		$("#month10").click(
			function(){
				onCh1(10)
			}
		);
		$("#month11").click(
			function(){
				onCh1(11)
			}
		);
		$("#month12").click(
			function(){
				onCh1(12)
			}
		);
	}
);
var onCh1 = function(i) {

	$('#month01').removeClass();
	$('#month02').removeClass();
	$('#month03').removeClass();
	$('#month04').removeClass();
	$('#month05').removeClass();
	$('#month06').removeClass();
	$('#month07').removeClass();
	$('#month08').removeClass();
	$('#month09').removeClass();
	$('#month10').removeClass();
	$('#month11').removeClass();
	$('#month12').removeClass();

	$('#schedule-month01').css('display','none');
	$('#schedule-month02').css('display','none');
	$('#schedule-month03').css('display','none');
	$('#schedule-month04').css('display','none');
	$('#schedule-month05').css('display','none');
	$('#schedule-month06').css('display','none');
	$('#schedule-month07').css('display','none');
	$('#schedule-month08').css('display','none');
	$('#schedule-month09').css('display','none');
	$('#schedule-month10').css('display','none');
	$('#schedule-month11').css('display','none');
	$('#schedule-month12').css('display','none');

    switch (i) {
    		case 1:
    			$('#month01');
    			$('#schedule-month01').css('display','block');
    			break;
		case 2:
			$('#month02');
			$('#schedule-month02').css('display','block');
			break;
		case 3:
			$('#month03');
			$('#schedule-month03').css('display','block');
			break;
		case 4:
			$('#month04');
			$('#schedule-month04').css('display','block');
			break;
		case 5:
			$('#month05');
			$('#schedule-month05').css('display','block');
			break;
		case 6:
			$('#month06');
			$('#schedule-month06').css('display','block');
			break;
    		case 7:
    			$('#month07');
    			$('#schedule-month07').css('display','block');
    			break;
		case 8:
			$('#month08');
			$('#schedule-month08').css('display','block');
			break;
		case 9:
			$('#month09');
			$('#schedule-month09').css('display','block');
			break;
		case 10:
			$('#month10');
			$('#schedule-month10').css('display','block');
			break;
		case 11:
			$('#month11');
			$('#schedule-month11').css('display','block');
			break;
		case 12:
			$('#month12');
			$('#schedule-month12').css('display','block');
			break;
    }
}

/*

<li id="p1" class="selected">
<a href="#introduction-anchor" onclick="onCh(1)">Introduction</a></li>
<li id="p2"><a href="#feature-anchor" onclick="$('#bj').text(':Features')">Features</a></li>
<li id="p3"><a href="#specification-anchor" onclick="$('#bj').text(':Specification')">Specification</a></li>
<li id="p4"><a href="#options-accessories-anchor" onclick="$('#bj').text(':Options/Accessories')">Options/Accessories</a></li>

*/