var total_events;
var current_event;

jQuery(function()
{
	gespotAjaxInit();
});

function gespotAjaxInit() {

	gespotGetGalleryPosts();

	jQuery("#ajax_content").hide();
	jQuery('.link_fullsize_menu, .tab_menu_link').click(gespotOpenFullsizeMenu);
	jQuery('.kaart_link').click(gespotOpenKaart);
	//jQuery('.tab_menu_link').click();
	getEvent();
	applyEventLinks ();

}

function gespotOpenKaart ()
{
	jQuery.nyroModalManual({
		content: '<img src="'+jQuery(this).attr('href')+'" />',
		width: 500,
		height: 389,
		closeButton: '<a href="#" class="nyroModalClose close_green" id="closeBut" title="close">Close</a>'
	});
	return false;
}

function gespotOpenFullsizeMenu ()
{
	var open_tab = 'menu_eten'
	if (jQuery(this).hasClass('tab_menu_link'))
	{
		open_tab = jQuery(this).attr('id');
	}
	var url =  gespotAjaxProxy;
	jQuery.ajax({
		method: "get",url: url, data: "kind=menu",
		success: function(html)
		{
			jQuery.nyroModalManual({
				content: html,
				width: 402,
				height: 502,
				closeButton: '<a href="#" class="nyroModalClose close_blue" id="closeBut" title="close">Close</a>'
			});
			jQuery('#nyroModalContent').css({'overflow':'visible'});
			jQuery(".big_menu_link").click(
				function ()
				{
					gespotViewMenu(this);
					return false;
				});
			jQuery('#big_'+open_tab).click()
		}
	});
    return false;
}

function gespotViewMenu (el)
{
	var link = jQuery(el).attr('id').substr(4);
	jQuery('ul.menu_tabs').css({'background-image':'url("wp-content/themes/gespot/lib/img/tabs_'+link+'.png")'})
	showLoaderInElement(jQuery(".x_menu_content"));
	jQuery.ajax({
		method: "get",url: gespotAjaxProxy, data:"page="+link,
		success: function(html)
		{
			jQuery(".x_menu_content").html(html);
		    return false;
		}
	});
	return false;
}

function gespotAjaxClick(evt) {
	var url =  gespotAjaxProxy;
	jQuery.ajax({
		method: "get",url: url, data: "page=1_food",
		beforeSend: function(){jQuery("#ajax_content").hide("fast");},
		//complete: function(){ alert ("send complete")},
		success: function(html)
		{
			jQuery("#ajax_content").show("slow");
			jQuery("#ajax_content").html(html);
		}
	});
	return false;
}

function gespotGetGallery(url)
{
	jQuery.ajax({
		method: "get",url: url, data: "kind=gallery&url="+url,
		success: function(html)
		{
			var gall = jQuery('.gallery', html);
			jQuery("#ajax_content").html(gall);
			jQuery('.gallery a').nyroModal({debug:false, title:'', endShowContent:gespot_endShowContent,closeButton: '<a href="#" class="nyroModalClose close_purple" id="closeBut" title="close">Close</a>'});
			jQuery('.gallery a:first').click();
		}
	});
}
function gespot_endShowContent(elts, settings)
{
	// jQuery("a#closeBut").css('background-image','url(http://hrk.local:8888/nl/gespot/site/wp-content/themes/gespot/lib/img/nyro/Gespot_X4.png)');
	//alert ("!"+jQuery("a#closeBut").css('background-image'))
}

function gespotGetGalleryPosts ()
{
	showLoaderInElement(jQuery("#gallery_posts"));
	var url =  gespotAjaxProxy;
		jQuery.ajax({
		method: "get",url: url, data: "kind=galleries",
		success: function(html)
		{//alert (html);
			jQuery("#gallery_posts").html(html);
			gespotActivateGalleryLinks ();
		}
	});
	return false;
}

function gespotActivateGalleryLinks ()
{
	jQuery('.gallery_link').click(function()
	{
		var link = jQuery(this).attr('href');
		gespotGetGallery(link);
		return false;
	});	
}

function getEvent (offset)
{
	showLoaderInElement(jQuery("#page_events .ui_window_content"));
	if (offset== undefined) offset = 0;
	jQuery.ajax({
		method:'get',
		url: gespotAjaxProxy,
		data: "kind=event&offset="+offset,
		success:function (html){
			jQuery("#page_events .ui_window_content").html(html);
			if (current_event >= total_events-1) jQuery(".prev_post").hide();
			else jQuery(".prev_post").show();
			if (current_event < 1) jQuery(".next_post").hide();
			else jQuery(".next_post").show();
			/*jQuery(".prev_post").click(function()
			{
				getEvent(offset-1);
				return false;
			});
			jQuery(".next_post").click(function(){
				getEvent(offset+1);
				return false;
			});*/
		}
	});
}

function applyEventLinks ()
{
	jQuery(".prev_post").click(function()
	{
		getEvent(current_event+1);
		return false;
	});
	jQuery(".next_post").click(function(){
		getEvent(current_event-1);
		return false;
	});
	
}

function showLoaderInElement (el)
{
	el = jQuery(el);
	el.html("<img src=\""+template_url+"lib/img/spinner.gif\" />");
}