/* JavaScript: kleyn.com */
/* versie 0.4 - eend / ppk - 11/07/05 */
/* versie 0.5 - Bob 28/01/08 */


$(document).ready(function() {


	// Initialisatie visual algemeen
	if($('#visualhome').is('*')) {
		var so1 = new SWFObject("/header/visual-algemeen.swf", "header", "762", "216", "7", "#6CA3D7");
		so1.addParam("wmode", "transparent");
		so1.write("visualhome");
	}

    // Initialisatie visual trucks
	if($('#visualtrucks').is('*')) {
		var so2 = new SWFObject("/header/visual-trucks.swf", "header", "762", "216", "7", "#6CA3D7");
		so2.addParam("wmode", "transparent");
		so2.write("visualtrucks");
	}

    // Initialisatie visual trucks
	if($('#visualsmt').is('*')) {
		var so5 = new SWFObject("/header/visual-trucks.swf", "header", "762", "216", "7", "#6CA3D7");
		so5.addParam("wmode", "transparent");
		so5.write("visualsmt");
	}

    // Initialisatie visual trucks
	if($('#visualtra').is('*')) {
		var so6 = new SWFObject("/header/visual-trucks.swf", "header", "762", "216", "7", "#6CA3D7");
		so6.addParam("wmode", "transparent");
		so6.write("visualtra");
	}

    // Initialisatie visual vans
	if($('#visualvans').is('*')) {
		var so3 = new SWFObject("/header/visual-vans.swf", "header", "762", "216", "7", "#6CA3D7");
		so3.addParam("wmode", "transparent");
		so3.write("visualvans");
	}

    // Initialisatie visual ce
	if($('#visualce').is('*')) {
		var so4 = new SWFObject("/header/visual-ce.swf", "header", "762", "216", "7", "#6CA3D7");
		so4.addParam("wmode", "transparent");
		so4.write("visualce");
	}


    $('#showwebcam').bind('click', function() {
        window.open('/webcam.php?file='+this.src,'groot','width=860,height=680,top=30,left=30');
		return false;

    });


	// Initialisatiedingen PPK-script
	hideSubmit();
	initAutomaticForms();
	if (document.body.className == 'overview') {
    	initHoverTR();
    }        
    initItemsKlikbaar();
    initPopups();
	

	if($('#showwebcam').is('*')) {
	   setWebcamImage();
	}
	$('#change-language2 select').change( function() {
	    location.href= "http://www."+$(this).children('option:selected').attr('rel');
	    return false;
	});
	
	$('select#language2').change( function() {
	    location.href= "http://www."+$(this).children('option:selected').attr('rel');
	    return false;
	});

});


function setWebcamImage() {
    var date = new Date();
    var time= date.getTime();


    var aSrc= $('#showwebcam').attr("src").split("?");
    src= aSrc[0];
    $('#showwebcam').attr('src',src+"?t="+time);

    setTimeout("setWebcamImage()",30000);

}

function hideSubmit()
{
  var x = document.getElementsByTagName('input');
  for (var i=0;i<x.length;i++)
  {
    if (x[i].className == 'hidden')
    x[i].style.display = 'none';
  }
}

function initHoverTR()
{
	var x = document.getElementById('results').getElementsByTagName('tr');
	for (var i=0;i<x.length;i++)
	{
		var y = x[i].getElementsByTagName('td')[0];
		if (!y) continue;
		x[i].link = y.getElementsByTagName('a')[0].href;
		x[i].onmouseover = function () 	{
			if (this.className == 'tip')
				this.id = 'htip';
			else
				this.id = 'htr';
		}
		x[i].onmouseout = function () {
			this.id = '';
		}
		x[i].onclick = function () {
			location.href = this.link;
		}
	}
}

/* Om vrachtwagenbeschrijvingen in hun geheel klikbaar te maken.
	VERWACHT:
	- div class="item"
	- 1 link in deze div die naar de goede pagina wijst
*/

