$(document).ready(function () {

//flashobject audioplayer
$('#playeraudio').flash({   swf: '/flash/player.swf',height:'19',width:'250',params:{wmode:'transparent', menu:'false'} , flashvars: {playlistsize:'none' ,repeat:'list',shuffle:'true', autostart:'false',playlist:'bottom',controlbar:'bottom',displayclick:'none',   file:'http://www.praisebandxpress.nl/flash/playlist.xml',   skin: '/flash/nacht/nacht.swf'  }   });

$.getFeed({
		url: '/controls/proxy.php?url=http://www.hyves-feeds.nl/rss/hyves/268162/Praiseband_X_press/events/',
       
	    success: function(feed) {
                         
           var html = '';
            
            for(var i = 0; i < feed.items.length && i < 5; i++) {
            
                var item = feed.items[i];
                var d=item.description;
				var ds = d.replace(/(<([^>]+)>)/ig,"");
				
                html += '<li>'
                + '<a href="'
                + item.link
                + '" target="_blank" class="agendaDatum">'
                + item.title
                + '</a>';
               
                
              
				html += '<a href="'
                + item.link
                + '" target="_blank" class="agendaInfo">'
                + ds 
				+ ' (hyves)</a>'
				+ '</li>';
                
              
            }
            $('#resultAgenda b').replaceWith(html);
			callback();
            //$('#resultNews').append(html);
        }
		
    });


$.getFeed({
		url: '/controls/proxy.php?url=http://www.hyves.nl/rss/hyves/268162/Praiseband_X_press/blog/',
       
	    success: function(feed) {
                         
           var html = '';
            
            for(var i = 0; i < feed.items.length && i < 5; i++) {
            
                var item = feed.items[i];
                var d=item.description;
				var ds = d.replace(/(<([^>]+)>)/ig,"");
				
                html += '<dt>'
                + '<a href="'
                + item.link
                + '" target="_blank">'
                + item.title
                + '</a>'
                + '</dt>';
                
                html += '<dd>'
				 + '<a href="'
                + item.link
                + '" target="_blank">'
                + ds
				+ '</a>'
				+ '<a href="'
				+ item.link
				+'" class="readmore"  target="_blank">lees verder...(hyves)</a>'
                + '</dd>';
                
              
            }
            $('#resultNews b').replaceWith(html);
			callback();
            //$('#resultNews').append(html);
        }
		
    });
 
 
	

	//SubNav
	$('.navContainer li.headlink').hover(
			function() { $('#submenu', this).css('display', 'block'); },
			function() { $('#submenu', this).css('display', 'none'); });

   /*
   $('#welcomeSlides').cycle({ 
        timeout: 3500, 
        speed:   1000,
    });    
    $('#valueFades').cycle({ 
        timeout: 3500, 
        speed:   1000,
    });			
	*/
	
	//scrollbar		
	$('.scrollable').jScrollPane({ showArrows: true, scrollbarWidth: 9});
	
		//tooltips
	$('#headerContainer a').tooltip({
		track: true,
		delay: 0,
		showURL: false,
		showBody: " - ",
		fade: 50
	});
	
	$(".slidetab").click(function(event) {
    $(".slidetab").removeClass("slidetab-active");
    $(event.target).addClass("slidetab-active");
	});
	var panels = $('#slider .scrollContainer > div');
	var container = $('#slider .scrollContainer');
	
	// if false, we'll float all the panels left and fix the width
	// of the container
	var horizontal = false;

	// float the panels left if we're going horizontal
	if (horizontal) {
    panels.css({
      'float' : 'left',
      'position' : 'relative' // IE fix to ensure overflow is hidden
    });

	// calculate a new width for the container (so it holds all panels)
		container.css('width', panels[0].offsetWidth * panels.length);
	}

	// collect the scroll object, at the same time apply the hidden overflow
	// to remove the default scrollbars that will appear
	var scroll = $('#slider .scroll').css('overflow', 'hidden');
	
	// apply our left + right buttons
	scroll
	.before('<img class="scrollButtons left" src="' + path_to_slider + '/gfx/scroll-left.png" />')
	.after('<img class="scrollButtons right" src="' + path_to_slider + '/gfx/scroll-right.png" />');
	
	// handle nav selection
	function selectNav() {
		$(this)
		.parents('ul:first')
	 	.find('a')
		.removeClass('selected')
		.end()
		.end()
		.addClass('selected');
	}

	//$('#slider .navigation').find('a').click(selectNav);
	$('.navContainer').find('a').click(selectNav);
	
	// go find the navigation link that has this target and select the nav
	function trigger(data) {
		var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
		selectNav.call(el);
	}
	
	if (window.location.hash) {
		trigger({ id : window.location.hash.substr(1) });
	} else {
		$('ul.navigation a:first').click();
	}

	var offset = parseInt((horizontal ? container.css('paddingTop') : container.css('paddingLeft')) || 0) * -1;
	var scrollOptions = {
	    target: scroll, // the element that has the overflow
		 // can be a selector which will be relative to the target
	    items: panels,
		navigation: '.navigation a',
		// selectors are NOT relative to document, i.e. make sure they're unique
		prev: 'img.left',
		next: 'img.right',
		// allow the scroll effect to run both directions
		axis: 'xy',
		onAfter: trigger, // our final callback
		offset: offset,
		// duration of the sliding effect
		duration: 400,
		// easing - can be used with the easing plugin:
		// http://gsgd.co.uk/sandbox/jquery/easing/
		easing: 'swing'
	};
	
		
	$('#slider').serialScroll(scrollOptions);
	// now apply localScroll to hook any other arbitrary links to trigger
	// the effect
	$.localScroll(scrollOptions);

	// finally, if the URL has a hash, move the slider in to position,
	// setting the duration to 1 because I don't want it to scroll in the
	// very first page load.  We don't always need this, but it ensures
	// the positioning is absolutely spot on when the pages loads.
	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);
});

function callback()
{
	$('.scrollable').jScrollPane({ showArrows: true, scrollbarWidth: 9 });
	
}