function root_Loaded(sender, args) {
    var button = sender.findName("button");
    button.mouseEnter = "javascript:handleMouseEnter";
    button.mouseLeave = "javascript:handleMouseLeave";
    button.mouseLeftButtonUp = "javascript:handleMouseUp";
    button.mouseLeftButtonDown = "javascript:handleMouseDown";
}

function handleMouseEnter(sender, eventArgs) {
    var gradientStop1 = sender.findName("gradientStop1");
	var gradientStop2 = sender.findName("gradientStop2");
	gradientStop1.offset = 1;
	gradientStop2.offset = .403;
}

function handleMouseLeave(sender, eventArgs) {
	var gradientStop1 = sender.findName("gradientStop1");
	var gradientStop2 = sender.findName("gradientStop2");
	gradientStop1.offset = 1;
	gradientStop2.offset = .218;
}

function handleMouseUp(sender, eventArgs) {
	var gradientStop1 = sender.findName("gradientStop1");
	var gradientStop2 = sender.findName("gradientStop2");
	gradientStop1.offset = 1;
	gradientStop2.offset = .403;
	
	alert("clicked");
}

function handleMouseDown(sender, eventArgs) {
	var gradientStop1 = sender.findName("gradientStop1");
	var gradientStop2 = sender.findName("gradientStop2");
	gradientStop1.offset = .7;
	gradientStop2.offset = .475;
}