var yEvent = YAHOO.util.Event;
var yDom = YAHOO.util.Dom;
var yConnect = YAHOO.util.Connect;
var referentie_content;
var pagina;

/* RONDE HOEKJES REFERENTIE PAGINA */
function referentie_corner() {
	$('#referentie_gegevens').corner("5px");
	$('#referenties_rechts').corner("5px");

	var tabContainers = $('#referentie_foto > div');
	tabContainers.hide().filter(':first').show();
	
	$('#referentie_header ul a').click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		$('#referentie_header ul a').removeClass('selected');
		$(this).addClass('selected');
		return false;
	}).filter(':first').click();	
}

var handleSuccess = function(o){
	if(o.responseText != undefined){
		referentie_content.innerHTML =  o.responseText;
		init_next_prev();
	}
};

var handleFailure = function(o){
	if(o.responseText != undefined){
		referentie_content.innerHTML = "Referentie niet gevonden";
		init_next_prev();
	}
};

var callback =
{
  success:handleSuccess,
  failure:handleFailure, 
  argument: ['foo','bar'] 
};

/* REFERENTIE REQUEST */
function getReferentie(e,ref_id){
	sUrl = "ajax/referenties.php?";
	var postData = "ref_id="+ref_id;
	
	referentie_content.innerHTML = '<img src="images/ajax-loader.gif" />';
	var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);
	yEvent.preventDefault(e);
	
	// swap class
	var ref = document.getElementById("referenties_nieuwbouw");
	
	if (ref == null) return;
	
	var ul = ref.getElementsByTagName("ul");
	var li  = ul[0].getElementsByTagName("li");
	
	for(i=0;i<li.length;i++) {
		x = li[i].getElementsByTagName("a")[0];		
		if (x.rel == ref_id) {
			yDom.addClass(x, "active");
		}
		else {
			yDom.removeClass(x, "active");
		}
	}
}

/* REFERENTIE LINKS, ajax */
function init_referentie_links() {
	referentie_content = document.getElementById("referenties_rechts");
	var ref = document.getElementById("referenties_nieuwbouw");
	
	if (ref == null) return;
	
	var ul = ref.getElementsByTagName("ul");
	var li  = ul[0].getElementsByTagName("li");
	var x;
	
	for(i=0;i<li.length;i++) {
		x = li[i].getElementsByTagName("a")[0];		
		yEvent.addListener(x, "click", getReferentie, x.rel);
	}	
	init_next_prev();
}


/* REFERENTIE REQUEST */
function getReferentieHome(e,ref_id){
	sUrl = "ajax/referenties.php?";
	var postData = "cat_id="+ref_id;
	
	referentie_content.innerHTML = '<img src="images/ajax-loader.gif" />';
	var request = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, postData);
	yEvent.preventDefault(e);	
}

/* REFERENTIE LINKS, ajax */
function init_referentie_links_home() {
	referentie_content = document.getElementById("referenties_rechts");
	var ref = document.getElementById("referenties_links");
	
	if (ref == null) return;
	
	var ul = ref.getElementsByTagName("ul");
	var li; 
	var x;
	
	for(j = 0; j < ul.length; j++) {
		li = ul[j].getElementsByTagName("li");
				
		for(i=0;i<li.length;i++) {
			x = li[i].getElementsByTagName("a")[0];	
			yEvent.addListener(x, "click", getReferentieHome, x.rel);
			yEvent.addListener(x, "click", swapClass, x.rel);
		}	
	}
	init_next_prev();
}

function swapClass(e, cat_id) {
	var ref = document.getElementById("referenties_links");
	
	var ul = ref.getElementsByTagName("ul");
	var li;
	if (ref == null) return;
	for(j = 0; j < ul.length; j++) {
		li = ul[j].getElementsByTagName("li");
				
		for(i=0;i<li.length;i++) {
			x = li[i].getElementsByTagName("a")[0];		
			if (x.rel == cat_id) {
				yDom.addClass(x, "active");
			}
			else {
				yDom.removeClass(x, "active");
			}
		}	
	}
}
function setBackground(obj,mode){
}
/* REFERENTIE vorige/volgende links */
function init_next_prev() {
	var p = document.getElementById("prev");
	var n = document.getElementById("next");

	if (p) yEvent.addListener(p, "click", getReferentie, p.rel);
	if (n) yEvent.addListener(n, "click", getReferentie, n.rel);	
}

/* ALLE FUNCTIES INITTIALISEREN */
function init() {
	referentie_corner();
	init_referentie_links();
	init_referentie_links_home();
}

yEvent.onDOMReady(init);