﻿function initExpertise()
{
	var expertises = $('#expertises');

	if (expertises.length > 0)
	{
		var etemplate = $.template('<div id="project${referenceid}" class="expertise"><a class="projectoverlay" href="projects.aspx?project=${referenceid}"><img src="image.ashx?id=${icon}" /><h3>${title}</h3><p>${description}</p></a></div>');
		var id = expertises.attr('eid');

		var posturl = 'XelynWebFiles/Controls/rpcinterface.ashx?cb=' + new Date().getTime() + '&m=references';

		var request = {
			action: 'expertise_references',
			id: id
		};

		// console.log('Getting expertises: ', id, posturl, request);

		$.post(posturl, request, function (data)
		{
			if (data.success)
			{
				//expertises.append('<hr /><h2>Projecten voor ' + data.title + '</h2>' );
				// expertises.append('<hr/>');

				for (i = 0; i < data.data.length; ++i)
				{
					var item = data.data[i];

					expertises.append(etemplate, item);
				}

				// console.log('Initializing Fancybox: ', $('A.projectoverlay'));

				$('A.projectoverlay').fancybox({
					'width': 820
					, 'height': '75%'
					// , 'titlePosition': 'outside',
					, 'type': 'iframe'
					, 'autoScale': true
					, 'transitionIn': 'elastic'
					, 'transitionOut': 'none'
				});
			}
		}, 'json');
	}
	else
		console.log('No expertise section');
}

