/*

*/

function initAgenda()

{

	var IE = (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) ? 0 : 1;

	

	$(".agenda .info").hide();
	$(".agenda .toevoegen a").click(

	

		function()

		{

			var checkElement = $(this).parent().parent().next();

									

			if ( checkElement.is("tr") && checkElement.is(":visible") )

			{

				$(this).removeClass("collapse");				

				

				if ( IE )

				{

					checkElement.hide()

				} else {

					checkElement.slideUp(800);

				}

				

			} else {

			

				$(this).addClass("collapse");

				

				if ( IE )

				{

					checkElement.show();

				} else {

					checkElement.slideDown(800);

				}

				

			}

			

			return false;

		}

	);

}

/*
	fontgroote veranderen en laatste aanpassing bewaren in cookie
*/
function initFontSizer()
{

	var stylesheet = "big.css";

	var fs = document.getElementById('fontsizer');
	
	if ( !fs ) return;
	
	var btns = fs.getElementsByTagName('a');
	
	var cookieName = "isLarge";
	
	disableStyleSheet("large", true);
	
	var isLarge = readCookie( cookieName ) || 0;
	
	if ( isLarge == 1 ) disableStyleSheet("large", false );
	
	var smaller = btns[0];
	var bigger = btns[1];
	
	
	smaller.onclick = function()
	{
		disableStyleSheet("large", true);
		
		createCookie( cookieName, 0, 365 );
		
		//return false;
	}

	bigger.onclick = function()
	{
		disableStyleSheet("large", false );
		
		createCookie( cookieName, 1, 365);
		
		//return false;
	}
}
function disableStyleSheet(title, disabled )
{
	var links = document.getElementsByTagName("link");
	
	for( var i = 0; i < links.length; i++)
	{
		var a = links[i];
		if( a.getAttribute("title") && a.getAttribute("title") == title ) 
		{
			// alert( disabled );
			a.disabled = disabled;
		}
	}
}


/*
	cookies
*/
function createCookie(name, value, days )

{

	if ( days )

	{

		var date = new Date();

		date.setTime( date.getTime() + ( days * 24 * 60 * 60 * 1000 ) );

		var expires = "; expires=" + date.toGMTString();

	} else {

	

		var expires = "";

	}

	

	document.cookie = name + "=" + value + expires + "; path=/";

}
function readCookie( name )

{

	var nameEQ = name + "=";

	var ca = document.cookie.split(";");

	

	for( var i = 0; i < ca.length; i++)

	{

		var c = ca[i];

		while( c.charAt(0) == " " ) c = c.substring( 1, c.length );

		if ( c.indexOf(nameEQ) == 0 ) return c.substring( nameEQ.length, c.length );

	}

	

	return null;

}
function eraseCookie(name)

{

	createCookie(name, "", -1);

}
/*

	

*/
function initCarousel()

{

	function changeTab()
	{
		var index = this.id.split("_")[1] || 0;

				

		$("#news-cycler li a").each(

			function(i,val)

			{

				if ( i == index )

				{

					$(this).addClass("active");

				} else {

					$(this).removeClass("active");

				}

			}

		);		

	}

	

	$(

		function()

		{

			$('#news-cycler .news-items').cycle(

				{

					timeout: 5000,

					speed: 1000,

					before: changeTab

				}

			);

		}

	);

}

function initDropShadows()
{

	var headings = $('.shadow');	

	headings.each(

		function()
		{

			var txt = $(this).text();

			var span = $("<span></span>");
			
			span.text(txt);

			var schaduw = span.clone();

			schaduw.css({ top: "10px", left: "12px", color: "#000"});


			$(this).html("");
			$(this).append(schaduw);
			$(this).append(span);
		}
	);

}

