// JavaScript File to define the drop down list
if (!window.SilverlightJSApplication1)
	window.SilverlightJSApplication1 = {};

SilverlightJSApplication1.dropdownplain = function() 
{
}

var isDropDown = false;   
SilverlightJSApplication1.dropdownplain.prototype =
{
	handleLoad: function(plugIn, userContext, rootElement) 
	{
		this.plugIn = plugIn;
		var dropDownCanvas = rootElement.findName("dropDownCanvas");
		dropDownCanvas.addEventListener("Loaded", Silverlight.createDelegate(this, this.onDropDownLoaded));
		dropDownCanvas.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.dropDownCanvasMouseLeave));
		var selectdropDown = rootElement.findName("selectdropDown");
		selectdropDown.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.selectDropDown));
		selectdropDown.addEventListener("MouseEnter", Silverlight.createDelegate(this, this.selectDropDownEnter));
		selectdropDown.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.selectDropDownLeave));
		var triangle = rootElement.findName("triangle");
		triangle.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.selectDropDown));
		triangle.addEventListener("MouseEnter", Silverlight.createDelegate(this, this.selectDropDownEnter));
		triangle.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.selectDropDownLeave));
		var listDropDown0 = rootElement.findName("triangle");
		listDropDown0.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.textSelect0));
		listDropDown0.addEventListener("MouseEnter", Silverlight.createDelegate(this, this.textMouseEnter0));
		listDropDown0.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.textMouseLeave0));
		var listDropDown1 = rootElement.findName("triangle");
		listDropDown1.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.textSelect1));
		listDropDown1.addEventListener("MouseEnter", Silverlight.createDelegate(this, this.textMouseEnter1));
		listDropDown1.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.textMouseLeave1));
		var listDropDown2 = rootElement.findName("triangle");
		listDropDown2.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.textSelect2));
		listDropDown2.addEventListener("MouseEnter", Silverlight.createDelegate(this, this.textMouseEnter2));
		listDropDown2.addEventListener("MouseLeave", Silverlight.createDelegate(this, this.textMouseLeave2));

	},
	onDropDownLoaded : function(sender, eventArgs) 
	{
        sender.findName("dropDown").Height = "0";
        sender.findName("listDropDown0").Opacity = 0;
        sender.findName("listDropDown1").Opacity = 0;
        sender.findName("listDropDown2").Opacity = 0;
	},
	dropDownCanvasMouseLeave : function(sender, eventArgs) 
	{
//        if(isDropDown == true){
//            selectDropDown(sender, eventArgs);
//        }
	},
	selectDropDown : function(sender, eventArgs) 
	{
        if(isDropDown == false){
            sender.findName("PullDown").Begin();
            sender.findName("MakeSelectionVisible0").Begin();
            sender.findName("MakeSelectionVisible1").Begin();
            sender.findName("MakeSelectionVisible2").Begin();
            isDropDown = true;
        }
        else{
            sender.findName("MakeSelectionNotVisible0").Begin();
            sender.findName("MakeSelectionNotVisible1").Begin();
            sender.findName("MakeSelectionNotVisible2").Begin();
            sender.findName("PullUp").Begin();
            isDropDown = false;
        }
	},
	selectDropDownEnter : function(sender, eventArgs) 
	{
        sender.findName("selectdropDown").Fill = "White";
        sender.findName("triangle").Fill = "Orange";
	},
	selectDropDownLeave : function(sender, eventArgs) 
	{
        sender.findName("selectdropDown").Fill = "#FFF4F0F0";
        sender.findName("triangle").Fill = "DarkGray";
	},
    textMouseEnter0 : function(sender, eventArgs)
    {
        sender.findName("listDropDown0").Foreground = "Orange";
    },
    textMouseLeave0 : function(sender, eventArgs)
    {
        sender.findName("listDropDown0").Foreground = "Black";
    },
    textSelect0 : function(sender, eventArgs)
    {
        sender.findName("buttonDropDown").Text = sender.findName("listDropDown0").Text;
    },
    textMouseEnter1 : function(sender, eventArgs)
    {
        sender.findName("listDropDown1").Foreground = "Orange";
    },
    textMouseLeave1 : function(sender, eventArgs)
    {
        sender.findName("listDropDown1").Foreground = "Black";
    },
    textSelect1 : function(sender, eventArgs)
    {
        sender.findName("buttonDropDown").Text = sender.findName("listDropDown1").Text;
    },
    textMouseEnter2 : function(sender, eventArgs)
    {
        sender.findName("listDropDown2").Foreground = "Orange";
    },
    textMouseLeave2 : function(sender, eventArgs)
    {
        sender.findName("listDropDown2").Foreground = "Black";
    },
    textSelect2 : function(sender, eventArgs)
    {
        sender.findName("buttonDropDown").Text = sender.findName("listDropDown2").Text;
    }
}