//CUSTOM jQuery image rotator for Skills Netherlands
//Author: http://www.rogierdejong.com
//
// definieer bannernaam en link in de data array
// deze worden random rotated weergegeven in de div #rotator


// locatie van dit script
var home_url = 'http://www.skillsnetherlands.nl/footer/';

// arrays met logo's en bijbehorende links
var logos = [
	'stayokay.jpg',
	'dit-is-mbo.jpg',
	'logo-vakcollege.jpg',
    'logo_0000_gemeente rotterdam.jpg',
    'logo_0001_SHM.jpg',
    'logo_0002_SVH.jpg',
    'logo_0003_GLR.jpg',
    'logo_0004_VO raad.jpg',
    'logo_0005_ROC mondriaan.jpg',
    'logo_0006_Noordepoort college.jpg',
    'logo_0007_ROC Midden Nederland.jpg',
    'logo_0008_Amarantis.jpg',
    'logo_0009_OTIB.jpg',
    'logo_0010_Ecabo.jpg',
    'logo_0011_Fundeon.jpg',
    'logo_0012_Savantis.jpg',
    'logo_0013_VOC.jpg',
    'logo_0014_Aequor.jpg',
    'logo_0015_MBO raad.jpg',
    'logo_0016_Bureau Top.jpg',
    'logo_0017_hmc.jpg',
    'logo_0018_Calibris.jpg',
    'logo_0019_SPV.jpg',
    'logo_0020_NVKL.jpg',
    'logo-interforce.jpg',
	'logo-sbb.jpg',
    'logos_hago.jpg'
];

var urls = {
    'stayokay.jpg' : 'http://www.stayokay.nl/',
    'dit-is-mbo.jpg' : 'http://www.ditismbo.nl/',
    'logo-vakcollege.jpg' : 'http://www.hetvakcollege.nl/',
    'logo_0000_gemeente rotterdam.jpg' : 'http://www.rotterdam.nl/',
    'logo_0001_SHM.jpg' : 'http://www.shm.nl',
    'logo_0002_SVH.jpg' : 'http://www.svh.nl',
    'logo_0003_GLR.jpg' : 'http://www.glr.nl',
    'logo_0004_VO raad.jpg' : 'http://www.vo-raad.nl',
    'logo_0005_ROC mondriaan.jpg' : 'http://www.mon3aan.nl',
    'logo_0006_Noordepoort college.jpg' : 'http://www.noorderpoort.nl',
    'logo_0007_ROC Midden Nederland.jpg' : 'http://www.rocmn.nl',
    'logo_0008_Amarantis.jpg' : 'http://www.amarantis.nl',
    'logo_0009_OTIB.jpg' : 'http://www.otib.nl',
    'logo_0010_Ecabo.jpg' : 'http://www.ecabo.nl',
    'logo_0011_Fundeon.jpg' : 'http://www.fundeon.nl',
    'logo_0012_Savantis.jpg' : 'http://www.savantis.nl',
    'logo_0013_VOC.jpg' : 'http://www.vocar.nl',
    'logo_0014_Aequor.jpg' : 'http://www.aequor.nl',
    'logo_0015_MBO raad.jpg' : 'http://www.mboraad.nl',
    'logo_0016_Bureau Top.jpg' : 'http://www.bureautop.nl',
    'logo_0017_hmc.jpg' : 'http://www.hmcollege.nl',
    'logo_0018_Calibris.jpg' : 'http://www.calibris.nl',
    'logo_0019_SPV.jpg' : 'http://www.platformsvmbo.nl',
    'logo_0020_NVKL.jpg' : 'http://www.nvkl.nl',
    'logo-interforce.jpg' : 'http://www.interforce.eu',
	'logo-sbb.jpg' : 'http://www.s-bb.nl/start.html',
    'logos_hago.jpg' : 'http://www.hago.nl'
};


/* VERDER NIKS AANPASSEN!! */

// voorkom conflict met mootools
var $j = jQuery.noConflict();

//shuffle logo's
shuffle = function(o){
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};
logos_s = shuffle(logos);

// rotate functie
function swapImages(){
  var $active = $j('.rme .active');
  var $vakje = $j('.active').attr('id');
  var $next = ($j('.rme .active').next().length > 0) ? $j('.rme .active').next() : $j('#1 a:first, #2 a:first, #3 a:first, #4 a:first, #5 a:first, #6 a:first, #7 a:first, #8 a:first');
  $active.fadeOut(function(){
    $active.removeClass('active');
    $next.fadeIn().addClass('active');
  });
}


// DOM operations
jQuery(document).ready(function() { 

	$j('head').append('<link href="' + home_url + 'rotator_style.css" rel="stylesheet" type="text/css" />');   
	
	$j('#rotator').height('74px');
	
	//vakken creeeren en opvullen
	var logo_div = '';
	var breedte = 8;
	var aantal = logos.length;
	var y = aantal / breedte;
	
	var i=1;
	for (i=1;i<=breedte;i++){
		$j('#rotator').append('<div id=' + i + ' class=rme></div>');
	}
	
	var q=1;
	var d=0;
	$j.each(logos, function(key, value) {
		if(q==9){ q=1; d=1 }
		
		$j('#rotator #' + q).append('<a href="'+urls[value]+'" target="_blank"><img src="' + home_url +'logos/' + value + '" alt="Bezoek onze partner website" class='+q+' /></a>');		
		
		q++;
	});
	
	var i=1;
	for (i=1;i<=breedte;i++){
		$j('#rotator #'+i+' a:first').addClass('active');
	}
	
		
	// Run our swapImages() function every 5secs
	setInterval('swapImages()', 5000);

});