var onMouseEl 				= false;
var searchElClicked		= false;

/* document on load */
$(document).ready(function() {
	var oBannerStart 	= document.getElementById('banner-start');

	/* banner rotation */

	//	if(oBannerStart != null)
	//	{
	//		setInterval("nextBanner()", 5000);
	//	}
	/* end banner rotation */

	/* close stuff @ random click */
	$("*").click(function(){
		if(this.id != 'shopsearch-dropdown' && searchElClicked == false)
		{
			//$('#container-establishments').hide();
			$('#container-establishments').fadeOut(200);
		}
		else
		{
			searchElClicked = true;
		}

		htmlel = document.getElementsByTagName("html")[0];
		if(this == htmlel)
		{
			searchElClicked = false;
		}

		$('#container-search-results').hide();
		$('#person-container').hide();
	});
	/* end close stuff */


	/* searchbar top*/
	$('#search-top input').blur(function(){
		if($(this).val() == '')
		{
			$('#searchstring').val('Vul je zoekterm in...');
		}
	});
	/* end searchbar top*/


	/* main navigation 
	$("a[class*='-u'] span").addClass('highlight');

	// remove hovers since we have js
	$("li[class*='noscript-hover']").removeClass('noscript-hover');

	// add hover with animation
	// aanpassing Kees H. 5 okt. 2010 - menu onclick ipv mouseover update: mislukt omdat hij nog pagina's opent

	// fadeIn en fadeOuts weggehaald uit het hoofdmenu
	// - johan @ 12-04-11
	$("#mainlist").mouseenter(function(){
		//$("#mainlist").click(function(){
		// shop-search
		$('#container-search-results').stop(true,true).fadeOut(200);
		$('#container-establishments').stop(true,true).fadeOut(200);

		// menu
		//$('#container-navigation ul').stop(true,true).delay(400).fadeIn(300);
		$('#container-navigation ul').stop(true,true).delay(400).show();

		// menu canvas
		//$('#navigation-canvas').stop(true,true).delay(400).fadeIn(300);
		$('#navigation-canvas').stop(true,true).delay(400).show();

		// overlay
		$('#overlay').css('filter', 'alpha(opacity=75)'); // needed for IE8
		//$('#overlay').stop(true,true).delay(400).fadeIn(300);
		$('#overlay').stop(true,true).delay(400).show();
		contentHeight = $('#content').height();
		contentHeight	= contentHeight + 10;
		$('#overlay').height(parseInt(contentHeight)+'px');
	});

	// hover function
	$('div#navigation-main a.cat-hover').hover(
	function(){
		var id = $(this).attr("id").substr(9);
		$("a[class*='c"+id+"'] span").addClass('highlightbright');
	},
	function(){
		var id = $(this).attr("id").substr(9);
		$("a[class*='c"+id+"'] span").removeClass('highlightbright');
	}
	);

	// click function
	$('div#navigation-main a.cat-hover').click(function(){
		var id = $(this).attr("id").substr(9);
		$("li[id*='cat-item']").removeClass('highlightcat');
		$("a[class*='-u'] span").removeClass('highlight');
		$("a[class*='c'] span").removeClass('highlight');
		$("a[class*='c"+id+"'] span").addClass('highlight');
		$("li[id*='cat-item-"+id+"']").addClass('highlightcat');
	});

	// fadeIn en fadeOuts weggehaald uit het hoofdmenu
	// - johan @ 12-04-11
	$('#mainlist').mouseleave(function(){
		// menu
		//$('#container-navigation ul').delay(200).stop(true,true).fadeOut(300);
		$('#container-navigation ul').delay(200).stop(true,true).hide();

		// menu canvas
		//$('#navigation-canvas').delay(200).stop(true,true).fadeOut(300);
		$('#navigation-canvas').delay(200).stop(true,true).hide();

		// overlay
		//$('#overlay').delay(200).stop(true,true).fadeOut(300);
		$('#overlay').delay(200).stop(true,true).hide();
	});

	// fadeIn en fadeOuts weggehaald uit het hoofdmenu
	// - johan @ 12-04-11
	$('.canvas-close').click(function(){
		// menu
		//$('#container-navigation ul').delay(200).stop(true,true).fadeOut(300);
		$('#container-navigation ul').delay(200).stop(true,true).hide();

		// menu canvas
		//$('#navigation-canvas').delay(200).stop(true,true).fadeOut(300);
		$('#navigation-canvas').delay(200).stop(true,true).hide();

		// overlay
		//$('#overlay').delay(200).stop(true,true).fadeOut(300);
		$('#overlay').delay(200).stop(true,true).hide();
	});

	$("ul.categories li a").click(function(){
		var category_id = $(this).attr('id').substr(-1);
		deleteCookie(category_id);
	});
	/* end main nav categories */


	/* shop search */
	$('#searchzip').attr('autocomplete','off');
	$('p.dropdown').click(function(){
		// shop-search
		$('#container-search-results').fadeOut(300);
		//$('#container-establishments').toggle();
		$('#container-establishments').css('z-index','1');
		$('#container-establishments').fadeIn(400);
		$('#container-establishments').getShopListing();
	});

	$('#searchzip').keyup(function() {
		delay(function(){
			$('#container-search-results').getSearchResults();
			$('#container-search-results').fadeIn(400);
		}, 400 );
	});
	/* end shop search */


	/* banner start */
	$('div.banner-img a').hide();
	$('div.banner-img a').first().show();
	$('a.link-image').mouseover(function(){
		var linkid 			= this.id;
		var id 					= linkid.split('-');
		id							= id[1];

		$('div.banner-img a').hide();
		$('div.banner-img a').removeClass('active');
		$('ul.banner-link a').removeClass('active');
		$('a#bannerid-'+id).addClass('active');
		$(this).addClass('active');
		//$('a#bannerid-'+id).fadeIn(1000);
		$('a#bannerid-'+id).show();

		onMouseEl = true;
	});

	$('a.link-image').mouseout(function(){
		onMouseEl = false;
	});
	/* end banner start */


	/* external class */
	$('a[class^="external"]').click(function () {
		this.target = "_blank"
	});
	/* end external class */

	/* toggle provinces */
	$("dd.content").hide();
	$("dt.toggle a").click(function () {
		$(this).parent().next("dd").toggle();
		return false
	});
	/* end toggle provinces */

	/* tooltip */
	$(".ffitooltip").mouseenter(function (e) {
		$('#tooltipffi').remove();
		$(this).ffitooltip(e);
	});
	/* end tooltip */

	$(".personajax").mouseenter(function(){
		var id	= $(this).attr('id');
		$('#person-container').getPerson({id:id});
		$('#person-container').fadeIn(300);
	});

	$("ul.level-one li").mouseover(function(){
		var the_width = $(this).find("a").width();
		var child_width = $(this).find("ul").width();
		var width = parseInt((child_width - the_width)/2);
		$(this).find("ul").css('left', -width);
	});
	var hover = function(){ $('.no-overlay').toggle(); $('.yes-overlay').toggle(); };
	$('.level-one').mouseenter(hover).mouseleave(hover);
	var zIndexNumber = 500;
	$('ul.level-one').each(function() {
		$(this).css('zIndex', zIndexNumber);
		zIndexNumber -= 5;
	});

});


