asdf_Engine.extend(asdf_Button,asdf_Element);
/**
USAGE: var myButton = new asdf_Button("buttonID", $("#PARENTHTMLID").get(0) OR ASDF_ELEMENT, posX, posY, "backgroundColor", width, height, "positionType", "extraCSS", initialShow, zIndex, "NormalImage.png", "activeImage.png", "hoverImage.png" );
	Then register click Events with:
	myButton.registerOnMouseClickEvent(asdf_Engine.bind(Element, "functionName"), true);
	
	Example:
	var button1 = new asdf_Button("button1", $("#mainBody").get(0), 10, 10, "transparent", 200, 50, "absolute", "testclass", true, 510, "../media/button1_inaktiv.png", "../media/button1_aktiv.png");
	var button2 = new asdf_Button("button2", $("#mainBody").get(0), 100, 10, "transparent", 200, 50, "absolute", "testclass", true, 510, "../media/button2_inaktiv.png", "../media/button2_aktiv.png");
	button1.registerOnMouseClickEvent(asdf_Engine.bind(button2, "toggleActive"), true);
	button2.registerOnMouseClickEvent(asdf_Engine.bind(button1, "toggleActive"), true);
*/
function asdf_Button(id, parent, positionX, positionY, bgColor, width , height, positionType, extra_css_class, initialShow, zIndex,image_normal, image_active, image_hover){
	this.mNormalSrc = asdf_Engine.initParameter(image_normal, "Normal Image not set");
	this.mActiveSrc = asdf_Engine.initParameter(image_active, "Active Image not set - set to Image normal", image_normal);
	this.mHoverSrc = asdf_Engine.initParameter(image_active, "Hover Image not set - set to Image normal", image_normal);
	
	this.mActive = false;
	
	asdf_Button.baseConstructor.call(this,id, parent, positionX, positionY, bgColor, width , height, positionType, extra_css_class, initialShow, zIndex);
		
	this.registerOnMouseEnterEvent(asdf_Engine.bind(this, "setHoverImage"), true);
	this.registerOnMouseOutEvent(asdf_Engine.bind(this, "unsetHoverImage"), true);
	this.registerOnMouseClickEvent(asdf_Engine.bind(this, "toggleActive"), true);
	
	
    


}

asdf_Button.prototype.show = function(){
	if(this.mDomTreeObject == null){
		asdf_Panel.superClass.show.call(this);
		
	this.mImage = asdf_Engine.createDomObject(this, this.mId+ "_Image", "img", this.mType, this.mExtraClassCSS, this.mNormalSrc);
	$(this.mImage).mouseover(onMouseOver);
	$(this.mImage).mouseout(onMouseOut);
	$(this.mImage).click(onMouseClick);
	$(this.mImage).mouseenter(onMouseEnter);
	this.mImage.style.left = this.mPosX.getValue();
	this.mImage.style.top = this.mPosY.getValue();
	this.mImage.style.zIndex = this.mZIndex-1;

			
	}
	
}
asdf_Button.prototype.setHoverImage = function(){
	if(this.mDomTreeObject == null)
        return;

    this.mImage.src = this.mHoverSrc;
}

asdf_Button.prototype.unsetHoverImage = function(){
	if(!this.mActive){
		if(this.mDomTreeObject == null)
    	    return;
    	this.mImage.src = this.mNormalSrc;
	}
	
}

asdf_Button.prototype.setActiveImage = function(){
	if(this.mDomTreeObject == null)
        return;
    this.mActive = true;
    this.mImage.src = this.mActiveSrc;
}

asdf_Button.prototype.unsetActiveImage = function(){
	this.mActive = false;
	this.unsetHoverImage();
}

asdf_Button.prototype.activate = function(){
	this.setActiveImage();
}

asdf_Button.prototype.deactivate = function(){
	this.unsetActiveImage();
}

asdf_Button.prototype.toggleActive = function(){
	if(this.mActive)
		this.deactivate();
	else
		this.activate();
}

asdf_Button.prototype.link = function(params){
	var target = params.parameter[0];
	window.location = target;	
}