jQuery(document).ready(function() {
    // Set menu styles.
    $('div#menu > ul').addClass('ui-menu');
    $('div#menu > ul > li').addClass('ui-menu');
    $('div#menu > ul > li > a').addClass('ui-menu');

    // Handle anchors to open in new browser window.
    $('a[rel="external"]').click(function() {
    	window.open($(this).attr('href'));
    	return false;
    });

    // ISO9001 dialog.
    $('div#certificate-dialog-iso9001').dialog({ title:'Certificaat ISO9001', width:625, height:955, autoOpen: false, modal:true,
        buttons: { 'sluiten': function() { $(this).dialog('close') } } });

    $('a.certificate-dialog-iso9001').click(function () {
        $('div#certificate-dialog-iso9001').dialog('open');
        return false;
    });
    // Goedkeuring dialog.
    $('div#certificate-dialog-keuring').dialog({ title:'Certificaat van goedkeuring', width:625, height:930, autoOpen: false, modal:true,
        buttons: { 'sluiten': function() { $(this).dialog('close') } } });

    $('a.certificate-dialog-keuring').click(function () {
        $('div#certificate-dialog-keuring').dialog('open');
        return false;
    });
    // BHV dialog.
    $('div#certificate-dialog-bhv').dialog({ title:'Certificaat Bedrijfshulpverlening', width:525, height:820, autoOpen: false, modal:true,
        buttons: { 'sluiten': function() { $(this).dialog('close') } } });

    $('a.certificate-dialog-bhv').click(function () {
        $('div#certificate-dialog-bhv').dialog('open');
        return false;
    });

    // Show page.
    $('div#main').show();
});


//--------------------------------------------------------------------
function fillup() {
	if (iedom) {
		cross_slide = document.getElementById ? document.getElementById("sliderElement1") : document.all.sliderElement1;
		cross_slide2 = document.getElementById ? document.getElementById("sliderElement2") : document.all.sliderElement2;
		cross_slide.innerHTML = cross_slide2.innerHTML = leftrightslide;
		actualwidth = document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
		cross_slide2.style.left = actualwidth + slideshowgap + "px";
	} else if (document.layers) {
		ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
		ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
		ns_slide.document.write(leftrightslide);
		ns_slide.document.close();
		actualwidth = ns_slide.document.width;
		ns_slide2.left= actualwidth + slideshowgap;
		ns_slide2.document.write(leftrightslide);
		ns_slide2.document.close();
	}

	lefttime = setInterval("slideleft()",30);
}

//--------------------------------------------------------------------
function changeImg(imgUrl) {
    //document['picture'].src = imgUrl;
    document.getElementById('picture').src = imgUrl;
}

//--------------------------------------------------------------------
function slideleft() {
	if (iedom) {
		if (parseInt(cross_slide.style.left) > (actualwidth * (-1) + 8))
			cross_slide.style.left = parseInt(cross_slide.style.left) - copyspeed + "px";
		else
			cross_slide.style.left = parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px";

		if (parseInt(cross_slide2.style.left) > (actualwidth * (-1) + 8))
			cross_slide2.style.left = parseInt(cross_slide2.style.left) - copyspeed + "px";
		else
			cross_slide2.style.left = parseInt(cross_slide.style.left) + actualwidth+slideshowgap + "px";
	} else if (document.layers) {
		if (ns_slide.left > (actualwidth * (-1) + 8))
			ns_slide.left -= copyspeed;
		else
			ns_slide.left = ns_slide2.left + actualwidth + slideshowgap;

		if (ns_slide2.left > (actualwidth * (-1) + 8))
			ns_slide2.left -= copyspeed;
		else
			ns_slide2.left = ns_slide.left + actualwidth + slideshowgap;
	}
}

//--------------------------------------------------------------------
function showSlides() {
	if (iedom || document.layers) {
		with (document) {
			document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');

			if (iedom) {
				write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">');
				write('<div id="sliderElement1" style="position:absolute;left:0px;top:0px"></div>');
				write('<div id="sliderElement2" style="position:absolute;left:-1000px;top:0px"></div>');
				write('</div></div>');
			} else if (document.layers) {
				write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
				write('</ilayer>');
			}

			document.write('</td></table>');
		}
	}
}


var leftrightslide = new Array();
leftrightslide[0]='<img src="images/fotobalk.jpg">';

var sliderwidth = "788px";
var sliderheight = "72px";
var slidespeed = 1;
var slidebgcolor="#003300";

var imagegap = "";
var slideshowgap = 0;

var copyspeed = slidespeed;
leftrightslide = '<nobr>' + leftrightslide.join(imagegap) + '</nobr>';
var iedom = document.all || document.getElementById;

if (iedom) document.write('<span id="temp" style="visibility:hidden; position:absolute; top:-100px; left:-9000px">' + leftrightslide + '</span>');

var actualwidth = '';
var cross_slide, ns_slide;

window.onload=fillup;