$( document ).ready( 

	function() {

		initAgenda();
		initFontSizer();
		initSearchBox();
		initCarousel();
		initAlbumScroller();
		initAlbumSecondaryScroller();
		initHiliteBlocks();		
		initDropShadows();		
		initTrackList();
		initPopup();
		initExternalLinks();
		initCommentsLink();
		initViewstacks();

		var currentPage = location.href;
		var currentPage = currentPage.split('/');
		var currentPage = currentPage[4];
		
		var searchStr = location.href;
		var searchStr = searchStr.split('/');
		var searchStr = searchStr[5];
		
		if (currentPage == "search") {
			initSearch(searchStr);
		}
		
		$('.photo-album a').lightBox();
		$('.latest-photo-album a').lightBox();	
		$('.photo-album-teaser a').lightBox();			


	}

);


function initViewstacks()
{
	/*
		.viewstack
			.tabs
				li -> .view
				li -> .view
				li -> .view			
		
	*/
	
	var tabs = $(".viewstack .tabs a");
	$(".viewstack .view:gt(0)").hide();
	
	tabs.each(
		
		function(i)
		{
			$(this).click(
			
				function(e)
				{
					$(".viewstack .tabs .active").removeClass("active");
					
					$(this).addClass("active");
					
					$(".viewstack .view").hide();
					$(".viewstack .view:eq(" + i + ")").show();
					
					e.preventDefault();
				}
			);
		}
	);
	
	$(".viewstack .view:eq(0)").show();
	$(".viewstack .tabs a:eq(0)").addClass("active");
}


/*

	initialiseren miniplayertjes downloadshop en id's opslaan in array.

	in flash wordt stopAudioItems aangeroepen en bevind zich een callback voor stopAudio

	zodat tracks niet door elkaar heen spelen

*/
var audioItems = new Array();
function initTrackList()

{

	$(".playlist a.audio").each(

	

		function(i)

		{

			var id = 'audioItem' + i;

			

			audioItems.push(id);

			

			$(this).attr( {id: id})

			

			var mp3 = escape( $(this).attr("href") );

			

			var flashvars = { mp3: mp3 };

			var params = { wmode: "transparent" };

			var attributes = {};

					

			swfobject.embedSWF("/static/flash/miniplayer.swf", id, "16", "17", "9.0.0", "static/flash/expressInstall.swf", flashvars, params, attributes );

		}

	

	);

	

}
/* wordt aangeroepen vanuit flash */

function stopAudioItems()

{

	for( var i = 0; i < audioItems.length; i++)

	{

		MM_findObj( audioItems[i] ).stopAudio();

	}

}
/*

	omdat getElementById niet werkt met externalinterface

*/

function MM_findObj(n, d) { //v3.0

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;

}
/*

	behaviour vierkante actieblokjes

*/

function initHiliteBlocks()

{

	var hilites = $(".hilite");

	

	hilites.mouseover(

	

		function()

		{

			$(this).addClass("over");

		}

	);

	

	hilites.mouseout(

	

		function()

		{

			$(this).removeClass("over");

		}

	);

	

	hilites.click(

	

		function()

		{

			var url = $(this).find("a.details").attr("href");

			

			if (url) document.location.href = url;

		}

	);	

}

/*

	jcarousel albumblokjes

*/
function albumScrollerNav(carousel)

{

	jQuery('.albums-right').bind('click', function() {

        carousel.next();

        return false;

    });
    jQuery('.albums-left').bind('click', function() {

        carousel.prev();

        return false;

    });

}
function initAlbumScroller()

{

	$("#album-carousel").jcarousel(

		{

			scroll: 1,

			buttonNextHTML: null,

			buttonPrevHTML: null,

			visible: 5,

			animation: "slow",

			initCallback : albumScrollerNav

		}

	);	

}
function albumScrollerSecondaryNav(carousel)

{

	jQuery('.albums-secondary-right').bind('click', function() {

        carousel.next();

        return false;

    });
    jQuery('.albums-secondary-left').bind('click', function() {

        carousel.prev();

        return false;

    });

}
function initAlbumSecondaryScroller()

{

	$("#album-secondary-carousel").jcarousel(

		{

			scroll: 1,

			buttonNextHTML: null,

			buttonPrevHTML: null,

			visible: 5,

			animation: "slow",

			initCallback : albumScrollerSecondaryNav

		}

	);	

}
function jcarousel_initCallback(carousel)

