/**
 * @author oliverschorwerth
 */

var homepage = {};
var Startcontrol = Class.create({
	initialize: function() {
		this.activeContainer;
		this.productOption;
		this.motiveOption;
		this.redirectPending = false;
		this.uiEffects($$('.sstm_tabmain')[0],'active');
		this.uiEffects($$('.sstm_tabmain')[1],'inactive'); 
	},
	
	uiEffects: function(element,action) { 
		if (element.hasClassName('sstm_tabmain')) {
			if (element.hasClassName('sstmButtonInactiveMain')) {
				element.removeClassName('sstmButtonInactiveMain')
				element.next().removeClassName('sstmButtonInactiveEnd')
			}
			if (element.hasClassName('sstmButtonActiveMain')) {
				element.removeClassName('sstmButtonActiveMain')
				element.next().removeClassName('sstmButtonActiveEnd')
			}
			if (element.hasClassName('sstmButtonReadyMain')) {
				element.removeClassName('sstmButtonReadyMain')
				element.next().removeClassName('sstmButtonReadyEnd')
			}
			switch (action) {
				case 'active':
					element.addClassName('sstmButtonActiveMain')
					element.next().addClassName('sstmButtonActiveEnd')
					break;
				case 'inactive':
					element.addClassName('sstmButtonInactiveMain')
					element.next().addClassName('sstmButtonInactiveEnd')
					break;
				case 'ready':
					element.addClassName('sstmButtonReadyMain')
					element.next().addClassName('sstmButtonReadyEnd')
					break;
			}
		}
	},
	setOption: function(el,product,motive) {
		if (this.redirectPending == false) {
			if (product != false) {
				this.uiEffects(el, 'ready');
				this.productOption = product;
				
				//falls schon gewählt
				if (this.saveMotive) {
					$('taberror').update('');
					this.motiveOption = this.saveMotive;
					this.setOption(el, false, this.motiveOption);
					return;
				}
				
				window.tabsobj.next();
				var active = window.tabsobj.activeLink.down(0);
				this.uiEffects(active, 'active');
			}
			if (motive != false) {
				this.uiEffects(el, 'ready');
				this.motiveOption = motive;
				
				if (this.productOption && this.motiveOption) {
					sw.general.oneLineError($('taberror'), 'Sie werden jetzt in unseren Shop weitergeleitet.', 'success');
					window.setLocation(BASE_URL + 'shop?product=' + this.productOption + '&motive=' + this.motiveOption);
					this.redirectPending = true;
				}
				else {
					this.saveMotive = motive;
					window.tabsobj.previous();
					sw.general.oneLineError($('taberror'), 'Bitte gehen Sie zurück und wählen Sie eine Option. Alle Tabs sollten grün sein.', 'error');
				}
			}
		}
	}
	/*,
	
	observeNews: function() {
		var hoverContainer = $$('.newsOptionHover')[0];
		var newsContainer = $('homeNews');
		
		newsContainer.observe('mouseover',function() {
			hoverContainer.show();
		});
		newsContainer.observe('mouseout',function() {
			hoverContainer.hide();
		});
	} */
});