/* tool tip */
jQuery.fn.ffitooltip = function (e) {
	bodyTag = document.body;
	x = e.pageX;
	y = e.pageY;

	newel = document.createElement('div');
	newel.id = 'tooltipffi';
	newel.innerHTML = '<p class="tooltiptitle">'+this.attr('title')+' <span onclick="removeTooltip();">X</span></p><p>'+this.attr('alt')+'</p>';

	var cssObj = {
	'position' 		: 'absolute',
	'top' 				:	y ,
	'left' 				: x + 5,
	'width' 			: '150px',
	'z-index' 		: '100',
	'background'	: '#e9e9e9'
	}
	newel.style.display = 'none';
	bodyTag.appendChild(newel);

	$('#tooltipffi').css(cssObj);
	$('#tooltipffi').addClass('tooltipstyle');
	$('#tooltipffi').fadeIn(1000);
}
/** Bad remove **/
function removeTooltip()
{
	$('#tooltipffi').fadeOut(500).remove();
	return false;
}

/* get person */
jQuery.fn.getPerson = function() {
	var args 									= arguments[0] || {};
	var id										= args.id;

	var	idarr									= id.split('-');
	var systemperson_id				= idarr[0].substr(1);
	var systemorganisation_id	= idarr[1].substr(1);

	$.ajax({
		type			: "GET",
		url			: "/interactive/files/ajax/person/ajax.getperson.php",
		data	: {
			systemperson_id : systemperson_id,
			systemorganisation_id	: systemorganisation_id
		},
		success: function(data) {
			$('#person-container').html('');
			$('#person-container').append(data);
		}
	});
}

