$(document).ready(function()
{
	// on récupère les donnees du tableau JS
	for (var i=0; i<tx_weberjobsitecategory.length; i++)
	{
		var uid = tx_weberjobsitecategory[i]['name'];
		uid = uid.substr(9);

		pos = tx_weberjobsitecategory[i]['position'];

		// si on a une position & que la sous catégorie à une (ou plusieurs) page(s) associees
		if(pos && $('li.category_'+uid, sp['content']).size())
		{
			pos = pos.split(',');
			x = parseInt(pos[0]) - tx_weberjobsitecategory_pictogramme['width']/2;
			y = parseInt(pos[1]) - tx_weberjobsitecategory_pictogramme['height']/2 + 6;

			$('#image_parente').prepend('<img src="/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_off']+'" title="'+tx_weberjobsitecategory[i]['title']+'" style="position:absolute;top:'+y+'px;left:'+x+'px;" name="position_'+uid+'"  alt="'+tx_weberjobsitecategory[i]['title']+'" />');
		}
	}

	// rollover sur l'image
	$("img[@name^='position_']", sp['content']).hover(function()
	{
		$("li[@class^='category_']", sp['content']).removeClass('on');
		$("img[@name^='position_']", sp['content']).attr('src', '/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_off']);

		$(this).attr('src', '/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_on']);

		page = $(this).attr('name');
		page = page.substr(9);

		$('li.category_'+page, sp['content']).addClass('on');
	},
	function ()
	{
		$("li[@class^='category_']", sp['content']).removeClass('on');
		$(this).attr('src', '/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_off']);
	});


	// rollover sur les jobsites
	$("li[@class^='category_']", sp['content']).hover(function()
	{
		$("li[@class^='category_']", sp['content']).removeClass('on');
		$("img[@name^='position_']", sp['content']).attr('src', '/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_off']);

		$(this).addClass('on');

		// On recupere les categories
		cat_class = $(this).attr('class');
		while ((id_cat = cat_class.match(/category_(\d+)/)))
		{
			cat_class = cat_class.replace('category_'+id_cat[1], '');

			$("img[@name='position_"+id_cat[1]+"']", sp['content']).attr('src', '/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_on']);
		}

		// on affiche le nom de la catégorie
		for (var i=0; i<tx_weberjobsitecategory.length; i++)
		{
			var uid = tx_weberjobsitecategory[i]['name'];
			uid = uid.substr(9);

			pos = tx_weberjobsitecategory[i]['position'];

			// si on a une position & que la sous catégorie à une (ou plusieurs) page(s) associees
			if(pos && $(this).attr('class') == 'category_'+uid)
			{
				pos = pos.split(',');

				x = parseInt(pos[0]) + parseInt(tx_weberjobsitecategory_pictogramme['width'] / 2);
				y = parseInt(pos[1]) + parseInt(tx_weberjobsitecategory_pictogramme['height'] / 2);

				$('#image_parente').prepend('<div id="category_name" class="infobulle" style="position: absolute;left:'+x+'px;top:'+y+'px; ">'+tx_weberjobsitecategory[i]['title']+'</div>');
			}
		}
	},
	function()
	{
		$('#category_name').replaceWith('');
		$(this).removeClass('on');
		$("img[@name^='position_']", sp['content']).attr('src', '/uploads/tx_weberjobsitecategory/'+tx_weberjobsitecategory_pictogramme['name_off']);
	});
});