dropImages = new Array ( );

function dropImage ( imageUrl, imageWidth, imageHeight, positioner )
{
	this.imageUrl		 = imageUrl;
	this.imageWidth		 = eval (imageWidth);
	this.imageHeight	 = eval (imageHeight);
	this.positioner		 = positioner;
	
	this.index			 = dropImages.length;
	
	this.construct ( );
	
	return this;
}

dropImage.prototype.construct = function ( )
{
	this.eleImage		 = new Image ( this.imageWidth, this.imageHeight );	
	this.eleImage.src 	 = this.imageUrl;
	
	dropImages [ this.index ] = this;

	if ( this.index == 0 )
	{
		this.xOffset = 0;
	}
	else
	{
		var prevImage = dropImages [ this.index - 1 ];
		this.xOffset = prevImage.xOffset + prevImage.imageWidth + 18;
	}
}

function dropImageBuildImages ( )
{	
	var index;
	for ( index = 0; index < dropImages.length; index++ )
	{
		dropImages [ index ] .buildEle ( );
	}
}	

dropImage.prototype.buildEle = function ( )
{
	this.primEle = document.cbe.createElement("div");
  	if (this.primEle) 
  	{
    	this.primEle.id = 'dropImageDiv'+ this.index;
    	document.cbe.appendChild(this.primEle);
    	
    	this.ele = this.primEle.cbe;
    
    	this.ele.background('#e7e7e7');
      	this.ele.resizeTo( this.imageWidth + 12, this.imageHeight + 12);

   		// Create an Element to hold the image
 		var imageEle = document.cbe.createElement("DIV");
  		if (imageEle) {
    		imageEle.id = 'dropImageImage'+ this.index;
    		this.ele.appendChild( imageEle );
			imageEle.cbe.innerHtml('<img src="'+this.imageUrl+'" width="'+this.imageWidth+'" height="'+this.imageHeight+'" border="0">');
			imageEle.cbe.moveTo ( 6, 6 );
			imageEle.cbe.show();
		}   	
		
		this.ele.moveTo (-1000,-1000);	
		
		this.ele.originalObject = this;
  		
		new hotElement ( this.ele, this.positioner );
    }    
}

function positionImage ( down ) 
{
	if ( down )
	{
		this.element.moveTo ( cbeGetElementById ('imageAnchor').cbe.pageX() + this.element.originalObject.xOffset , 5 );
	}
	else
	{
		this.element.moveTo ( cbeGetElementById ('imageAnchor').cbe.pageX() + this.element.originalObject.xOffset , 46 - this.element.height() );
	}
}

function ganzFeaturePositioner ( xOffset, yOffset )
{
	if ( this.popUpWindow == null )
	{
		this.left = ( (screen.availWidth - this.width) / 2 ) + xOffset;
		this.top = ( (screen.availHeight - this.height) / 2 ) + yOffset;

		this.features += ",left=" + this.left + ",top=" + this.top +",screenx=" + this.left + ",screeny=" + this.top;
	}
	else
	{
		this.popUpWindow.moveTo ( this.left, this.top );	
	}	
}