{	

	var btns = $(".resultsnav .carouselbutton");

	

	btns.bind(

		

		"click",

		function()

		{

			btns.each(

				function()

				{

					$(this).removeClass("active");

				}

			);

			

			var i = parseInt( this.rel );

			

			carousel.scroll( i );

			

			$(this).addClass("active");

			

			

			return false;

		}

	);

	

	carousel.scroll( 1 );

}

/*
	xml zoekresultaten omzetten naar dom-objecten
*/	
function convertXML(xml) {

	var xmlResults = $(xml).find("result");
	var numResults = xmlResults.length;
	var trefwoord = $(xml).find("results").attr("match");
	var searchtype = $(xml).find("results").attr("type");
	
	if (searchtype == "magazine" || searchtype == "agenda" || searchtype == "video") {
	
		var dl = $("#magvid");
		
	} else {
	
		var dl = $("#"+searchtype);
		
	}
	
	if ( numResults > 0) {

		var xmlResultsSets = $(xml).find("resultset");
		var container = $("<div></div>").addClass("container");

		xmlResultsSets.each(

			function() {

				xmlResults = $(this).find("result");

				var numResults = $(this).attr("num");
				var rubriek = $(this).attr("rubriek");

				if ( numResults > 0 ) {
					
					var i = 0;
					xmlResults.each(

						function() {						

							var item_name = $(this).find("item_name").text();
							var item_url = $(this).find("item_url").text();

							if (rubriek == "Video") {

								var a = $("<a target=\"_blank\"></a>").attr( { href : item_url } ).html( item_name );

							} else {

								var a = $("<a></a>").attr( { href : item_url } ).html( item_name );

							}

							var dd = $("<dd id=\"dditem_" + searchtype + "_" + i +"\"></dd>").append( a );
							
							if (searchtype == "magazine") {
							
								if(i == 0) { 
							
									dd.insertAfter(".magazine");
								}
								else {
									dd.insertAfter(".magazine");
									dd.insertAfter("#dditem_" + searchtype + "_" + (i-1));
								}
							
							} else if (searchtype == "agenda"){
							
								dd.insertAfter(".agenda");
							
							} else {
								
								dl.append( dd );
							
							}
							
							i++;
						}

					);
					
					$(".loader_"+searchtype).fadeOut();

				}

			}

		);

	} else {

		$(".loader_"+searchtype).fadeOut();
		
		var dd = $("<dd></dd>").text( "geen resultaten gevonden" );

		if (searchtype == "magazine") {

			dd.insertAfter(".magazine");

		} else if (searchtype == "agenda" || searchtype == "video") {
		
			$("."+searchtype).remove();
	
	/*		
		} else if (searchtype == "agenda" || searchtype == "video") {
			
			$("."+searchtype).fadeOut();
	*/
		} else {

			dl.append( dd );

		}


		if (searchtype == "magazine" || searchtype == "artiest") {			
		
			$(".loader_"+searchtype).fadeOut();
		
		}

	}

	hideLoader();

}

