// (C) Heiloo-Online - alle rechten voorbehouden

// ===== Algemeen ============================================================

function willekeurig(a,b){ 
	return (Math.round(Math.random())-0.5);
}

function dw(s) { 
	document.write(s);
}

// ===== Banners ==============================================================

var bannerCounter = 0;

function BannerObject(url, alt, pic, width, height, animate) {
	this.url = url;
	this.alt = alt;
	this.pic = pic;
	this.width = width; 
	this.height = height;
	if (animate!=null) this.animate = animate;
	else this.animate = true;
	this.used = false;
}

function SchrijfBanner(b) {
	var html = "";
	bannerCounter++;
	html += '<a href=\"' + b.url + '\" title=\"' + b.alt + '\">';
	html += '<img src=' + b.pic;
	html += ' width=' + b.width;
	html += ' height=' + b.height;
	html += ' alt=\"' + b.alt + '\"';
	if (b.animate) var bannerClass = "banner animate";
	else var bannerClass = "banner";
	html += ' class=\"' + bannerClass + '\" />';
	html += '</a> ';
	return html;
}

function SchrijfBannerArray(someArray) {
	var html = "";
	for (i=0; i<someArray.length; i++) { 
		html += SchrijfBanner(someArray[i]);
	}
	return html;
}

function laadBannersBoven(target) {
	
	var banner = new Array();
	
	banner[banner.length] = new BannerObject(
		"http://www.vandersteen-heiloo.nl/",
		"Van der Steen Autobedrijf - bezoek onze online showroom",
		"http://www.heiloo-online.nl/i/advsteenv16.gif",
		234, 60);

	banner[banner.length] = new BannerObject( 
		"http://www.vanderborden.nl/",
		"Van Der Borden Makelaardij",
		"http://www.heiloo-online.nl/i/advborden234x60v2.gif",
		234, 60);
	
	rouleer = 1 + Math.floor (Math.random() * 2);
	switch(rouleer) { 
	
		case 1:
			banner[banner.length] = new BannerObject(
				"http://www.kopsaannemers.nl/",
				"Kops Aannemers",
				"http://www.heiloo-online.nl/i/advkopsaannemers.png",
				234, 60);
			break;

		case 2:
			banner[banner.length] = new BannerObject(
				"http://www.kopskozijnen.nl/",
				"Kops Kozijnen",
				"http://www.heiloo-online.nl/i/advkopskozijnen.gif",
				234, 60);
			break;
	}

	rouleer = 1 + Math.floor (Math.random() * 4);
	switch(rouleer) { 
	
		case 1:
			banner[banner.length] = new BannerObject(
				"http://www.uwklusjesman.nl/",
				"Uw Klusjesman",
				"http://www.heiloo-online.nl/i/advklusjesman.png",
				234, 60);
			break;

		case 2:
			banner[banner.length] = new BannerObject(
				"http://www.drogtrop.nl/",
				"Renault Dealer Drogtrop",
				"http://www.heiloo-online.nl/i/advdrogtrop.gif",
				234, 60);
			break;

		case 3:
			banner[banner.length] = new BannerObject(
				"http://www.kookhuislimmen.nl/",
				"Kookhuis Limmen",
				"http://www.heiloo-online.nl/i/advkookhuislimmen.png",
				234, 60);
			break;

		default:
			banner[banner.length] = new BannerObject(
				"http://www.heiloo-online.nl/adverteren",
				"Adverteren op Heiloo-Online",
				"http://www.heiloo-online.nl/i/advadv234x60.png",
				234, 60);
		break;
	}

	banner.sort(willekeurig);
	
	$(target).html(SchrijfBannerArray(banner));

}

