var TeaserInfoAnimation = new Class({
	
    initialize: function()
    {
        this.isOpening = false;
        this.teaserInfoOpen = true;
    },

    getTeaserInfo: function()
    {
        //alert(document.getElementsBySelector("div.blv_xmlimporter_finder_form")[0]);
        return document.getElementsBySelector("div.teaser_info_content")[0];
    },

	getTeaserSwitch: function()
    {
        return document.getElementsBySelector("a.TeaserInfoAnimationButton")[0];
    },

    openTeaserInfo: function(e)
    {
        this.stopEvent(e);

        if (this.isOpening) return;

        this.isOpening = true;

        var ffo = this.getTeaserInfo();
        var fbu = this.getTeaserSwitch();
                
        /*fbu.setStyle("background-color", "white");*/
        ffo.setStyle("visibility", "visible");
        ffo.setStyle("display", "block");

        var animWidth = new Fx.Style(ffo, 'width', {duration:500, onStart: function()
        {
            this.isOpening = true;
        }});
        //animWidth.set(0);
        animWidth.start(1, 300);
        fbu.innerHTML = '>';
        this.isOpening = false;
        this.teaserInfoOpen = true;
        document.getElementsBySelector("div.teaser_info_content")[0].unselectable = "on";
    	document.getElementsBySelector("div.teaser_info_content")[0].style.MozUserSelect = "none";

    },

    closeTeaserInfo: function()
    {
        if (this.isOpening) return;
		
        var ffo = this.getTeaserInfo();
        var fbu = this.getTeaserSwitch();

        var animWidth = new Fx.Style(ffo, 'width', {duration:500, onComplete: function()
        {
            ffo.setStyle("visibility", "hidden");
            ffo.setStyle("display", "none");
            /*fbu.setStyle("background-color", "#c4c4c4");*/
            this.isOpening = true;
        }});
        animWidth.start(1);
        fbu.innerHTML = '<';
        this.isOpening = false;
        this.teaserInfoOpen = false;
    },

    stopEvent: function(e)
    {
        if (e.stopPropagation)
        {
            e.stopPropagation();
        }
        else
        {
            e.cancelBubble = true;
        }
    },
    		
	toggleInfo: function(e)
	{
		var teaserInfo = document.getElementById("teaser_info");
		if (this.teaserInfoOpen == true) {
			this.closeTeaserInfo(e);
		} else {
			this.openTeaserInfo(e);
		}
	} 
});

function initTeaserSwitch() {
	TeaserInfoAnimation = new TeaserInfoAnimation();
	window.addEvent('domready', function(){
 		TeaserInfoAnimation.toggleInfo();
	});
}