/* shop listing */
jQuery.fn.getShopListing	= function () {
	var args 				= arguments[0] || {};
	var content 		= '';

	$.ajax({
		type			: "GET",
		url			: "/interactive/files/ajax/shopsearch/ajax.getsubsites.php",
		success: function(data) {
			$('#container-establishments').html('');
			$('#container-establishments').css('height', '350px');
			$('#container-establishments').append(data);
		}
	});
}

/* search results + highlights */
jQuery.fn.getSearchResults = function () {
	var args 				= arguments[0] || {};
	var content			= '';
	var input				= $('#searchzip').val();

	$('#container-search-results').html('<p style="color:#000;">&nbsp;Bezig met zoeken.</p>');

	$.ajax({
		type			: "POST",
		url			: "/interactive/files/ajax/shopsearch/ajax.getsubsitesbysearchstring.php",
		//dataType	: "json",
		data	: { searchstring : input},
		success: function(data) {
			if(data.length == 0)
			{
				if(input == '')
				{
					$('#container-search-results').toggle();
				}
				else
				{
					$('#container-search-results').html('<p>Geen resultaten gevonden.</p>');
					$('#container-search-results').css('border','0');
					$('#container-search-results').css('left','14px');
					$('#container-search-results').animate({
						height: ['23px','swing'],
						width : ['188px', 'swing']
					},100 );
				}
			}
			else
			{
				$('#container-search-results').css('left','9px');
				$('#container-search-results').css('border-bottom','5px solid #434d8b');
				$('#container-search-results').css('border-right','5px solid #434d8b');
				$('#container-search-results').css('border-left','5px solid #434d8b');
				$('#container-search-results').html('');
				$('#container-search-results').animate({
					height: ['430px','swing'],
					width : ['400px','swing']
				},300 ).append(data);
			}
		}
	});
}

$("dd.content").hide();
$("dt.toggle a").click(function () {
	$(this).parent().next("dd").toggle();
	return false
});


/* banner function */
function nextBanner()
{
	if(onMouseEl == false)
	{
		$('div.banner-img a').hide();
		var activeel 		= 	$('div.banner-img a.active');
		var newActive 	= activeel.next();

		if(activeel.attr('class') == 'img2 active')
		{
			newActive = $('div.banner-img a.img0');
		}

		$('div.banner-img a').removeClass('active');
		$('ul.banner-link a').removeClass('active');
		newActive.addClass('active');
		newId = newActive.attr('id');
		newId = newId.split('-');
		$('ul.banner-link a#linkid-'+newId[1]).addClass('active');
		//newActive.fadeIn(1000);
		newActive.show();
	}
}

/* deleteCookie */
function deleteCookie(category_id)
{
	$.ajax({
		type		: "POST",
		url			: "/interactive/files/ajax/smartmenu/ajax.deletecookie.php",
		data 		: { category_id : category_id },
		success: function(data) {
			//alert(data);
		}
	});
}

/* delay */
var delay = (function(){
	var timer = 0;
	return function(callback, ms){
		clearTimeout (timer);
		timer = setTimeout(callback, ms);
	};
})();


/* twitter */
$(document).ready(function(){
	var twitterq = '';

	function displayTweet(){
		var i= 0;
		var limit = $("#twitter-results > div").size();
		var myInterval = window.setInterval(function () {
			var element =  $("#twitter-results div:last-child");
			$("#twitter-results").prepend(element);
			element.fadeIn("slow");
			i++;
			if(i==limit){
				window.setTimeout(function () {
					clearInterval(myInterval);
				});
			}

		},2000);
	}


	$("form#twittersearch").submit(function() {
		twitterq = $('#twitterq').attr('value');

		$.ajax({
			type: "POST",
			url: "/interactive/files/library/twittersearch.php",
			cache: false,
			data: "twitterq="+ twitterq,
			success: function(html){
				$("#twitter-results").html(html);
				displayTweet();
			}
		});
		return false;
	});

});