/*
	xml zoekresultaten omzetten naar dom-objecten voor search pagina
*/	
function convertSearchXML(xml) {

	var xmlResults	= $(xml).find("result");
	var numResults	= xmlResults.length;
	var trefwoord	= $(xml).find("results").attr("match");
	var searchtype	= $(xml).find("results").attr("type");
	var parent		= $("#to_"+searchtype);

	if ( numResults > 0) {

		var xmlResultsSets = $(xml).find("resultset");

		xmlResultsSets.each(

			function() {

				xmlResults = $(this).find("result");

				var numResults = $(this).attr("num");
				var rubriek = $(this).attr("rubriek");
				
				if ( numResults > 0 ) {
					var i = 0;
					
					xmlResults.each(

						function() {						

							var item_name = $(this).find("item_name").text(); 
							var item_url = $(this).find("item_url").text();

							if (rubriek == "Video") {

								var a = $("<a target=\"_blank\"></a>").attr( { href : item_url } ).html( item_name );

							} else {

								var a = $("<a></a>").attr( { href : item_url } ).html( item_name );

							}

							var h4		= $("<h4></h4>").append( a );
							var div		= $("<div></div>").append( h4 ); 
							var item	= $("<div class=\"item\" id=\"item_" + searchtype +"_" + i +"\"></div>").append( div );
														
							if(i == 0) {
								item.insertAfter( parent );
							}
							else {
								item.insertAfter($("#item_" + searchtype +"_" + (i-1)));	
							}
							
							
							i++;
						}
						
						
						
					);
						
					$(".loader_"+searchtype).fadeOut();

				}

			}

		);

	} else {
				
		var p = $("<p></p>").text( "geen resultaten gevonden" );

		if (searchtype == "agenda" || searchtype == "video") {
		
			$(".wrap_"+searchtype).fadeOut();
			$("#to_"+searchtype).fadeOut();
					
		} else {
		
			p.insertAfter( parent );
		
		}
						
		$(".loader_"+searchtype).fadeOut();

	}

}

/*

function convertXML2(xml)

{	

	var xmlResults = $(xml).find("result");

	

	var numResults = xmlResults.length;

	

	if ( numResults > 0)

	{	

		var trefwoord = $(xml).find("results").attr("match");	

		

		$("#searchresults").empty();

		

		var results = $("<div></div>");

		results.addClass("box");

		

		var nav = $("<p></p>");

		nav.addClass("resultsnav");

		

		results.append(nav);

		

		var mycarousel = $("<div></div>");

		mycarousel.attr( {id: "mycarousel"});

		

		var slides = $("<ul></ul>");

		slides.addClass("results");		

		

		var xmlResultsSets = $(xml).find("resultset");

	

		xmlResultsSets.each(

		

			function(i)

			{

				var btn = $("<a></a>");

				btn.attr({ rel: (i+1), href: "#"});

				btn.addClass("carouselbutton");

				

				var rubriek = $(this).attr("rubriek");

				var numResults = $(this).attr("num");

				

				if ( i == 0 ) btn.addClass("active");

				

				btn.text( rubriek + " (" + numResults + ")" );

				

				

				btn.click( 

				

					function()

					{

						$(".resultsnav a").removeClass("active");

						$(".resultsnav a:eq(" + i + ")").addClass("active");

						

						$("#mycarousel li").hide();

						$("#mycarousel li:eq( " + i + ")").show();

					}

				)

				

				nav.append(btn);

			}

		);

		

		var sluiten = $("<a></a>");

		sluiten.attr({ href: "#" });

		sluiten.addClass("close");

		sluiten.text('sluiten');

		sluiten.click(

		

			function()

			{

				$("#searchresults").empty();

			}

		);

		

		nav.append(sluiten);

		

	

		

		xmlResultsSets.each(

		

			function()

			{

				var slide = $("<li></li>");

			

				var div = $("<div></div>");

				

				xmlResults = $(this).find("result");

				

				var numResults = $(this).attr("num");

				

				xmlResults.each(

					

					function()

					{

						var src = $(this).find("image").text();

						var url = $(this).attr("url");

						var artist = $(this).find("artist").text();

						var song = $(this).find("song").text();

			

						

						artist = replace( artist, trefwoord, "<i>" + trefwoord + "</i>" );

						song = replace( song, trefwoord, "<i>" + trefwoord + "</i>" );

						

						

						var strong = $("<strong></strong>").html(artist);

						var em = $("<em></em>").html(song);

						

						var a = $("<a></a>");

						

						var imgLink = $("<a></a>");

						

						a.attr( { href : url, rel : artist } );		

						imgLink.attr( { href : url } );

						imgLink.addClass("small");

											

						var end = ( src.substr( src.length - 1, src.length ) );

						

						if ( end != "/" )

						{

							var itemImage = $("<strong></strong>").css("background-image", "url(" + src + ")" ).html( artist );

							imgLink.append( itemImage );

														

							a.append(strong).append(em);

							div.append( imgLink ).append(a);

									

							

						} else {

							

							a.append(strong).append(em);

							div.append(a);	

						

						}															

					}				

				);	

			

				

				slide.append(div);

				slides.append(slide);

			}			

		);		

		

		mycarousel.append(slides);

		

		

		results.append(mycarousel);

		

		$("#searchresults").append(results);

			

		

		

			

	} else {

		

		hideLoader();

		

		$("#searchresults").empty();

	}

	

	hideLoader();

}
*/
function replace( str, naald, rep)

