/**
 * Leden homepage JavaScript
 */

var loadPage = function(page, id){
	$.getJSON("../pagina/request.php", { "page" : page, "id" : id }, function(data){
		$("#content").html("");
		switch(page) {
			case "home":
				var content = '';
				$.each(data, function(name, value){
					content += '<h3>'+value['titel']+'</h3>'+'<div class="content">'+value['tekst']+'</div>';
				});
				$("#content").html(content).hide().fadeIn("slow");
				break;
			case "ruilwaarde":
				var content = '<h3>Ruilwaarde</h3>'
							+ '<div class="content">'
							+ '<table style="width:100%;" cellspacing="0">'
							+ '<tr>'
							+ '<td></td>'
							+ '<td><strong>Meubel naam</strong></td>'
							+ '<td align="right"><img src="../images/layout/hc.gif" alt="Waarde in hc" /></td>'
							+ '<td align="right"><img src="../images/layout/credits.gif" alt="Waarde in credits" /></td>'
							+ '</tr>';
				$.each(data, function(name, value){
					content += '<tr title="'+value['naam']+'">'
							+  '<td style="width:20px;" align="center"><img src="../images/meubels/'+value['plaatje']+'" alt="" /></td>'
							+  '<td>'+value['naam'].substr(0,50)+'</td>'
							+  '<td style="width:50px;" align="right">'+value['waarde']+'</td>'
							+  '<td style="width:50px;" align="right">'+Math.round(value['waarde']*60)+'</td>'
							+  '</tr>';
				});
				content += '</table>'
						+  '</div>'; 
				$("#content").html(content).hide().fadeIn("slow");
				$("#content tr:odd").attr("class", "darkrow");
				break;
			case "bestanden":
				var content = '<h3>Bestanden</h3>'
							+ '<div class="content">'
							+ '<table style="width:100%;" cellspacing="0">';
				$.each(data, function(name, value){
					content += '<tr title="'+value['bestandsnaam']+'">'
							+  '<td style="width:30px;" align="left"><img src="../images/layout/picture.gif" alt="" /></td>'
							+  '<td><a href="../images/upload/'+value['uploadname']+'">'+value['bestandsnaam'].substr(0,50)+'</a></td>'
							+  '</tr>';
				});
				content += '</table>'
						+  '</div>'; 
				$("#content").html(content).hide().fadeIn("slow");
				break;
			case "nieuws":
				var content = '';
				$.each(data, function(name, value){
					content += '<h3>'+value['titel']+'</h3>'+'<div class="content">'+value['tekst_kort']+'<br /><a href="javascript:loadPage(\'nieuwsartikel\', \''+value['id']+'\')">Lees meer</a></div>';
					/*
					if(value['reactie'] == true) {				
						content += '<div class="content">Reactie<br /><input type="hidden" name="id" value="'+value['id']+'" />'
								+  '<textarea name="reactie" cols="20" rows="5"></textarea>'
								+  '<br /><input type="submit" name="submit" id="submit" value="Reactie plaatsen" /></div>';	
					}
					*/
				});
				$("#content").html(content).hide().fadeIn("slow");
				break;
			case "nieuwsartikel":
				var id = data.artikel['id'];
				var content = '<h3>'+data.artikel['titel']+'</h3>'+'<div class="content">'+data.artikel['tekst_lang']+'</div><br />';
				$.each(data.reacties, function(name, value){
						content += '<div class="news_top">&nbsp;</div>'
								+  '<div class="news"><a href="http://'+value['naam']+'.habbopagina.nl"><em>'+value['naam']+'</em></a><br /><br />'
								+  value['reactie']+'<div align="right"><small>'+value['datum']+'</small></div></div>'
								+  '<div class="news_bottom"><img src="../images/user/'+Math.round(value['id']/10000)+'/'+value['id']+'.gif" alt="" /></div>';//edit for image
				});
				if(data.artikel['reactie'] == true) {				
					content += '<div class="content">Reactie<br /><textarea id="reactie" cols="20" rows="5"></textarea>'
							+  '<br /><input type="button" id="submit_nieuwsartikel" value="Reactie plaatsen" /></div>';	
				}
				$("#content").html(content).hide().fadeIn("slow");
				$("#submit_nieuwsartikel").unbind("click");
				$("#submit_nieuwsartikel").click(function(){
					$.post("submit.php", { "id" : id, "reactie" : $("#reactie").val() }, function(data){
						alert(data.melding);
						if(data.status == 1) {
							loadPage('nieuwsartikel', id);
						}
					}, "json");
				});				
				break;
			default :
				break;
		}
	});
}