/*function setVoorraadlijstHover() {
	if(document.getElementById('voorraadlijst')) {
		var voorraadlijst = document.getElementById('voorraadlijst');

		var elements = voorraadlijst.getElementsByTagName('tr');

		for(var i = 0; i < elements.length; i++) {
			if(elements[i].className != 'tableHeader') {
				elements[i].onmouseover = function() { this.style.backgroundColor='#ffffff';};
				elements[i].onmouseout = function() { this.style.backgroundColor='';};
			}

			var divs = elements[i].getElementsByTagName('div');

			for(var j = 0; j < divs.length; j++) {
				if(divs[j].className == 'text-balloon') {					
					//elements[i].onmouseover = function() { this.style.backgroundColor='#ffffff'; document.getElementById(divs[j].id).style.display = 'block';};
					//elements[i].onmouseout = function() { this.style.backgroundColor=''; document.getElementById(divs[j].id).style.display = 'none';};
					elements[i].onmouseover = Function("setTextBalloon('over', '"+divs[j].id+"', '"+elements[i].id+"')");
					elements[i].onmouseout = Function("setTextBalloon('out', '"+divs[j].id+"', '"+elements[i].id+"')");
					break;
				}
			}
		}
	}
}*/

/**
 * Stelt de hover in van een meegegeven keerkoppeling rij
 *
 * @param De rij
 * @param De onclick actie
 * @param Het id van de keerkoppeling
 *
 * @return void
 */
function setHover(element,action,id) {
	if(action == 'over') {
		element.style.backgroundColor='#ffffff';
		element.onclick = Function("document.location.href='/voorraadlijst/keerkoppeling/"+id+"'");		
	}
	else {
		element.style.backgroundColor='';
		element.onclick = '';
	}
}

/**
 * Stelt de hover in van een meegegeven keerkoppeling rij
 *
 * @param De rij
 * @param De onclick actie
 * @param Het id van de keerkoppeling
 *
 * @return void
 */
function setHoverProduct(element,action,id, brand_id) {
	if(action == 'over') {
		element.style.backgroundColor='#ffffff';
		element.onclick = Function("document.location.href='/producten/"+brand_id+"/"+id+"'");		
	}
	else {
		element.style.backgroundColor='';
		element.onclick = '';
	}
}

/**
 * Stelt de zichtbaarheid van de tekst ballon in.
 *
 * @param De actie die moet worden uitgevoerd: over of out
 * @param ID van het element
 *
 * @return void
 */
function setTextBalloon(action, id) {
	if(action == 'over') {				
		document.getElementById(id).style.display = 'block';
	}
	else {		
		document.getElementById(id).style.display = 'none';
	}
}

/**
 * Deselecteerd alle merk vinkjes in het filter formulier.
 *
 * @return void
 */
function deselectAllBrands() {
	var form = document.getElementById('filterForm');

	var elements = form.elements;

	for (var i=0; i<elements.length; i++) {
		var e = elements[i];
		var name = e.name.substr(0,8);

		if(e.type == "checkbox" && name == "brand_id") {
			e.checked = false;
		}
	}

	filterKeerkoppelingen();
}

/**
 * Zorgt voor het uitklappen van een vak in de filter.
 *
 * @param De button waarop geklikt is
 * @param Het element dat moet worden weergegeven of verdwijnen
 *
 * @return void
 */
function uitklappen(current, element) {
	if(document.getElementById(element).style.display == 'block') {
		document.getElementById(element).style.display = 'none';
		current.style.backgroundImage = "url('/img/ingeklapt.gif')";
	}
	else {
		document.getElementById(element).style.display = 'block';
		current.style.backgroundImage = "url('/img/uitgeklapt.gif')";
	}
}

/**
 * Zorgt voor het filteren van de keerkoppelingen. Post de waardes naar php bestand en haald de content op.
 *
 * @return void
 */
function filterKeerkoppelingen() {
    var form = document.getElementById('filterForm');

	var data = "ajax=ajax&condition="+form.condition.value+"&buildYear="+form.buildYear.value+"&sort="+form.sort.value+"&sortType="+form.sortType.value+"&page="+form.page.value+"&amount="+form.amount.value;
	
	var elements = form.elements;

	for (var i=0; i<elements.length; i++) {
		var e = elements[i];
		var name = e.name.substr(0,8);

		if(e.type == "checkbox" && name == "brand_id" && e.checked) {
			data += "&brand_id[]="+e.value;
		}
	}

    //alert(data);
	
    $.ajax({
        type: "POST",
        url: "/voorraadlijst-ajax.php",
        data: data,
        success: function(html) {
			//alert(html);
            $("#right").replaceWith(html);
        }
    });

	//setVoorraadlijstHover();
}

/**
 * Zorgt voor het sorteren van de keerkoppelingen
 *
 * @param Waarop gesorteerd moet worden (merk, type, etc.)
 *
 * @return void
 */
function sortKeerkoppelingen(sort) {	
	if(document.getElementById('sortKeerkoppeling')) {		
		document.getElementById('sortKeerkoppeling').value = sort;

		filterKeerkoppelingen();

		if(document.getElementById('sortType').value == "ASC")
			document.getElementById('sortType').value = 'DESC';
		else
			document.getElementById('sortType').value = 'ASC';
	}
}

/**
 * Vervangt de hoofdafbeelding van de keerkoppeling door de aangeklikte afbeelding.
 *
 * @param De source van de afbeelding.
 *
 * @return void
 */
function setAsHeadImage(src) {
	document.getElementById('headImage').src = src;
}

/**
 * Zorgt voor het neerzetten van de afbeeldingen op de product pagina.
 * Dit wordt door javascript gedaan omdat er een onclick in zit die de hoofdafbeelding veranderd.
 * Als er geen javascript is wordt er wat anders uitgevoerd in <noscript>.
 *
 * @param De source van de afbeelding
 * @param De alt tekst van de afbeelding
 * @param Het onclick event voor de afbeelding
 *
 * @return void
 */
function writeImage(src, alt, onclick) {
	var img = document.createElement('img');
	img.setAttribute('src', src);
	img.setAttribute('alt', alt);

	var a = document.createElement('a');
	a.setAttribute('onclick',onclick);
	a.setAttribute('href','#');
	a.appendChild(img);

	var div = document.createElement('div');
	div.appendChild(a);

	document.write(div.innerHTML);
}

/**
 * Zorgt voor het aantal keerkoppelingen per pagina
 *
 * @param Het aantal keerkoppelingen per pagina
 *
 * @return void
 */
function changeAmount(amount) {	
	if(document.getElementById('amount')) {		
		document.getElementById('amount').value = amount;

		filterKeerkoppelingen();		
	}
}

function renewCaptcha() {
	$('#captcha').replaceWith('<img src="/captcha.php?r='+Math.random()+'" alt="Verificatiecode" id="captcha" />');
}

//window.onload = setVoorraadlijstHover;