/*
*/
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();
		
		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);
		}
	}
);

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();
				}
			);
		}
	);
}

/*
	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: 4,
			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: 4,
			buttonNextHTML: null,
			buttonPrevHTML: null,
			visible: 5,
			animation: "fast",
			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 ) {
					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></dd>").append( a );
							
							if (searchtype == "magazine") {
							
								dd.insertAfter(".magazine");
							
							} else if (searchtype == "agenda"){
							
								dd.insertAfter(".agenda");
							
							} else {
								
								dl.append( dd );
							
							}
						}
					);
					
					$(".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 ) {
					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\"></div>").append( div );
							
							item.insertAfter( parent );
						}
					);
						
					$(".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) {

	document.getElementById('googleHandler').src = "http://shop.muziek.nl/xingo/zoekmuziek_google.php?str=" + str + "&type=" + type + "&limit=" + limit;
	
	$.get(
		"http://shop.muziek.nl/xingo/zoekmuziek.php?str=" + str + "&type=" + type + "&limit=" + limit,
		{},
		convertXML,
		"xml"
	);
}
function getSearchResults(str, type, limit) {
	$.get(
		"http://shop.muziek.nl/xingo/zoekmuziek.php?str=" + str + "&type=" + type + "&limit=" + 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", "50" );
	
	/* 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 : "/page/search/" + trefwoord } ).html( "meer resultaten..." );
		var p = $("<p></p>").addClass("more-details").append( a );
		container.append( p );
		$("#searchresults").append( container );
	}
	clearTimer();
}
/*
*/
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";
	
	$("a[@href^='http']:not([@href^='http://" + h + "']):not([@href^='http://www." + h + "']):not([@href^='" + h2 + "']):not([@href^='" + h3 + "']), a[@href$='.pdf']").attr("target","_top");
}