var Tabs = Class.create({
    initialize: function(tab_list_container,options){
        if(!$(tab_list_container)) {
            throw "Tabs could not find the element: " + tab_list_container; }
        this.activeContainer = false;
        this.activeLink = false;
        this.containers = $H({});
        this.links = [];
        Tabs.instances.push(this);
        this.options = {
            beforeChange: Prototype.emptyFunction,
            afterChange: Prototype.emptyFunction,
            hover: false,
            linkSelector: 'li a',
            setClassOnContainer: false,
            activeClassName: 'active',
            defaultTab: 'first',
            autoLinkExternal: true,
            targetRegExp: /#(.+)$/,
            showFunction: Element.show,
            hideFunction: Element.hide
        };
        Object.extend(this.options,options || {});
        (typeof(this.options.linkSelector == 'string') ? 
            $(tab_list_container).select(this.options.linkSelector) : 
            this.options.linkSelector($(tab_list_container))
        ).findAll(function(link){
            return (/^#/).exec((Prototype.Browser.WebKit ? decodeURIComponent(link.href) : link.href).replace(window.location.href.split('#')[0],''));
        }).each(function(link){
            this.addTab(link);
        }.bind(this));
        this.containers.values().each(Element.hide);
        if(this.options.defaultTab == 'first') {
            this.setActiveTab(this.links.first());
        } else if(this.options.defaultTab == 'last') {
            this.setActiveTab(this.links.last());
        } else {
            this.setActiveTab(this.options.defaultTab); }
        var targets = this.options.targetRegExp.exec(window.location);
        if(targets && targets[1]){
            targets[1].split(',').each(function(target){
                this.setActiveTab(this.links.find(function(link){
                    return link.key == target;
                }));
            }.bind(this));
        }
        if(this.options.autoLinkExternal){
            $A(document.getElementsByTagName('a')).each(function(a){
                if(!this.links.include(a)){
                    var clean_href = a.href.replace(window.location.href.split('#')[0],'');
                    if(clean_href.substring(0,1) == '#'){
                        if(this.containers.keys().include(clean_href.substring(1))){
                            $(a).observe('click',function(event,clean_href){
								this.setActiveTab(clean_href.substring(1));
                            }.bindAsEventListener(this,clean_href));
                        }
                    }
                }
            }.bind(this));
        }
    },
    addTab: function(link){
        this.links.push(link);
        link.key = link.getAttribute('href').replace(window.location.href.split('#')[0],'').split('#').last().replace(/#/,'');
        var container = $(link.key);
        if(!container) {
            throw "Tabs: #" + link.key + " was not found on the page."; }
        this.containers.set(link.key,container);
        link[this.options.hover ? 'onmouseover' : 'onclick'] = function(link){  
			if(link.key != 'sstm_motive') { //SW EDIT
	            if(window.event) {
	                Event.stop(window.event); }
	            this.setActiveTab(link);
			}
			if(link.key == 'sstm_product') {
				homepage.controls.uiEffects($$('.sstm_tabmain')[0],'active');
				homepage.controls.uiEffects($$('.sstm_tabmain')[1],'inactive'); 
			}
            return false;
        }.bind(this,link);
    },
    setActiveTab: function(link){
		if (!link && typeof(link) == 'undefined') {
			return;
		}
		if (typeof(link) == 'string') {
			this.setActiveTab(this.links.find(function(_link){
				return _link.key == link;
			}));
		}
		else 
			if (typeof(link) == 'number') {
				this.setActiveTab(this.links[link]);
			}
			else {
				if (this.notify('beforeChange', this.activeContainer, this.containers.get(link.key)) === false) {
					return;
				}
				if (this.activeContainer) {
					this.options.hideFunction(this.activeContainer);
				}
				this.links.each(function(item){
					(this.options.setClassOnContainer ? $(item.parentNode) : item).removeClassName(this.options.activeClassName);
				}
.bind(this));
				(this.options.setClassOnContainer ? $(link.parentNode) : link).addClassName(this.options.activeClassName);
				this.activeContainer = this.containers.get(link.key);
				this.activeLink = link;
				this.options.showFunction(this.containers.get(link.key));
				this.notify('afterChange', this.containers.get(link.key));
			}
    },
    next: function(){
        this.links.each(function(link,i){
            if(this.activeLink == link && this.links[i + 1]){
                this.setActiveTab(this.links[i + 1]);
                throw $break;
            }
        }.bind(this));
    },
    previous: function(){
        this.links.each(function(link,i){
            if(this.activeLink == link && this.links[i - 1]){
                this.setActiveTab(this.links[i - 1]);
                throw $break;
            }
        }.bind(this));
    },
    first: function(){
        this.setActiveTab(this.links.first());
    },
    last: function(){
        this.setActiveTab(this.links.last());
    }
});
Object.extend(Tabs,{
    instances: [],
    findByTabId: function(id){
        return Tabs.instances.find(function(tab){
            return tab.links.find(function(link){
                return link.key == id;
            });
        });
    }
});
Object.Event.extend(Tabs);

function initLibHomepage() {
	homepage.controls = new Startcontrol();
	if (is_homepage) {
		/*homepage.controls.observeNews();*/
	}
}
document.observe('dom:loaded',initLibHomepage);