$(document).ready(function(){

	$("body.home p.intro a.read-more").click(function(){
		$("div.hidden").removeClass("hidden");
		$(this).hide();
		maxBottomY = $("div#footer-holder").offset().top - $("div#sidebar").height();
		return false;
	});
	
	// Scroll menu
	
	fixed = false;
	leftChanged = false;
	menuLeft = $("div#sidebar").offset().left;
	newLeft = menuLeft;
	menuTop = $("div#sidebar").offset().top;
	maxBottomY = $("div#footer-holder").offset().top - $("div#sidebar").height();
	windowWidth = $(window).width();

	$(window).scroll(function() {
	    if(menuLeft != newLeft){
	    	menuLeft = newLeft;
	    }
	    if( $(this).scrollTop() > menuTop - 20 ) {
	        if($("div#article-content").height() > $("div#sidebar").height()){
	       		if( !fixed ) {
	        		fixed = true;
	            	$("div#sidebar").css({position:"fixed",top:"-30px", left:menuLeft});
	       		}
	       		if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
					{
					     var ipadTop = (window.pageYOffset);
					     $("div#sidebar").css("position", "absolute");
					     $("div#sidebar").css({top: ipadTop + "px", left:"0px"});
					}

	        	if($(this).scrollTop() >= maxBottomY - 50 - 28) {
		        	fixed = false;
					$("div#sidebar").css("position" , "absolute");
				    $("div#sidebar").css("top" , maxBottomY - 128 + "px");
					$("div#sidebar").css("left" , 0);	
				}
			}
	    } else {
	        if( fixed ) {
	            fixed = false;
	            $("div#sidebar").css({position:"static"});
	        }
	    }
	});
	
	$(window).resize(function(){
		if(!fixed)
		{
			menuLeft = $("div#sidebar").offset().left;
			newLeft = menuLeft;
			menuTop = $("div#sidebar").offset().top;
			windowWidth = $(window).width();
		}
		if(fixed)
		{
			var diffWindowSize = $(window).width() - windowWidth;
			newLeft = menuLeft + diffWindowSize / 2;
			$("div#sidebar").css("left", newLeft + "px");
			leftChanged = true;
		}
	});
	
	// Colorbox
	
	$("a.btn-thanks").colorbox({
		opacity: 0.2,
		width: 865,
		height: 710,
		initialWidth: 150,
		initialHeight: 150
	});
	
	$("a.lightbox").colorbox({
		opacity: 0.2,
		initialWidth: 150,
		initialHeight: 150
	});
	
	// VIDEO
	
	$("video").VideoJS();
	
	// Tooltip
	
	var toolTipStyle = {
		background: "#000",
		border: 0,
		color: '#fff',
		textAlign: 'left',
		width: 330,
		tip: false
	};

	var toolTipPosition = {
		corner: {
			tooltip: "leftMiddle",
			target: "rightMiddle"
		},
		adjust: {
			x: 0,
			y: 0
		}
	};
	
	var toolTipHide = {
		when: 'mouseout',
		fixed: true,
		delay: 200
	}; 

	// Regelen van de Tooltips
	$('strong.footnote.fondsenwerving-1').qtip({
		show: 'mouseover',
		hide: 'mouseout',
		content: "Regelmatig krijgt STOP AIDS NOW! vragen over haar beleggingsbeleid. Daar kunnen we kort over zijn: STOP AIDS NOW! belegt niet. De financi&euml;le middelen van STOP AIDS NOW! worden op deposito, spaar- en betaalrekeningen geplaatst. Het primaire doel van STOP AIDS NOW! is om de doelstellingen zo goed mogelijk te realiseren en alle middelen daarvoor in te zetten. Risicovol beleggen past niet in de visie van STOP AIDS NOW!.",
		position: toolTipPosition,
		style: toolTipStyle,
		hide: toolTipHide
	});
	
	$('strong.footnote.fondsenwerving-2').qtip({
		show: 'mouseover',
		hide: 'mouseout',
		content: "STOP AIDS NOW! wil zo transparant mogelijk zijn; daarom wordt ook het directiesalaris en de onderbouwing daarvan op onze website gepubliceerd. Daarnaast hebben vanwege de blijvende maatschappelijke en ook politieke belangstelling voor de directiesalarissen bij goede doelen de leden van de VFI afgesproken hierover uitgebreid in het jaarverslag en jaarrekening te rapporteren. STOP AIDS NOW! volgt deze afspraak. De rapportage gebeurt volgens een vast format dat onderlinge vergelijking tussen goede doelen mogelijk maakt. In dit jaarverslag vindt uitgebreide verantwoording plaats in de Verantwoordingsverklaring en in de Toelichting op de Staat van Baten en Lasten. Ook op onze website kunt u meer lezen over de <a href='http://www.stopaidsnow.nl/stopaidsnow_artikel/salaris_directeur_stop_aids_now'>normen voor directiesalarissen</a>",
		position: toolTipPosition,
		style: toolTipStyle,
		hide: toolTipHide
	});
	
	$('strong.footnote.financien').qtip({
		show: 'mouseover',
		hide: 'mouseout',
		content: "Dit bedrag is inclusief de bijdrage van <br/>&euro; 8.800.000 uit het Droomfonds van de Nationale Postcode Loterij",
		position: toolTipPosition,
		style: toolTipStyle,
		hide: toolTipHide
	});
	
	$('strong.epidemiologie').qtip({
		show: 'mouseover',
		hide: 'mouseout',
		content: "<a href='http://www.stopaidsnow.org/documents/SAN_Strategisch_Plan_2010_WEB_los.pdf'>STOP AIDS NOW! Strategic Plan 2010 &ndash; 2015 (pdf)</a> &lsquo;Making it work. Capitalising on working together towards a world without AIDS.&rsquo;",
		position: {
			corner: {
				tooltip: "bottomMiddle",
				target: "topMiddle"
			}
		},
		style: toolTipStyle,
		hide: toolTipHide
	});
	
	
	//Check if browser is below IE7 and show update bar 
	
	if($.browser.msie && $.browser.version=="6.0") { 
		$("body").prepend('<div id="ie6bar"><div class="holder"><div class="left"><strong>U gebruikt een oude versie van Internet Explorer</strong><p>Helaas wordt Internet Explorer 6 niet meer ondersteund op onze website. Wij raden u aan over te schakelen naar &eacute;&eacute;n van de moderne browsers uit het overzicht hiernaast.</p></div><div class="right"><a href="http://www.mozilla.com/nl/firefox/" class="firefox" title="Firefox">Firefox</a><a href="http://www.google.com/chrome" class="chrome" title="Chrome">Chrome</a><a href="http://www.apple.com/safari/" class="safari" title="Safari">Safari</a><a href="http://www.beautyoftheweb.com/#/download/" class="ie9" title="Internet Explorer 9">IE9</a></div></div></div>') 
	} 
	
	
	
	footnoteLinks("div#article-content", "body");
	
	var userAgent = navigator.userAgent.toString().toLowerCase();
	if ((userAgent.indexOf('safari') != -1) && !(userAgent.indexOf('chrome') != -1)) {
		$("body").addClass("safari");
  	}


}); //end document


function footnoteLinks(container, target) {

	// only append list if there are any links
	if($(container + " a").length != 0){
		// append header and list to the target
		$(target).append("<h2 class='printOnly'>Links</h2>");
		$(target).append("<ol id='printlinks' class='printOnly'></ol>");
	}	

	var myArr = []; // to store all the links
	var thisLink;   // to store each link individually
	var num = 1; // to keep count
	
	// loop trough all the links inside container
	$(container + " a").each(function(){
		if($(this).attr("href") != "" && $(this).attr("href") != "#" && !$(this).hasClass("lightbox") && !$(this).hasClass("tooltip")){
			thisLink = $(this).attr("href");
			// if current link is not already in the list, add current link to the list
			if($.inArray(thisLink, myArr) == -1){
				$(this).after("<sup class='printOnly'>" + num + "</sup>");
				$("ol#printlinks").append("<li>" + thisLink + "</li>");
				myArr.push(thisLink);
				num++;	
			}else{
				$(this).after("<sup class='printOnly'>" + parseInt($.inArray(thisLink, myArr) + 1) + "</sup>");
			}
		}
	});
	if($("sub.printOnly").length == 0){
			$("h2.printOnly").remove();
			$("ol.printOnly").remove();
	}
}








