function showDimensions( element )
   {
      var dimensions = Element.getDimensions( element );
      var width = dimensions.width;
      var height = dimensions.height;
      alert('width:\t' + width + '\n' + 'height:\t' + height);
   }

   function SetPosIcon(num) {
      $('iconpos'+num).innerHTML=$('icon'+num).style.left+','+$('icon'+num).style.top;
      // var domdif='document.forms.finalform.icone'+num+'pos.value='+$('icon'+num).style.left+","+$('icon'+num).style.top;
      var domdif='document.forms.finalform.icone'+num+'pos.value="'+$('icon'+num).style.left+","+$('icon'+num).style.top+'"';

      eval(domdif);

   }
   function SetDragIconConstrain(ID) {
	new Draggable(ID,{
    snap: function(x,y,draggable) {
      function constrain(n, lower, upper) {
        if (n > upper) return upper;
        else if (n < lower) return lower;
        else return n;
      }
     
      element_dimensions = Element.getDimensions(draggable.element);// showDimensions(draggable.element);
      parent_dimensions = Element.getDimensions(draggable.element.parentNode);// showDimensions(draggable.element.parentNode);
      return[
        constrain(x, 0, parent_dimensions.width - element_dimensions.width),
        constrain(y, 0, parent_dimensions.height - element_dimensions.height)];
    },
    revert:false
    });      
   }

   function toggle_label(num) {
      if ($('label'+num).style.visibility == 'visible') { 
        $('label'+num).style.visibility ='hidden';
      } else {
        $('label'+num).style.visibility ='visible';
      }
   }

   function SetLabelValue(num) {
      $('label'+num).innerHTML=eval('document.forms.finalform.lbltxt'+num+'.value');
      $('labelpos'+num).innerHTML=$('label'+num).style.left+','+$('label'+num).style.top;
      var ll = eval('document.forms.finalform.lbltxt'+num+'.value.length')*11;
      $('label'+num).style.width = ll+'px';
      
     
      var domdif='document.forms.finalform.lbltxtpos'+num+'.value="'+$('label'+num).style.left+","+$('label'+num).style.top+'"';
      eval(domdif);      
   }   

   function SetStatusValue(num) {
      $('status'+num).innerHTML=eval('document.forms.finalform.statustxt'+num+'.value');
      $('statuspos'+num).innerHTML=$('status'+num).style.left+','+$('status'+num).style.top;

      var domdif='document.forms.finalform.statustxtpos'+num+'.value="'+$('status'+num).style.left+","+$('status'+num).style.top+'"';
      eval(domdif);      
   }   

   function getpxval(valstr) {
          return valstr.substring(0,valstr.lastIndexOf("px"));
   }

   function AlignIconY(num) {
		var Yicon = $('icon'+num).style.top;
        var screenW = getpxval($('imgtheme').style.width);
		var IconSize = getpxval($('icon'+num).style.width);
		var SpaceIcon = parseInt(screenW / 9);
		var IconSizeBy2 = parseInt(IconSize / 2);
		var InitXpos = SpaceIcon - IconSizeBy2;
		for (i=1; i<9; i++) {
            var Xpos = InitXpos + SpaceIcon*(i-1);
            var Z = Xpos+"px";
			// $('debugprint').innerHTML=InitXpos;
    		$('icon'+i).style.left = Z;
    		$('icon'+i).style.top = Yicon;
			SetPosIcon(i);
		}
   }   

   function AlignIconX(num) {
		var Xicon = $('icon'+num).style.left;
 		var screenH = getpxval($('imgtheme').style.height);
		var IconSize = getpxval($('icon'+num).style.height);
		var SpaceIcon = parseInt(screenH / 9);
		var IconSizeBy2 = parseInt(IconSize / 2);
		var InitYpos = SpaceIcon - IconSizeBy2;
		for (i=1; i<9; i++) {
            var Ypos = InitYpos + SpaceIcon*(i-1);
            var Z = Ypos+"px";
			// $('debugprint').innerHTML=InitXpos;
    		$('icon'+i).style.top = Z;
    		$('icon'+i).style.left = Xicon;
			SetPosIcon(i);
		}
   }