/* 
 * Make NaviArea Part
 */
function makeNavi(genre) {
	
	var str_navi = "";
	var genreArray = new Array('top', 'music', 'stage', 'art', 'sports', 'other');
	
	for (var i = 0; i < genreArray.length; i++) {
		
		if (genreArray[i] == genre) {
			str_navi += '<a href="javascript:;" onclick="makeNavi(\''+ genreArray[i] + '\'); makeCalURL(\'' + genreArray[i] + '\', 0, \'view\', \'\');">';
			str_navi += '<img src="images/bt_' + genre + '_up2.jpg" alt="' + genre + '" width="90" height="31" border="0" id="Image_' + genre + '" />'
			str_navi += '</a>';
		}else{
			str_navi += '<a href="javascript:;" onclick="makeNavi(\''+ genreArray[i] + '\'); makeCalURL(\'' + genreArray[i] + '\', 0, \'view\', \'\');">';
			str_navi += '<img src="images/bt_' + genreArray[i] + '.jpg" alt="' + genreArray[i] + '" width="90" height="31" border="0" id="Image_' + genreArray[i] + '" '
			str_navi += 'onmouseover="MM_swapImage(\'Image_'+ genreArray[i] + '\',\'\',\'images/bt_' + genreArray[i] + '_up2.jpg\',1)" onmouseout="MM_swapImgRestore()" />';
			str_navi += '</a>';
		}
		
	}
	
	// HTML
	document.getElementById("naviArea").innerHTML = str_navi;  
}


/* 
 * Make Bar Part
 */
function makeCalURL(genre, barDate, type, page) {

// Args
var barYear = barDate.toString().substring(0, 4);
var barMonth = barDate.toString().substring(4, 6);

var str_table = "";

// OutLine
str_table += '<table width="840" border="0" align="center" cellpadding="0" cellspacing="0" class="mgnB20">';
str_table += '<tr><td>';
str_table += '<img src="images/bar_' + genre + '_t.gif" alt="" width="840" height="10" />';;
str_table += '</td></tr>';
str_table += '<tr>';


// CSS
str_table += '<td class="cont' + genre + '">';

// Add Cal Prefix
str_table += '<table width="790" border="0" align="center" cellpadding="0" cellspacing="0">'
				+ '<tr><td colspan="16">&nbsp;</td></tr>'
				+ '<tr style="background-image:url(images/bg_ym01.gif);">';

// Stack Date
date = new Date();
var yearToday = date.getYear();
if (yearToday < 2000) { yearToday += 1900; }
var monthToday = date.getMonth() + 1;


// First, This Year
str_table += '<td><img src="images/y_' + yearToday + '.gif" alt="' + yearToday + '" width="58" height="27" /></td>';

for (var i = 0; i < 13; i++) {
	
	var year = yearToday;
	var month = monthToday + i;
	var monthMM = null;
	// Next Year
	if (month > 12) {
		year = year + 1;
		month = month - 12;
	}
	// monthMM : style 'MM'
	if (month < 10) {
		monthMM = '0' + month;
	}else{
		monthMM = month;
	}
	
	// Disp: Next Year
	if(year == yearToday + 1 &&  month == 1) {
		str_table += '<td><img src="images/y_' + year + '.gif" alt="' + year + '" width="58" height="27" /></td>';
	}
	
	str_table += '<td><a href="javascript:;" onclick="makeCalURL(\'' + genre + '\',' + year + monthMM + ', \'view\', \'\');">';
	// 
	if (year == barYear && monthMM == barMonth) {
		str_table += '<img src="images/ym_' + monthMM + 'r.gif" alt="' + year + '/' + month + '" width="44" height="27" border="0" />';
	}else{
		str_table += '<img src="images/ym_' + monthMM + '.gif" alt="' + year + '/' + month + '" width="44" height="27" border="0" />';
	}
	str_table += '</a></td>';
	
}

// Add Cal Suffix
str_table += '<td style="width:198;">&nbsp;</td>' + '</tr>' + '</table>';


// Add Bar Prefix
str_table += '<table width="790" border="0" align="center" cellpadding="0" cellspacing="0" class="mgnB10">'
			 + '<tr>' + '<td align="center" bgcolor="#BDAD93">';

// IMG Bar
if (barDate == 0) {
	str_table += '<img width="149" height="29" alt="" src="images/event_all.gif" />';
} else {
	str_table += '<img width="80" height="29" alt="' + barYear + '" src="images/year_' + barYear + '.gif"/>'
	str_table += '<img width="50" height="29" alt="' + barMonth + '" src="images/month_' + barMonth + '.gif"/>'
}

// Add Bar Suffix
str_table += '</td>' + '</tr>' + '</table>';


// Contents Display Part
str_table += '<div id="resultAjax"></div>';

// Add Table Suffix
str_table += '</td></tr>';
str_table += '<tr><td>';
str_table += '<img src="images/bar_';
str_table += genre;
str_table += '_b.gif" alt="" width="840" height="10" />';
str_table += '</td></tr></table>';
//str_table += '<div id="footer"><img src="images/copyright_01.gif" width="403" height="5" /></div>';
str_table += '<div id="footer"><img src="/image/copyright/copyright_01.gif" width="403" height="5" /></div>';


// HTML
document.getElementById("calUrl").innerHTML = str_table;
		
// Exec Ajax
if (type == 'view') {
  getContents(genre, barDate, yearToday, year, monthMM);
}else if (type == 'detail' && page != '') {
  getContentsDetail(genre, page);
}

}