// JSON decoder:
function decodeJSON(JSONstr){
	eval("var obj = "+JSONstr);
	return obj;
}		

function menuHover(id) {

		/* reset eerst alle layers */
		tmpObjectList = $$('a.active');
		tmpObjectList.each(function(s) {
			$(s).removeClassName('active');
			})
			
		tmpObjectList2 = $$('ul.subactive');
		tmpObjectList2.each(function(s) {
			$(s).hide();
			})
	
		/* Set the layers op actief */
		tmpChilda = ($(id).down('a'));
		tmpChildul = ($(id).down('ul'));

		$(tmpChilda).addClassName('active');
		
		$(tmpChildul).show();
		$(tmpChildul).addClassName('subactive');
		
	}
	
function resetMenuitem(id) {

		tmpChildul 	= ($(id).down('ul'));
		tmpChilda 	= ($(id).down('a'));
		
		$(tmpChilda).removeClassName('active');
		$(tmpChildul).removeClassName('subactive');

	}
	
function showDetail(id,categorie,frompage,fromdate,todate,pos) {
	
	tmpUrl = "ajax/ajax_calls.php?action=detail&collectionid="+id+"&categorie="+categorie+"&frompage="+frompage+"&from="+fromdate+"&to="+todate;
		req = new Ajax.Request(
			tmpUrl,
				{
					method: "post",
					parameters: tmpUrl,
					asynchronous: "true",
					onComplete: updateDetail
				}
			);
	
	function updateDetail(transport) {
		tmpObjectList = decodeJSON(transport.responseText);
		prevpage = (frompage) - 1;
		nextpage = ((frompage*1) + 1);
		tmpDetailHtml = '' +
				'<a href="javascript:;" id="page-back" onclick="showDetail(\''+id+'\',\''+categorie+'\',\''+prevpage+'\',\''+fromdate+'\',\''+todate+'\',\'0\');" class="arrow_left"><img src="images/trans.gif" alt="" width="35" height="39" border="0"></a>' +
				'<div style="padding-top:70px;">' +
				'<img src="footage/'+tmpObjectList[pos].afbeelding+'" alt="'+tmpObjectList[pos].title+'" height="500" border="0">' +
				'</div>' +
				'<a href="javascript:;" id="page-next" onclick="showDetail(\''+id+'\',\''+categorie+'\',\''+nextpage+'\',\''+fromdate+'\',\''+todate+'\',\'0\');" class="arrow_right"><img src="images/trans.gif" alt="" width="35" height="39" border="0"></a>' +
				'<div class="titel">'+tmpObjectList[pos].title+'<br />'+tmpObjectList[pos].afmeting + ' '+tmpObjectList[pos].techniek+' '+tmpObjectList[pos].status+'</div>';

		$('content-detail').update(tmpDetailHtml);
		
		if(prevpage == -1) $('page-back').setStyle({'display': 'none'});
		if(nextpage == tmpObjectList[0].totalrecords) $('page-next').setStyle({'display': 'none'});
		
		$('detail').show();
		}
		
	
	}

	
	
	
var SearchRules = {
	'#show-detail' : function(el) {
			el.onclick = function() {
					$('detail').show();
					return false;
				}
			}
	,
	'#hide-detail' : function(el) {
			el.onclick = function() {
					$('detail').hide();
					return false;
				}
			}
	}
	
Behaviour.register(SearchRules);