if(typeof globals == 'undefined')
{
	var globals = {};
}

cms = {
	
	loadTabs: function (tabs) {
		var navHTML = '';
		var contentHTML = '';
		
		var i = 1;
		
		jQuery.each(tabs, function (name, content) {
			navHTML += '<li class="cms-tabs-nav"><a href="#tab-'+i+'">'+name+'</a></li>';
			if(i == 1)
			{
				contentHTML += '<div class="cms-tabs-content cms-tabs-content_'+i+'_">'+content+'</div>';
			} else {
				contentHTML += '<div class="cms-tabs-content cms-tabs-content_'+i+'_" style="display: none;">'+content+'</div>';
			}
			i++;
		});
		
		if(globals.tabsLoaded != true) {
			globals.tabsLoaded = true;
			jQuery('.cms-tabs-nav a').live('click', function (e) {
				$this = jQuery(this);
				$this.parent().parent().parent().find('.cms-tabs-content').hide();
				$this.parent().parent().parent().find('.cms-tabs-content_'+$this.attr('href').split('-')[1]+'_').show();
				e.preventDefault();
			});
		}
		
		return '<div class="cms-tabs"><ul class="cms-tabs-navigation">'+navHTML+'</ul>'+contentHTML+'</div>';
	},
	
	loadGallery: function (fotos, changedSettings) {
		
		var	settings = {thumbWidth: 45, thumbHeight: 45};
		
		var contentHTML = '';
		
		var i = 1;
		
		jQuery.each(fotos, function (title, image) {
			contentHTML += '<div class="cms-gallery-foto cms-gallery-foto_'+i+'_" style="width:'+settings.thumbWidth+'px;height:'+settings.thumbHeight+'px;"><a href="'+image+'" class="lightbox"><img src="/cms/images/image.php?image='+image+'&x='+settings.thumbWidth+'&y='+settings.thumbHeight+'"></a></div>';
			i++;
		});
		
		return contentHTML;
	},
	
	loadYoutube: function (movieId) { 
		return   '<object width="200" height="137">'
				+'	<param name="movie" value="http://www.youtube.com/v/'+movieId+'?fs=1&amp;hl=nl_NL"></param>'
				+'	<param name="allowFullScreen" value="true"></param>'
				+'	<param name="allowscriptaccess" value="always"></param>'
				+'	<embed src="http://www.youtube.com/v/'+movieId+'?fs=1&amp;hl=nl_NL" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="137"></embed>'
				+'</object>';
	}
}