if (!window.ArtsAndArchitecture)
    window.ArtsAndArchitecture = {};
     
ArtsAndArchitecture.SubSpot = function(control, target, x, y, title, text, isLeft)
{
    this.control = control;
    this.target = target;
         
    this._subSpotButton = this.target.findName("SubSpotButton");
    this._subSpotCanvas = this.target.findName("SubSpotTextCanvas");
    this._subSpotText = this.target.findName("SubSpotText");
    this._subSpotBackground = this.target.findName("SubSpotBackground");
	this._subSpot = this.target.findName("SubSpot");
    
    this._text = text;
    this._title = title;
    
   // this.setText(title);
	
	this._isLeft = isLeft;
   
    //this._hotSpotIcon.cursor = "Hand";

    //this._timer.addEventListener("Completed", Silverlight.createDelegate(this, this.onMainViewTick));
    this._subSpotButton.addEventListener("MouseEnter", Silverlight.createDelegate(this, this.handleMouseEnter_SubSpotButton));
    this._subSpotButton.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.handleMouseLeave_SubSpotButton));
  //  this._hotSpotIcon.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleIconMouseLeftButtonDown));
    
    this.target["Canvas.Left"] = x;
    this.target["Canvas.Top"] = y;
}

ArtsAndArchitecture.SubSpot.prototype = 
{
	
    setText: function(text)
    {
		
        this._subSpotText.Text = text;
        this._subSpotText.setFontSource(AAFonts);
        this._subSpotText["FontFamily"] = "LOC_SB_BK_B";
        this._subSpotBackground.Height = this._subSpotText.ActualHeight + 15;
        this._subSpotBackground.Width = this._subSpotText.ActualWidth + 20;
		
		if (this._isLeft == true) {
			this._subSpotCanvas["Canvas.Left"] = -23 - this._subSpotText.ActualWidth;
		}
    },


    handleMouseEnter_SubSpotButton: function(sender, args)
    {
        sender.source = "Content/icons/hotspot_active.png";
        this.setText(this._title + "\r\n\r\n" + this._text);
		if (this._isLeft == true) {
			this._subSpotCanvas["Canvas.Left"] = -23 - this._subSpotText.ActualWidth;
		}
    },
   
    handleMouseLeave_SubSpotButton: function(sender, args)
    {
        sender.source = "Content/icons/hotspot.png";

        this.setText(this._title);
		if (this._isLeft == true) {
			this._subSpotCanvas["Canvas.Left"] = -23 - this._subSpotText.ActualWidth;
		}
		
    }
/*    
    handleIconMouseLeftButtonDown: function(sender, args)
    {
        sender.source = "Content/icons/hotspot.png";
        AADetailView.showDetails(this._detailIndex, args.GetPosition(null).x, args.GetPosition(null).y);
    },
    
    getDetailIndex: function()
    {
        return this._detailIndex;
    }*/

}