var $j = jQuery.noConflict();

$j(document).ready(function() {
	
	if($j('body').hasClass('cms-style-guide-wedding-planner')) {
		
		ShowMonthBlocks(12,11);
		
		var navHtml = '<ul id="static-nav">';
		navHtml += '<li class="static-nav-heading"><a id="1211" href="#1211">12 - 11 Months</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="1009"  href="#1009">10 - 9 Months</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="0807"  href="#0807">8 - 7 Months</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="0605"  href="#0605">6 - 5 Months</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="0403"  href="#0403">4 - 3 Months</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="0201"  href="#0201">2 - 1 Months</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="1week"  href="#1week">1 Week</a></li>';
		navHtml += '<li class="static-nav-heading"><a id="tbd"  href="#tbd">THE BIG DAY!</a></li>';
		navHtml += '</ul>';

		$j('.std').before(navHtml);
		
		$j('.static-nav-heading a').click(function(event) {
			
			event.preventDefault();
			
			var id = $j(this).attr('id');
			
				switch(id)
				{
					case '1211':
						ShowMonthBlocks('12','11');
						break;
					case '1009':
						ShowMonthBlocks('10','09');
						break;
					case '0807':
						ShowMonthBlocks('08','07');
						break;
					case '0605':
						ShowMonthBlocks('06','05');
						break;
					case '0403':
						ShowMonthBlocks('04','03');
						break;
					case '0201':
						ShowMonthBlocks('02','01');
						break;
					case '1week':
						ShowMonthBlocks('1week');
						break;
					case 'tbd':
						ShowMonthBlocks('tbd');
						break;
						
					default:
						break;
				}
			
			
		});
		
	}
		function ShowMonthBlocks(first,second) {
			
			$j('.std .month').each(function() {
				
				$j(this).css({'display': 'none'});
				
			});
			
			$j('.std .month.' + first).css({'display': 'block'});
			if(second) {
				$j('.std .month.' + second).css({'display': 'block'});
			}
			
		}
		
	
});