/*-------------------------GLOBALS-------------------------*/

var CurrentPage;

/*---------------------------------------------------------------*/
function getBlogData(TimeSpan) {

	var myAjax = new Ajax.Request(
			'/_site/channel/get_news_data.asp?TimeSpan='+TimeSpan, 
			{
				method: 'get', 
				parameters: '', 
				asynchronous: false,  
				onComplete: function(response) {
					currentPage = eval('(' + response.responseText + ')');
					drawTable(currentPage, $('BlogList'));
				}
			});
}


/*---------------------------------------------------------------*/

function drawTable(page, contain) {
	contain.innerHTML = '';
// alert('1');	
	blogCount = 0
	blogDetail = ''
	table = '<div class="container_news_overflow" style="padding:15px">';

	for(i = 0; i < page['blog'].length; i++) {
		blogCount = blogCount + 1;
		blogLink = 'BlogDetail' + blogCount;
//		alert(blogLink);
        table +=		'<div style="width:505px; padding:0px" onmouseover="this.className=\'mouseover_highlight\'" onmouseout="this.className=\'\'" onClick="hideMenu('+ '\'' + blogLink + '\'' +');showhide(' + '\'BlogList\'' + ',' + '\'' + blogLink + '\'' + ');">';
        table +=		'<div style="padding:10px"> <a href="javascript:hideMenu('+ '\'' + blogLink + '\'' +');showhide(' + '\'BlogList\'' + ',' + '\'' + blogLink + '\'' + ');" class="titles">' + page['blog'][i].Blog_Subject + '</a><br />';
        table +=		'<span class="sub_titles">' + page['blog'][i].Blog_Date + '</span><br />';
        table +=		'<br />';
        table +=		'<span class="maintext">' + page['blog'][i].Blog_Synopsis + '&nbsp<a href="javascript:hideMenu('+ '\'' + blogLink + '\'' +');showhide(' + '\'BlogList\'' + ',' + '\'' + blogLink + '\'' + ');" class="titles">Read more.......</a></span>';
        table +=		'</div>';
        table +=		'</div>';
	
	
		blogDetail +=	'<div id="' + blogLink + '" style="display:none">'; 
        blogDetail +=	'<table width="100%" cellspacing="0" cellpadding="0" bgcolor="#CCCCCC" style="border-top: solid 1px #DDDDDD; border-bottom: solid 1px #999999">';
        blogDetail +=	'<tr>';
        blogDetail +=	'<td align="right" height="25" style="padding-right:8px" ><a href="#" class="widget_names" onclick="hidedisplay(' + '\'' + blogLink + '\'' +');showdisplay(' + '\'BlogList\'' + ');showMenu();return false"><img src="/_site/graphics/channel/btn_back_to_news_small.png" alt="Back to list" title="Back to list" border="0"></a></td>';
        blogDetail +=	'</tr>';
        blogDetail +=	'</table>';
		blogDetail +=	'<div class="container_blog_overflow" style="padding:15px">';
		blogDetail +=	'<span class="titles">' + page['blog'][i].Blog_Subject + '</span><br />';
		blogDetail +=	'<span class="sub_titles">' + page['blog'][i].Blog_Date + '</span>';
		blogDetail +=	'<p><span class="maintext">' + page['blog'][i].Blog_Text + '</span></p>';
//		blogDetail +=	'<a href="#" class="maintext" onclick="hidedisplay(' + '\'' + blogLink + '\'' +');showdisplay(' + '\'BlogList\'' + ');showMenu();return false">Back to list</a>'
		blogDetail +=	'</div>';
		blogDetail +=	'</div>';
	}
    table += '</div>';
	contain.innerHTML += table;
	
	document.getElementById('BlogDetail').innerHTML = blogDetail;
//	alert(blogDetail);
}

function ChangeBlogTimeSpan(TimeSpan) {
	
//	alert(Menutab+View+TimeSpan);
	
	getBlogData(TimeSpan);
	getBlogCounts();
    setBlogLinks(TimeSpan);  

}

function setBlogLinks(TimeSpan) {
	
document.getElementById('linkT').className="Menu_links";
document.getElementById('linkW').className="Menu_links";
document.getElementById('linkM').className="Menu_links";
document.getElementById('linkZ').className="Menu_links";

switch(TimeSpan)
	{
	case 't':
		document.getElementById('linkT').className="Menu_links_selected"
		break;
	case 'w':
		document.getElementById('linkW').className="Menu_links_selected"
		break;
	case 'm':
		document.getElementById('linkM').className="Menu_links_selected"
		break;
	case 'z':
		document.getElementById('linkZ').className="Menu_links_selected"
		break;
	}
	
	
}

function hideMenu(BlogDetail) {
	
document.getElementById('BlogHeader').innerHTML = '<a href="#" class="widget_names" onclick="hidedisplay(' + '\'' + BlogDetail + '\'' +');showdisplay(' + '\'BlogList\'' + ');showMenu();return false">News</a> > Article';
	
hidedisplay('BlogMenu');
	
}

function showMenu() {
	
document.getElementById('BlogHeader').innerHTML = 'Blog';
	
showdisplay('BlogMenu');
	
}