Tips.implement({
	elementDistroy: function(time){
		var temp = this.options.hideDelay
		this.options.hideDelay=10
		$clear(this.timer);
		this.timer = this.hide.delay(this.options.hideDelay, this);
		this.options.hideDelay = temp
	}
});

//se esiste un elemento in carrello allora modifico link e testo del vai all'itinerario.
var abilitaVisualizzaItininerario = function () {
	//leggo la lingua dal meta
	var m=document.getElementsByTagName("meta");
	var lgn='';
	for(i=0;i<m.length;i++) {
	if(m[i].name.toLowerCase()=="language")
	 lgn=m[i].content;
	}
	var url=$('yourItinerary').get('alt').split('\|')[0];
	switch(lgn)
	{
		case 'it':
			$('yourItinerary').set({
			'html':'&nbsp;Visualizza il tuo itinerario',
			'href': url
			});
			break;
		case 'de':
			$('yourItinerary').set({
			'html':'&nbsp;Route anzeigen',
			'href': url
			});
			break;
		case 'fr':
			$('yourItinerary').set({
			'html':'&nbsp;Vois Ton Itinéraire',
			'href': url
			});
			break;
		case 'es':
			$('yourItinerary').set({
			'html':'&nbsp;Visualiza tu ruta',
			'href': url
			});
			break;
		case 'nl':
			$('yourItinerary').set({
			'html':'&nbsp;Bekik un route',
			'href': url
			});
			break;
		case 'ru':
			$('yourItinerary').set({
			'html':'&nbsp;Показать мой маршрут',
			'href': url
			});
			break;
		case 'ar':
			$('yourItinerary').set({
			'html':'&nbsp;استعراض برنامج الرحلات',
			'href': url
			});
			break;
		case 'zh':
			$('yourItinerary').set({
			'html':'&nbsp;使旅途形象化',
			'href': url
			});
			break;
		default :
			$('yourItinerary').set({
			'html':'&nbsp;View  your itinerary',
			'href': url
			});
			break; 
	}
	$('yourItinerary').set({
		'styles': {
			'color':'#3E7291'
		}
		});
}
var disabilitaVisualizzaItininerario = function () {
	//leggo la lingua dal meta
	var m=document.getElementsByTagName("meta");
	var lgn='';
	for(i=0;i<m.length;i++) {
	if(m[i].name.toLowerCase()=="language")
	 lgn=m[i].content;
	}
	var url=$('yourItinerary').get('alt').split('\|')[1]
	switch(lgn)
	{
		case 'it':
			$('yourItinerary').set({
			'html':'&nbsp;Crea il tuo itinerario',
			'href': url
			});
			break;
		case 'de':
			$('yourItinerary').set({
			'html':'&nbsp;Erstellen Sie Ihre Reiseroute',
			'href': url
			});
			break;
		case 'fr':
			$('yourItinerary').set({
			'html':'&nbsp;Créez votre itineraire!',
			'href': url
			});
			break;
		case 'es':
			$('yourItinerary').set({
			'html':'&nbsp;Crea tu itinerario',
			'href': url
			});
			break;
		case 'nl':
			$('yourItinerary').set({
			'html':'&nbsp;Creëer uw eigen reisroute',
			'href': url
			});
			break;
		case 'ru':
			$('yourItinerary').set({
			'html':'&nbsp;Создай свой маршрут',
			'href': url
			});
			break;
		case 'ar':
			$('yourItinerary').set({
			'html':'&nbsp;نظم خط رحلتك',
			'href': url
			});
			break;
		case 'zh':
			$('yourItinerary').set({
			'html':'&nbsp;创建您的行程',
			'href': url
			});
			break;
		default:
			$('yourItinerary').set({
			'html':'&nbsp;Create  your itinerary',
			'href': url
			});
			break; 
	}
	$('yourItinerary').set({
		'styles': {
			'color':'#393939'
		}
		});
}
//ripristino il carrello itierario
var renderCarrello= function (cookie,myTips) {
	cookie.each(function(value, key){
		var immaginina  = new Element('img', {
						'src': '/media/img/preview/100/'+value,
						'class':'oggettoitinerario',
						'styles': {
							'width': '48px',
							'height': '36px'
						},
						'id': key,
						'events': {
							'click': function(){
								myTips.detach('.oggettoitinerario');
								this.store('tip:title', 'Options');
								this.store('tip:text', '<a id="show'+key+'" href="/ge/scheda.html?id='+key+'">Show</a>&nbsp;&nbsp;<a href="#" id="delete'+key+'">Delete</a>&nbsp;&nbsp;<a href="#" id="cancel'+key+'">Close</a>');
								myTips.attach(this);
								myTips.elementEnter('enter',this);
								$('delete'+key).addEvent('click', function(){
									cookie.erase(key)
									$(key).destroy();
									if (cookie.getLength()>0)
									{
										abilitaVisualizzaItininerario();
									}
									else
									{
										disabilitaVisualizzaItininerario();
									}
									myTips.elementLeave.stop;
									myTips.elementDistroy(10);
								});	
								$('cancel'+key).addEvent('click', function(){
									myTips.elementLeave.stop;
									myTips.elementDistroy(10);
								});	
							},
							'mouseenter': function(){
								this.setStyles({
									opacity: 0.4
								});
							},
							'mouseleave': function(){
								this.setStyles({
									opacity: 1
								});
							}
						}
						});
		immaginina.inject($('itinerite'), 'top');
		if (cookie.getLength()>0)
		{
			abilitaVisualizzaItininerario();
		}
		else
		{
			disabilitaVisualizzaItininerario();
		}
	});
}
// modalità su immagine con drag and drop
var carrelloDrag= function(elemento,cookie,myTips){
	var dropElement='.cont';
	elemento.addEvents({
		mouseenter: function(){
			this.setStyle('cursor', 'move');
		},
		mouseleave: function(){
			this.setStyle('cursor', '');
		},
		mousedown: function(e) {
			var id_elemento=this.get('title');
			if  (!$chk(id_elemento)) {id_elemento=elemento.get('rel')}
			var src_elemento=this.get('src');
			new Drag.Move(this.clone().setStyles(this.getCoordinates()).setStyles({
						opacity: 0.7,
						position: 'absolute'
					}).inject(document.body), {
			droppables: dropElement,
			onDrop: function(el, drop){
				el.destroy();
				$$(dropElement).setStyle('background','#FFFFFF');
				if(!drop){
					return;
				}
				else {
					drop.highlight('#FDF322');
					//creo l'oggetto da inserire
					var immaginina  = new Element('img', {
						'src': '/media/img/preview/100/'+src_elemento.replace('/media/img/preview/200/',''),
						'class':'oggettoitinerario',
						'styles': {
							'width': '48px',
							'height': '36px'
						},
						'id': id_elemento,
						'events': {
							'click': function(){
								myTips.detach('.oggettoitinerario');
								this.store('tip:title', 'Options');
								this.store('tip:text', '<a id="show'+id_elemento+'" href="/ge/scheda.html?id='+id_elemento+'">Show</a>&nbsp;&nbsp;<a href="#" id="delete'+id_elemento+'">Delete</a>&nbsp;&nbsp;<a href="#" id="cancel'+id_elemento+'">Close</a>');
								myTips.attach(this);
								myTips.elementEnter('enter',this);
								$('delete'+id_elemento).addEvent('click', function(){
									cookie.erase(id_elemento)
									$(id_elemento).destroy();
									if (cookie.getLength()>0)
									{
										abilitaVisualizzaItininerario();
									}
									else
									{
										disabilitaVisualizzaItininerario();
									}
									myTips.elementLeave.stop;
									myTips.elementDistroy(10);
								});	
								$('cancel'+id_elemento).addEvent('click', function(){
									myTips.elementLeave.stop;
									myTips.elementDistroy(10);
								});
							},
							'mouseenter': function(){
								this.setStyles({
									opacity: 0.4
								});
							},
							'mouseleave': function(){
								this.setStyles({
									opacity: 1
								});
							}
						}
						});
					if (cookie.getLength()<33)
					{
					if (!cookie.has(immaginina.get('id')))
					{
						//lo inserisco nel cookie
						cookie.set(immaginina.get('id'),immaginina.get('src').replace('/media/img/preview/100/',''));
						//lo inserisco come primo in visualizzazione
						immaginina.inject($('itinerite'), 'top');
						//verifico e modifico link
						if (cookie.getLength()>0)
						{
							abilitaVisualizzaItininerario();
						}
						else
						{
							disabilitaVisualizzaItininerario();
						}
					}
					else
					{
						$('itinerite').set('styles', {'display': 'none'});
						$('itineritemes').set('html', 'Already selected');
						$('itineritemes').set('styles', {'display': 'block'});
						var ripristina=function (){
							$('itineritemes').set('styles', {'display': 'none'});
							$('itinerite').set('styles', {'display': 'block'});
						};
						ripristina.delay(1500);
					}
					}
				}
			},
			onEnter: function(el, drop){
				drop.setStyle('background','#3A7DFD');
			},
			onLeave: function(el, drop){
				drop.setStyle('background','#FFFFFF');
			}
			}).start(e);
		}
	});
}
// modalità su icona
var carrelloIcon= function(bottone,elemento,cookie,myTips){
	var id_elemento=elemento.get('title');
	if  (!$chk(id_elemento)) {id_elemento=elemento.get('rel')}
	var src_elemento=elemento.get('src');
	var dropElement='.cont';
	bottone.addEvent('click', function(){
		var immaginina  = new Element('img', {
			'src': '/media/img/preview/100/'+src_elemento.replace('/media/img/preview/200/',''),
			'class':'oggettoitinerario',
			'styles': {
				'width': '48px',
				'height': '36px'
			},
			'id': id_elemento,
			'events': {
				'click': function(){
				myTips.detach('.oggettoitinerario');
				this.store('tip:title', 'Options');
				this.store('tip:text', '<a id="show'+id_elemento+'" href="/ge/scheda.html?id='+id_elemento+'">Show</a>&nbsp;&nbsp;<a id="delete'+id_elemento+'">Delete</a>&nbsp;&nbsp;<a id="cancel'+id_elemento+'">Close</a>');
				myTips.attach(this);
				myTips.elementEnter('enter',this);
				$('delete'+id_elemento).addEvent('click', function(){
					cookie.erase(id_elemento)
					$(id_elemento).destroy();
					if (cookie.getLength()>0)
					{
						abilitaVisualizzaItininerario();
					}
					else
					{
						disabilitaVisualizzaItininerario();
					}
				});	
				$('cancel'+id_elemento).addEvent('click', function(){
					myTips.elementLeave.stop;
					myTips.elementDistroy(10);
				});
				}
			}
			});
		if (cookie.getLength()<33)
		{
		if (!cookie.has(immaginina.get('id')))
		{
			//lo inserisco nel cookie
			cookie.set(immaginina.get('id'),immaginina.get('src').replace('/media/img/preview/100/',''));
			//lo inserisco come primo in visualizzazione
			immaginina.inject($('itinerite'), 'top');
			if (cookie.getLength()>0)
			{
				abilitaVisualizzaItininerario();
			}
			else
			{
				disabilitaVisualizzaItininerario();
			}
		}
		else
		{
			$('itinerite').set('styles', {'display': 'none'});
			$('itineritemes').set('html', 'Already selected');
			$('itineritemes').set('styles', {'display': 'block'});
			var ripristina=function (){
				$('itineritemes').set('styles', {'display': 'none'});
				$('itinerite').set('styles', {'display': 'block'});
			};
			ripristina.delay(1500);
		}
		}
	});
}