{

	var test = new RegExp( naald, "i");

	return str.replace(test, rep);

}

function getResults(str, type, limit) {

	$.get(
		"http://www.muziek.nl/page/xml_search/" + str + "/" + type + "/" + limit,
		{},
		convertXML,
		"xml"
	);

}

function getSearchResults(str, type, limit) {

	$.get(
		"http://www.muziek.nl/page/xml_search/" + str + "/" + type + "/" + limit,
		{},
		convertSearchXML,
		"xml"
	);

}

/*
	searchbox
*/
var searchBoxTimer = false;
var previousKeyword = "";

function clearTimer() {

	try { window.clearTimeout( searchBoxTimer ); } catch(e) {}

}

function showLoader() {

	$("#loader").fadeIn();

}

function hideLoader() {

	$("#loader").fadeOut();

}

function initSearchBox() {		

	var def = $("#trefwoord").val();		

	$("#trefwoord").bind("focus",
		
		function() {

			if ( $(this).val() == def) {

				$(this).val("");

			}

		}

	);

	$("#trefwoord").bind("blur",
		
		function() {

			if ($(this).val() == "") {

				$(this).val(def); 

			}

		}

	);

	$("#trefwoord").bind("keyup",
	
		function(event) {

			/* escape key */
			if ( event.keyCode == 27 ) {

				clearTimer();

				hideLoader();

				$(this).val("");

				$("#searchresults").empty();

			} else {

				if ( $(this).val() != "" ) {

					showLoader();

					clearTimer();					

					searchBoxTimer = window.setTimeout( 'trySearch()', 1000 );				

				} else {

					clearTimer();		

					hideLoader();

					$("#searchresults").empty();

				}

			}

		}

	);

	$("#searchresults").empty();

	$("#searchresults").bind(

		"click",

		function(event) {

			//alert( event.target.id );

			//alert( $(event.target).is(".resultsbox") );

			if ( $(event.target).is("#searchresults, #searchresults * ") ) {

			} else {

				$("#searchresults").empty();

			}

		}

	);

	$(document.body).mousedown( checkExternalClick );

}

function checkExternalClick(event) {

	var $target = $(event.target);

	if ( $target.parents("#searchresults").length == 0 ) {

		$("#searchresults").empty();

	}

}

function initSearch(searchStr) {

	getSearchResults( searchStr, "magazine", "50" );
	getSearchResults( searchStr, "agenda", "50" );
	getSearchResults( searchStr, "video", "50" );
	getSearchResults( searchStr, "artiest", "50" );
/*
	getSearchResults( searchStr, "download", "50" );
*/
	getSearchResults( searchStr, "winkel", "250" );
	
	/* tijdelijk aangezien de winkel nog niet doorzocht kan worden */
	//	var p = $("<p></p>").text( "geen resultaten gevonden" );
	//	$(".loader_winkel").fadeOut();
	//	p.insertAfter("#to_winkel");
	/* tijdelijk aangezien de winkel nog niet doorzocht kan worden */

}