function laadBannersRechts(target) {

	var banner = new Array();
	
	banner[banner.length] = new BannerObject(
		"http://www.bartdalenberg.nl/",
		"Grafisch Buro Bart Dalenberg",
		"http://www.heiloo-online.nl/i/advbartdalenberg.jpg",
		118, 200);
	
	banner[banner.length] = new BannerObject(
		"http://www.ictsense.nl/",
		"ICTSense",
		"http://www.heiloo-online.nl/i/advictsense.gif",
		120, 60);
	
	banner[banner.length] = new BannerObject( 
		"http://www.uitkijkpost.nl/",
		"Lees de Uitkijkpost online",
		"http://www.heiloo-online.nl/i/advuitkijkpost.gif",
		120, 60);

	banner[banner.length] = new BannerObject( 
		"http://www.boonkrommenie.nl/",
		"Boon, Kijken en Luisteren in Stijl",
		"http://www.heiloo-online.nl/i/advboon.gif",
		120, 60);
	
	rouleer = 1 + Math.floor (Math.random() * 3);
	switch(rouleer) { 
	
		case 1: 
			banner[banner.length ] = new BannerObject( 
				"http://www.wijndijck.nl/",
				"Wijndijck - importeur van topwijnen",
				"http://www.heiloo-online.nl/i/advwijndijck.gif",
				120, 60);
		break;
		
		case 2: 
			rouleer2 = 1 + Math.floor (Math.random() * 2);
			switch(rouleer2) {
				case 1: 
					banner[banner.length] = new BannerObject( 
						"http://www.borduuremblemen.nl/",
						"Borduuremblemen.nl",
						"http://www.heiloo-online.nl/i/advborduuremblemen.png",
						120, 60);
				break;
				case 2: 
					banner[banner.length] = new BannerObject( 
						"http://www.shoesforyou.nl/",
						"Hoogste hakken, laagste prijzen",
						"http://www.heiloo-online.nl/i/advshoesforyou.png",
						120, 60);
				break;
			}
		break;
		
		case 3: 
			banner[banner.length] = new BannerObject( 
					"http://www.larsbrillen.nl/",
					"Lars Brillen",
					"http://www.heiloo-online.nl/i/advlarsbrillen.gif",
					120, 60);
		break;
		
	}
	
	rouleer = 1 + Math.floor (Math.random() * 4);
	switch(rouleer) { 
	
		case 1:
			banner[banner.length] = new BannerObject(
				"http://www.hairstudiodigna.nl/",
				"Hairstudio Digna",
				"http://www.heiloo-online.nl/i/advdigna1.gif",
				120, 60);		
		break;
		
		case 2:
			banner[banner.length] = new BannerObject(
				"http://www.hippro.nl/shop/hippro-sp-6.html",
				"Afslankkliniek Hippro",
				"http://www.heiloo-online.nl/i/advhippro2.gif",
				120, 60);		
		break;
		
		case 3:
			banner[banner.length] = new BannerObject(
				"http://www.jpkdesign.nl/",
				"JPKDesign.nl Webdesign Vormgeving",
				"http://www.heiloo-online.nl/i/advjpkdesign.gif",
				120, 60);		
		break;	
	} 
	
	banner.sort(willekeurig);
	
	var sponsoring = new Array();
	sponsoring[sponsoring.length] = new BannerObject( 
		"http://www.dolfinn.nl/",
		"Steun het Dolfinn fonds",
		"http://www.heiloo-online.nl/i/advdolfinn.gif",
		120, 60);
	sponsoring[sponsoring.length] = new BannerObject( 
		"http://www.stichtingreach.nl/",
		"Stichting Reach",
		"http://www.heiloo-online.nl/i/advreach.gif",
		120, 60);
	sponsoring[sponsoring.length] = new BannerObject( 
		"http://www.heilectroo.nl/",
		"Heilectroo",
		"http://www.heiloo-online.nl/i/advheilectroo.png",
		120, 60);
	var j = Math.floor (Math.random() * sponsoring.length);
	banner[banner.length] = sponsoring[j];
	
	$(target).html(SchrijfBannerArray(banner));
	
	$(target).append('<br/><a href="http://www.heiloo-online.nl/nabestellen/" title="Foto\'s nabestellen">Foto\'s nabestellen</a>');
	
	if (!window.sidebar && window.external) { // IE compatible only
		$(target).append('<br/><a href="#" title="Maak startpagina" onClick="this.style.behavior=\'url(#default#homepage)\';this.setHomePage(\'http://www.heiloo-online.nl\');">Maak startpagina</a>');
		$(target).append('<br/><a href="#" title="Toevoegen aan favorieten" onClick="window.external.AddFavorite(\'http://www.heiloo-online.nl\', \'Heiloo-Online\');">Favoriet toevoegen</a>');
	}

}