function initItemsKlikbaar()
{
	var x = document.getElementsByTagName('div');
	for (var i=0;i<x.length;i++)
	{
		if (x[i].className.indexOf('item') == -1) continue;
		x[i].href = x[i].getElementsByTagName('a')[0].href;
		x[i].onmouseover = function () 	{
			window.status = this.href;
			return true;
		}
		x[i].onmouseout = function () {
			window.status = '';
			return true;
		}
		x[i].onclick = function () {
			location.href = this.href;
		}
		x[i].style.cursor = 'pointer';
	}
}

/* In de autoForms array kan je alle formulieren invullen die zo gesubmit moeten worden */

function initAutomaticForms()
{
	var autoForms = new Array('show-items','change-language', 'change-language2');
	for (var i=0;i<autoForms.length;i++)
	{
		automateForm(autoForms[i]);
	}
}

/*
Verwacht wordt 1 select. Ik gebruik op dit moment de text van de geselecteerde option, en niet
de value. Text is wat de gebruiker ziet, value is de waarde van het VALUE attribuut. Mocht dit toch
wel degelijk de value moeten zijn, verander dan this.options[this.selectedIndex].text in
this.options[this.selectedIndex].value
*/

function automateForm(id)
{
	var form = document.getElementById(id);
	if (!form) return;
	var x = form.getElementsByTagName('select')[0];
	x.onchange  = function () {
		// var value = this.options[this.selectedIndex].text;
		// this.form.action += value;
		this.form.submit();
	}
}

/* Vul hier gewenste popupdimensies en -positie in voor het plaatje */

var popupWidth = 780; // was 480, later 860
var popupHeight = 630; /// was 412, later 720
var popupTop = 100;
var popupLeft = 100;

/* Vul hier gewenste popupdimensies en -positie in voor de help-links */

var popupWidth2 = 423;
var popupHeight2 = 216;
var popupTop2 = 120;
var popupLeft2 = 60;


var props = 'width='+popupWidth + ',height='+popupHeight+',top='+popupTop+',left='+popupLeft;
var props2 = 'width='+popupWidth2 + ',height='+popupHeight2+',top='+popupTop2+',left='+popupLeft2;


var mouseOverTarget;
var preloadImages = new Array();
var counter = 0;

/* Functie dient voor popup en voor mouseovers detailplaatjes */

function initPopups()
{
    
	var x = document.getElementById('photo');
	if (!x) return;
	var targetLink = x.getElementsByTagName('a')[0];
	targetLink.onclick = function () {
		window.open(this.href,'groot',props);
		return false;
	}

	/* Bob voegt toe: */
	var y = x.getElementsByTagName('a');
	for (var i=0;i<y.length;i++)
	{
			y[i].onclick = function () {
				window.open(this.href,'groot',props)
				return false;
			}
	}


	var z = document.getElementsByTagName('a');
	for (var i=0;i<z.length;i++)
	{
		if (z[i].getAttribute('rel') == 'help')
			z[i].onclick = function () {
				window.open(this.href,'help',props2)
				return false;
			}
	}

	var y = x.getElementsByTagName('img');
	for (var i=0;i<y.length;i++)
	{

		if (y[i].className == 'show')
		{
			mouseOverTarget = y[i];
			y[i].originalSrc = y[i].src;
			continue;
		}
		if (y[i].src.indexOf('mini') == -1) continue;
		var suffix = y[i].src.substring(y[i].src.lastIndexOf('.'));
		var largeImage = y[i].src.substring(0,y[i].src.lastIndexOf('_')) + '_show'+suffix;
		preloadImages[counter] = new Image();
		preloadImages[counter].src = largeImage;
		y[i].preloadIndex = counter;
		counter++;
		y[i].onmouseover = function () {
			mouseOverTarget.src = preloadImages[this.preloadIndex].src;
		}
//		y[i].onmouseout = function () {
//			mouseOverTarget.src = mouseOverTarget.originalSrc;
//		}
		// y[i].style.cursor = 'pointer';
	}
}