var XML_News = 'dbcontent/news.json.php?year='+year+'&category='+category+'&preview='+preview;
var json_HomepageContent;
var json_NewsContent;
var NbNews = 0;
var HAUTEUR_TRI = 500;
/* STEP 1. Load content when the whole page is loaded, included all images */
window.addEvent('load', function() {
	LoadNewsContent();
});
function newsyear(cYear){	
	Id_News = "null";
	year = cYear;
	XML_News = 'dbcontent/news.json.php?year='+year+'&category='+category;
	//alert(year);
	LoadNewsContent();
}
/* STEP 2. Load the Home Page Json Content File */
function LoadNewsContent(){
	var request = new Json.Remote(XML_News, {
		onComplete: function(jsonObj) {
			json_NewsContent = jsonObj
			InitalizeNewsContent();
		}
	}).send();
}

/* STEP 3. Launch the different element initialisations */
function InitalizeNewsContent(){
	InitalizeNews();
}
function InitalizeNews(){
	if ( json_NewsContent ){
		
		$$('.TopFrameMenuSelect').removeClass('TopFrameMenuSelect');
		try {$('year_'+year).addClass('TopFrameMenuSelect');} catch (e){};
		
		var News_Content = $('News_Content');
		
		News_Content.empty();
		
		var image_target = new Element('div', { id: 'Target_Image' }).injectInside(News_Content);
		var info_target = new Element('div', { id: 'News_Content_Thumbs' }).injectInside(News_Content);
		var content = new Element('div', { id: 'content' }).injectInside(info_target);
		
		var News_Content_Info_Box = new Element('div', { id: 'News_Content_Info_Box' }).injectInside(News_Content);
		var News_Content_Info = new Element('div', { id: 'News_Content_Info' }).injectInside(News_Content_Info_Box);
		
		info_target.setStyles({'display': 'block'});
		image_target.setStyles({'width':'561px'});
		
		
		var t = -1;
		json_NewsContent.news.each( function(News) {
			
			var News_target = new Element('div', { id: 'Target_Thumbs' }).injectInside(content);
			var name = new Element('div', { id: 'thumbs_news'+News.id ,'class': 'thumbs_news' }).setHTML('<span class="date">'+News.date+' / <span class="category">'+News.category+'</span></span><span class="title">'+News.title+'</span>').injectInside(News_target);
			
			name.addEvents({
				'click': function(e) {
					
				},
				'mouseenter': function() {
					//LoadImageGallery(News.path);
					showNews(News.date, News.title, News.content, News.downloads, News.category);
					document.getElements('div[class^=thumbs_news]').removeClass('select');
					name.addClass('select');
				},
				'mouseleave': function() {
					
				}
			});
			t++;
		});
			
		var hauteur = $('content').getCoordinates().height;
		if (hauteur>355){
			var scroll = new Element('div', { id: 'scrollbar1', 'class': 'scrollbar-vert' }).injectInside(News_Content);
			scroll.setStyles({'left':'310px'});
			var handle = new Element('div', { id: 'handle1', 'class': 'handle-vert' }).injectInside(scroll);
			makeScrollbar( $('News_Content_Thumbs'), $('scrollbar1'), $('handle1') );
		}		
	}
	if (Id_News == 'null'){
		Id_News = json_NewsContent.news[0].id;
	}
	$('thumbs_news'+Id_News).addClass('select');
	for (var t=0; t<json_NewsContent.news.length; t++){
		if (json_NewsContent.news[t].id == Id_News){
			var cNews = json_NewsContent.news[t];
			showNews(cNews.date, cNews.title, cNews.content, cNews.downloads, cNews.category);
			break;
		}
	}
}
function showNews(date, title, content, downloads, category){
	
	var clip = $('News_Content_Info');
	var News_Content = $('News_Content');
	var downloadText ='<div style="margin-top: 10px;">';
	
	if ($('scrollbar2')){
		$('scrollbar2').remove();
	}
	
	if(downloads!='Empty'){
		downloads.each( function(download) {
			downloadText += '<div style="margin-bottom: 10px;"><a href="'+download.path+'"><img src="'+download.icon+'" border="0" align="left" style="margin-right: 6px; margin-top: 4px;"/></a> '+StripSlashes(download.note)+'</div>';
		});
	}
	downloadText += '</div>';
	
	clip.setHTML('<span class="date">'+date+' / <span class="category">'+category+'</span></span><span class="title">'+title+'</span><span class="content">'+content+'</span>'+downloadText);
	
	var hauteur = $('News_Content_Info').getCoordinates().height;
	if (hauteur>355){
		var scroll = new Element('div', { id: 'scrollbar2', 'class': 'scrollbar-vert' }).injectInside(News_Content);
		//scroll.setStyles({'left':'310px'});
		var handle = new Element('div', { id: 'handle2', 'class': 'handle-vert' }).injectInside(scroll);
		makeScrollbar( $('News_Content_Info_Box'), $('scrollbar2'), $('handle2') );
	} else {
		if ($('scrollbar2')){
			$('scrollbar2').remove();
		}
	}
	
}