document.observe('dom:loaded', function() {
	//new Tip('tipEffect', 'Fade your tooltips in and out for example.', { effect: 'appear' });

	// a dynamic element is created using a clone that gets some extra text appended to it's top.
	// you could also just use new Element('div').update('test') to create your element.
	
//SHUVENT	
	
	var tipshuventDynamicContent = $('shuventjs').cloneNode(true).show();
	new Tip('tipshuvent', tipshuventDynamicContent, {
 
	  hideOn: { element: 'tip', event: 'mouseout'},
	  duration: 0.5,
	  hideAfter: 0.5,
	  effect: 'appear',
	
	  hook: { tip: 'topLeft', target: 'bottomLeft'},
	  offset: { x: -655, y: -2 },
	  className: 'pinktip'
	});
	

//ELABORADORES
var tipelaboradoresDynamicContent = $('elaboradoresjs').cloneNode(true).show();
	new Tip('tipelaboradores', tipelaboradoresDynamicContent, {
   
	  hideOn: { element: 'tip', event: 'mouseout'},
	  duration: 0.5,
	  hideAfter: 0.5,
	  effect: 'appear',
	  hook: { tip: 'topLeft', target: 'bottomLeft'},
	  offset: { x: -435, y: -2 },
	  className: 'pinktip'
	});
	

//INDUSTRIAL
var tipindustrialDynamicContent = $('industrialjs').cloneNode(true).show();
	new Tip('tipindustrial', tipindustrialDynamicContent, {
   
	  hideOn: { element: 'tip', event: 'mouseout'},
	  duration: 0.5,
	  hideAfter: 0.5,
	  effect: 'appear',
	  hook: { tip: 'topLeft', target: 'bottomLeft'},
	  offset: { x: -325, y: -2 },
	  className: 'pinktip'
	});
	

//ARQUITECTOS
var tiparquitectosDynamicContent = $('arquitectosjs').cloneNode(true).show();
	new Tip('tiparquitectos', tiparquitectosDynamicContent, {
   
	  hideOn: { element: 'tip', event: 'mouseout'},
	  duration: 0.5,
	  hideAfter: 0.5,
	  effect: 'appear',
	  hook: { tip: 'topLeft', target: 'bottomLeft'},
	  offset: { x: -216, y: -2 },
	  className: 'pinktip'
	});
	

	
});