function setHomepage() {
	
}

function laadSocialAds(target) {
	
	var banner = new Array();

	banner[banner.length] = new BannerObject( 
			"http://onlineheiloo.hyves.nl",
			"Hyves",
			"http://www.heiloo-online.nl/templates/hyves.png",
			120, 30, false);

	banner[banner.length] = new BannerObject( 
			"http://www.twitter.com/heiloo_online",
			"Twitter",
			"http://www.heiloo-online.nl/templates/twitter.png",
			120, 27, false);
	
	banner[banner.length] = new BannerObject( 
			"http://www.facebook.com/pages/Heiloo-Online/279072295094",
			"Facebook",
			"http://www.heiloo-online.nl/templates/facebook.png",
			120, 29, false);
	
	banner[banner.length] = new BannerObject( 
			"http://www.linkedin.com/groups?gid=1254887",
			"LinkedIn",
			"http://www.heiloo-online.nl/templates/linkedin.png",
			120, 30, false);
			
	banner.sort(willekeurig);
	
	$(target).append('<br/>' + SchrijfBannerArray(banner));
}

// ===== Animaties ============================================================

// Algemene fading functie
jQuery.fn.fadeToggle = function(speed, callback) { 
	   return this.animate({opacity: 'toggle'}, speed, 'swing', callback); 
}; 

// Fade to new contents
jQuery.fn.fadeHtml = function(html, speed) {
	var me = this;
	if (speed==null) speed = 200;
	me.fadeToggle(speed, function() {
		me.html(html);
		me.fadeToggle(speed);
	});
}; 

// Animatie voor de banners
function flashBanners() {
	var i = 0;
	var speed = 777;
	$("img.animate").each(function() {
		var banner = $(this);
		setTimeout(function() {
			banner.fadeToggle(speed, function() {
			    banner.fadeToggle(speed, function() {	
			    	// ready
			    });
			});
		}, 2 * speed * i++);
	});
	setTimeout('flashBanners()',56985);
}

// Animatie voor tabs
function showTabs() {
	$("div#tabadverteren").animate({bottom: '50%'}, 'slow', 'swing'); 
}

// Bottom banner
function laadBottomBanner() {
	var from = 30000 + Math.floor (Math.random() * 10000);
	var till = from + 10000;
	var html = '<div id="bottomBanner"><a href="http://www.dolfinn.nl/dolfinnrocks/" title="Dolfinn Rocks">';
	html += '<img src="/i/advdolfinnrocks2010_798x90.png" alt="Dolfinn Rocks"></a></div>';
	$('body').prepend(html);
	setTimeout(function() {
		$('div#bottomBanner').animate({left: '50%'}, 3000, 'swing');
		} , from);
	setTimeout(function() {
		$('div#bottomBanner').animate({left: '-50%'}, 3000, 'swing');
		} , till);
}

// ==== Init ==================================================================


// Liever niet in een frame
if (self!=top) top.location=self.location;

// Als document geladen is
$(document).ready(function(){
	
	// Laad de banners
	laadBannersBoven("#advboven");
	laadBannersRechts("#advrechts");
	laadSocialAds("#bottomrechts");
//	laadBottomBanner();

	// Start animatie banners
	// setTimeout('flashBanners()', 34341);
	
	// Toon tabs
	$("body").prepend('<div id="tabadverteren"><a href="http://www.heiloo-online.nl/adverteren"><img src="http://www.heiloo-online.nl/templates/tabadverteren.png"></a></div>');
//	 setTimeout('showTabs()', 7834);
	
	// Background clickable
	$("body").prepend('<div id="clickable_background" title="AeroVista">&nbsp;</div>');
	$("div#clickable_background").click(function(){
		top.location = "http://www.aerovista.nl/";
	});
	
	// Koppel animatie aan de vlag
	$("div#vlag").click(function () {
		$("div#contents").fadeToggle('slow');
		$("div#clickable_background").fadeToggle('slow');
	});
	
	// Maak ronde hoeken en schaduw
	var myBorder1 = RUZEE.ShadedBorder.create({ corner:8 , shadow:16 });
    myBorder1.render('contents');
	
});