function trySearch() {

	var trefwoord = $("#trefwoord").val();
	
	if ( trefwoord != "" ) {		

		$("#searchresults").empty();

		var container = $("<div></div>").addClass("container");
		var closer = $("<a></a>").addClass("closer").attr("title","sluiten").attr("href","#").html("sluiten");
		
		closer.click(

			function() {
		
				$("#searchresults").empty();
		
			}
		
		);
		
		container.append( closer );
	
		var html_magvid		= $("<dl id=\"magvid\"><dt class=\"magazine\">Magazine</dt><dd class=\"loader_magazine\">Loading</dd><dt class=\"agenda\">Agenda</dt><dt class=\"video\">Video</dt></dl>");
		var html_artist		= $("<dl id=\"artiest\"><dt>Artiesten</dt></dl>");
		var html_shop		= $("<dl id=\"winkel\"><dt>Winkel</dt><dd class=\"loader_winkel\">Loading</dd></dl>");
	/*	
		var html_download	= $("<dl id=\"download\"><dt>Downloads</dt><dd class=\"loader_download\">Loading</dd></dl>");
	*/

		container.append( html_magvid );
		container.append( html_artist );
		container.append( html_shop );
	/*
		container.append( html_download );
	*/

		$("#searchresults").append( container );

		getResults( trefwoord, "magazine", "6" );
		getResults( trefwoord, "agenda", "2" );
		getResults( trefwoord, "video", "2" );
		getResults( trefwoord, "artiest", "14" );
	/*	
		getResults( trefwoord, "download", "14" );
	*/
		getResults( trefwoord, "winkel", "14" );
		
	/* tijdelijk aangezien de winkel nog niet doorzocht kan worden */
	//	var dd_shop = $("<dd></dd>").text( "geen resultaten gevonden" );
	//	$(".loader_winkel").fadeOut();
	//	html_shop.append( dd_shop );
	/* tijdelijk aangezien de winkel nog niet doorzocht kan worden */

		var a = $("<a></a>").attr( { href : "http://www.muziek.nl/page/search/" + trefwoord } ).html( "meer resultaten..." );
		var p = $("<p></p>").addClass("more-details").append( a );

		container.append( p );

		$("#searchresults").append( container );

	}

	clearTimer();

}

function gotoComments(e)
{
	var pagercontent = $(".pager:last").text();
			
	if( pagercontent ) {
		
		var items = pagercontent.split('-');
		var lastpage = items[items.length-1].replace(" ","");
		
		
		for(var i=1; i<=lastpage; i++) 
		{			
			if($('div#subpage_' + i).is(":visible")) 
			{
				var visibleitem = i;	
				break;
			}				
		}
	
	
		if( lastpage != visibleitem )
		{
			//alert(lastpage);
			//alert(visibleitem);
			showMeHideMe('subpage_' + lastpage,'subpage_' + visibleitem);
			showComments('comments');
		}	
	}
	
}

function initCommentsLink() 
{
	$("a[title='gotocomments']").click( gotoComments );
}

/*

*/
function openWindow(pad,naam,breed,hoog)

{

	var top  = ( (screen.height/2)-(hoog/2) );

	var left = ( (screen.width/2)-(breed/2) );

	window.open(pad, naam, "width=" + breed + ",height=" + hoog +", top=" + top + "px, left=" + left + "px, toolbar=no,location=no,directories=no,status=0,resizable=no,scrollbars=no,menubar=no");

}

function initPopup() 
{
	$("a.popup").each(

		function(i)
		{
			$(this).click(
	

				function()
				{
					var poplink = $(this).attr('href');

									

					openWindow(poplink, i, 480, 420);	

					

					return false;

				}

			);

			

		}

	);

}
/*

function initPopup()

{ 

	$('a.popup').click( function() {

		window.open(this.href,this,'width=480,height=420');  

    	return false;

	});

}

*/
function initExternalLinks()
{

	var h = window.location.host.toLowerCase();
	// $("a[@href^='http']:not([@href^='http://" + h + "']):not([@href^='http://www." + h + "']), a[@href$='.pdf']").attr("target","_blank");
	var h2 = "http://shop.muziek.nl";
	var h3 = "http://new.highfidelitydiscs.nl";
	var h4 = "http://www.muziek.nl";
	
	$("a[@href^='http']:not([@href^='http://" + h + "']):not([@href^='http://www." + h + "']):not([@href^='" + h2 + "']):not([@href^='" + h3 + "']):not([@href^='" + h4 + "']), a[@href$='.pdf']").attr("target","_blank");
}