var operaBrowser = false;
	if(navigator.userAgent.indexOf('Opera')>=0)operaBrowser=1;
	var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
	var navigatorVersion = navigator.appVersion.replace(/.*?MSIE (\d\.\d).*/g,'$1')/1;

	
	function cancelEvent()
	{
		return false;
	}
	var activeImage = false;
	var readyToMove = false;
	var moveTimer = -1;
	var dragDropDiv;
	var insertionMarker;
	
	var offsetX_marker = -3;	// offset X - element that indicates destinaton of drop
	var offsetY_marker = 0;	// offset Y - element that indicates destinaton of drop
	
	var firefoxOffsetX_marker = -3;
	var firefoxOffsetY_marker = -2;
	
	if(navigatorVersion<6 && MSIE){	/* IE 5.5 fix */
		offsetX_marker-=23;
		offsetY_marker-=10;
	}
	
	var destinationObject = false;
	
	var divXPositions = new Array();
	var divYPositions = new Array();
	var divWidth = new Array();
	var divHeight = new Array();
		
	var tmpLeft = 0;
	var tmpTop = 0;
	
	var eventDiff_x = 0;
	var eventDiff_y = 0;
		
	function getTopPos(inputObj)
	{		
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null){
	  	if(inputObj.tagName!='HTML'){
	  		returnValue += (inputObj.offsetTop - inputObj.scrollTop);
	  		if(document.all)returnValue+=inputObj.clientTop;
	  	}
	  } 
	  return returnValue;
	}
	function getLeftPos(inputObj)
	{	  
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null){
	  	if(inputObj.tagName!='HTML'){
	  		returnValue += inputObj.offsetLeft;
	  		if(document.all)returnValue+=inputObj.clientLeft;
	  	}
	  }
	  return returnValue;
	}
	
	// una cosa mia
	function delete_img(div_name, file, nid)
	{ if (confirm("Sei sicuro di voler eleminare questa immagine?\nL'eliminazione è permanente!"))
	  { var obj = document.getElementById(div_name);
	    obj.parentNode.removeChild(obj);
		if (activeImage == obj) activeImage=false;
	    //divXPositions = new Array();
	    //divYPositions = new Array();
	    //divWidth = new Array();
	    //divHeight = new Array();
		//getDivCoordinates();
		initGallery();
	    $('msgs').load("?section=fnc&fnc=del_img&file="+escape(file)+"&qs=");
		//ajaxManager('load_page','index.php?section=file_del&file='+escape(file),'msgs')
        $('gallery_info').load("?section=fnc&fnc=check_imgs&nid="+nid+"&qs=");
		//ajaxManager('load_page','?section=check_imgs&nid='+nid,'gallery_info','no_wait_msg')
	  }
	}
	
	function save_desc()
	{ if(activeImage)
      { desc_obj = document.getElementById('description');
	    if (desc_obj != undefined)
	     document.getElementById(activeImage.id+'_img_lbl').innerHTML=desc_obj.value;
	  }
      document.getElementById('descr_div').innerHTML= "";
      document.getElementById('msgs').innerHTML= "Commento aggiornato";
	}
	
	function descr_html(desc)
	{ var o = "<div class=\"filter_div\"><div class=\"filter_div_in\">";
      o = o + "<span class=\"title_blu\">Scrivi un commento alla fotografia</span><br /><table width='100%' cellspacing='0' cellpadding='0'><tr><td align='left' valign='top'><textarea onblur=\"javascript:save_desc()\" class=\"\" id=\"description\" name=\"description\" style=\"width:320px;height:32px\">"+desc+"</textarea></td><td align='left' valign='middle'><input type=\"button\" class=\"button\" value=\"Ok\" onclick=\"save_desc()\"/></td></tr></table>";
	  /*o = o + "<script type=\"text/javascript\">\ndocument.getElementById('description').focus()\n</script>\n";*/
      o = o + "</div></div><div class=\"filter_bottom_div\"><div class=\"filter_bottom_div_in\"></div></div><br />\n";
	  return o;
	}
	
	function selectImage(e)
	{
		if(document.all && !operaBrowser)e = event;
		var obj = this.parentNode;
		var desc_obj;
		
		if(activeImage)
		{ // Se prima c'era un'immagine selezionata allora prende il lavore della descrizione e la salva
		  //desc_obj = document.getElementById('description');
		  //if (desc_obj != undefined)
		  // document.getElementById(activeImage.id+'_img_lbl').innerHTML=desc_obj.value;
		  save_desc();
          if (activeImage.className.indexOf('Main') != -1)
		   activeImage.className='imageBoxMain';
		  else
		   activeImage.className='imageBox';
		}
        if (obj.className.indexOf('Main') != -1)
	     obj.className='imageBoxHighlightedMain';
		else
		 obj.className='imageBoxHighlighted';
		//obj.className = 'imageBoxHighlighted';
		activeImage = obj;
		readyToMove = true;
		moveTimer=0;
		
		tmpLeft = e.clientX + Math.max(document.body.scrollLeft,document.documentElement.scrollLeft);
		tmpTop = e.clientY + Math.max(document.body.scrollTop,document.documentElement.scrollTop);
		
		startMoveTimer();	
		
		// Qui di seguito modifiche per l'edit box
		//document.getElementById('description').value=document.getElementById(this.id+'_lbl').innerHTML;
		document.getElementById('descr_div').innerHTML=descr_html(document.getElementById(this.id+'_lbl').innerHTML);
		document.getElementById('description').focus()
		return false;	
	}

    function get_act_main_image()
	{	var act = false;
		var divs = document.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){	
			if(divs[no].className=='imageBoxMain' || divs[no].className=='imageBoxHighlightedMain'){
				act = divs[no];
			}
		}
		return act;
	}

	// anche qui funzione custom
	function selectMainImage(e)
	{	if(document.all && !operaBrowser)e = event;
		var divs = document.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){	
			if(divs[no].className=='imageBoxMain'){
				divs[no].className ='imageBox'
			}
			else
			if(divs[no].className=='imageBoxHighlightedMain'){
				divs[no].className ='imageBoxHighlighted'
			}
		}
		var obj = this.parentNode;
		var desc_obj;
		
		if(activeImage)
		{ // Se prima c'era un'immagine selezionata allora prende il lavore della descrizione e la salva
		  //desc_obj = document.getElementById('description');
		  //if (desc_obj != undefined)
		  // document.getElementById(activeImage.id+'_img_lbl').innerHTML=desc_obj.value;
		  save_desc();
		  //activeImage.className='imageBox';
		}
	    obj.className='imageBoxHighlightedMain';
		activeImage = obj;
		readyToMove = false;
		moveTimer = -1;
		// Qui di seguito modifiche per l'edit box
		document.getElementById('descr_div').innerHTML=descr_html(document.getElementById(this.id+'_lbl').innerHTML);
		document.getElementById('description').focus()
		return false;
	}

	function startMoveTimer(){
		if(moveTimer>=0 && moveTimer<10){
			moveTimer++;
			setTimeout('startMoveTimer()',15);
		}
		if(moveTimer==10){
			getDivCoordinates();
			var subElements = dragDropDiv.getElementsByTagName('DIV');
			if(subElements.length>0){
				dragDropDiv.removeChild(subElements[0]);
			}
		
			dragDropDiv.style.display='block';
			var newDiv = activeImage.cloneNode(true);
			//newDiv.className='imageBox';	
			newDiv.id='';
			dragDropDiv.appendChild(newDiv);
			
			dragDropDiv.style.top = tmpTop + 'px';
			dragDropDiv.style.left = tmpLeft + 'px';
							
		}
		return false;
	}
	
	function dragDropEnd()
	{
		readyToMove = false;
		moveTimer = -1;

		dragDropDiv.style.display='none';
		insertionMarker.style.display='none';
		
		if(destinationObject && destinationObject!=activeImage){
			var parentObj = destinationObject.parentNode;
			parentObj.insertBefore(activeImage,destinationObject);
            if (activeImage.className.indexOf('Main') != -1)
		     activeImage.className='imageBoxMain';
		    else
		     activeImage.className='imageBox';
			activeImage = false;
			destinationObject=false;
			getDivCoordinates();
		}
		return false;
	}
	
	function dragDropMove(e)
	{
		if(moveTimer==-1)return;
		if(document.all && !operaBrowser)e = event;
		var leftPos = e.clientX + document.documentElement.scrollLeft - eventDiff_x;
		var topPos = e.clientY + document.documentElement.scrollTop - eventDiff_y;
		dragDropDiv.style.top = topPos + 'px';
		dragDropDiv.style.left = leftPos + 'px';
		
		leftPos = leftPos + eventDiff_x;
		topPos = topPos + eventDiff_y;
		
		if(e.button!=1 && document.all &&  !operaBrowser)dragDropEnd();
		var elementFound = false;
		for(var prop in divXPositions){
			if(divXPositions[prop]/1 < leftPos/1 && (divXPositions[prop]/1 + divWidth[prop]*0.7)>leftPos/1 && divYPositions[prop]/1<topPos/1 && (divYPositions[prop]/1 + divWidth[prop])>topPos/1){
				
				if(document.all ){
					offsetX = offsetX_marker;
					offsetY = offsetY_marker;
				}else{
					offsetX = firefoxOffsetX_marker;
					offsetY = firefoxOffsetY_marker;
				}
				insertionMarker.style.top = divYPositions[prop] + offsetY + 'px';
				insertionMarker.style.left = divXPositions[prop] + offsetX + 'px';
				insertionMarker.style.display='block';	
				destinationObject = document.getElementById(prop);
				elementFound = true;	
				break;	
			}				
		}
		
		
		if(!elementFound){
			insertionMarker.style.display='none';
			destinationObject = false;
		}
		
		return false;
		
	}
	

	
	function getDivCoordinates()
	{
		var divs = document.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){	
			if(divs[no].className=='imageBox' || divs[no].className=='imageBoxHighlighted' || divs[no].className=='imageBoxMain' || divs[no].className=='imageBoxHighlightedMain'&& divs[no].id){
				divXPositions[divs[no].id] = getLeftPos(divs[no]);			
				divYPositions[divs[no].id] = getTopPos(divs[no]);			
				divWidth[divs[no].id] = divs[no].offsetWidth;			
				divHeight[divs[no].id] = divs[no].offsetHeight;			
			}		
		}
	}
	
	function saveImageOrder(glr, main_img, form_id)
	{
		var orderString = "";
		var objects = document.getElementsByTagName('DIV');
		var act_img;
		var act_img_lbl;
		for(var no=0;no<objects.length;no++){
			if(objects[no].className=='imageBox' || objects[no].className=='imageBoxHighlighted' || objects[no].className=='imageBoxMain' || objects[no].className=='imageBoxHighlightedMain'){
				if(orderString.length>0)orderString = orderString + '|';
				act_img = document.getElementById(objects[no].id+'_img');
				act_img_lbl = document.getElementById(objects[no].id+'_img_lbl');
				if ((act_img != undefined) && (act_img_lbl != undefined))
				 orderString = orderString + act_img.rel + '|' + act_img_lbl.innerHTML + '|';
			}
		}
		document.getElementById(glr).value=orderString;
		var act_mi = get_act_main_image();
		if (act_mi.id)
		 document.getElementById(main_img).value=document.getElementById(act_mi.id+'_img').rel;
		//document.getElementById('debug').innerHTML = 'This is the new order of the images(IDs) : <br>' + orderString;
		document.getElementById(form_id).submit();
	}
	
	function initGallery()
	{
		var divs = document.getElementsByTagName('DIV');
		for(var no=0;no<divs.length;no++){
			if(divs[no].className=='imageBox_theImage' || divs[no].className=='imageBox_label'){
				divs[no].onmousedown = selectImage;	
				divs[no].ondblclick = selectMainImage;	
			}
		}
		
		var insObj = document.getElementById('insertionMarker');
		var images = insObj.getElementsByTagName('IMG');
		document.body.onselectstart = cancelEvent;
		document.body.ondragstart = cancelEvent;
		document.body.onmouseup = dragDropEnd;
		document.body.onmousemove = dragDropMove;

		
		window.onresize = getDivCoordinates;
		
		dragDropDiv = document.getElementById('dragDropContent');
		insertionMarker = document.getElementById('insertionMarker');
		getDivCoordinates();
	}
	
	window.onload = initGallery;