var Base64 = {

    // private property
    _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",

    // public method for encoding
    encode : function (input) {
        var output = "";
        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
        var i = 0;

        input = Base64._utf8_encode(input);

        while (i < input.length) {

            chr1 = input.charCodeAt(i++);
            chr2 = input.charCodeAt(i++);
            chr3 = input.charCodeAt(i++);

            enc1 = chr1 >> 2;
            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
            enc4 = chr3 & 63;

            if (isNaN(chr2)) {
                enc3 = enc4 = 64;
            } else if (isNaN(chr3)) {
                enc4 = 64;
            }

            output = output +
            this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
            this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);

        }

        return output;
    },

    // public method for decoding
    decode : function (input) {
        var output = "";
        var chr1, chr2, chr3;
        var enc1, enc2, enc3, enc4;
        var i = 0;

        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

        while (i < input.length) {

            enc1 = this._keyStr.indexOf(input.charAt(i++));
            enc2 = this._keyStr.indexOf(input.charAt(i++));
            enc3 = this._keyStr.indexOf(input.charAt(i++));
            enc4 = this._keyStr.indexOf(input.charAt(i++));

            chr1 = (enc1 << 2) | (enc2 >> 4);
            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
            chr3 = ((enc3 & 3) << 6) | enc4;

            output = output + String.fromCharCode(chr1);

            if (enc3 != 64) {
                output = output + String.fromCharCode(chr2);
            }
            if (enc4 != 64) {
                output = output + String.fromCharCode(chr3);
            }

        }

        output = Base64._utf8_decode(output);

        return output;

    },

    // private method for UTF-8 encoding
    _utf8_encode : function (string) {
        string = string.replace(/\r\n/g,"\n");
        var utftext = "";

        for (var n = 0; n < string.length; n++) {

            var c = string.charCodeAt(n);

            if (c < 128) {
                utftext += String.fromCharCode(c);
            }
            else if((c > 127) && (c < 2048)) {
                utftext += String.fromCharCode((c >> 6) | 192);
                utftext += String.fromCharCode((c & 63) | 128);
            }
            else {
                utftext += String.fromCharCode((c >> 12) | 224);
                utftext += String.fromCharCode(((c >> 6) & 63) | 128);
                utftext += String.fromCharCode((c & 63) | 128);
            }

        }

        return utftext;
    },

    // private method for UTF-8 decoding
    _utf8_decode : function (utftext) {
        var string = "";
        var i = 0;
        var c = c1 = c2 = 0;

        while ( i < utftext.length ) {

            c = utftext.charCodeAt(i);

            if (c < 128) {
                string += String.fromCharCode(c);
                i++;
            }
            else if((c > 191) && (c < 224)) {
                c2 = utftext.charCodeAt(i+1);
                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                i += 2;
            }
            else {
                c2 = utftext.charCodeAt(i+1);
                c3 = utftext.charCodeAt(i+2);
                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                i += 3;
            }

        }

        return string;
    }
}

tobjects = new Array();

var topteaser = new Class({
	animating: false,
	direction: null,
	
	initialize: function(objects) {
		if( !$('topTeaser') )
			return;
		
		this.objects = objects;
		this.items = $$('.topteaseritem');
		this.backButton = $('topTeaser').getElement('a.back');
		this.fwdButton = $('topTeaser').getElement('a.forward');
		this.index = 0;
		this.navigation = $$('ul.navTopteaser');
		this.navigation = this.navigation[0].getElements('li');
		
		var self = this;
		$each(this.items, function(item, index){
			item.setStyles({'position':'absolute','left':0,'top':0, 'display':''});
			if( index > 0 ) {
				item.fade('out');
			}
		});
		
		var textInfo = $$('.textInfo');
		textInfo.fade('out');
		textInfo.setStyles({'display':''});
		
		this.backButton.addEvent('click', function(){
			self.go('back');
		});
		this.fwdButton.addEvent('click', function(){
			self.go('fwd');
		});
		
		var iconInfo = $$('.iconInfo');
		iconInfo.addEvent('click', function(){
			var textInfo = $$('.textInfo');
			textInfo.setStyles({'display':''});
			textInfo.fade('in');
		});
		
		var textInfoClose = $$('p.textInfoClose');
		textInfoClose.addEvent('click', function(){
			var textInfo = $$('.textInfo');
			textInfo.fade('out');
		});
		
		$each(this.navigation, function(n,index){
			n.addEvent('click',function(){
				self.jumpTo(index);
			});
		});
	},
	
	jumpTo: function(index) {
		this.index = index;
		
		$each(this.navigation, function(n){
			n.removeClass('active');
		});
		
		this.navigation[this.index].addClass('active');
		
		var textInfo = $$('.textInfo');
		textInfo.setStyles({'display':'none'});
		textInfo.fade('out');
		
		$each(this.items, function(item){
			item.fade('out');
		});
		
		var kurztext = $$('.textNew');
		var text = Base64.decode(this.objects[this.index].langtext);
		var title = (Base64.decode(this.objects[this.index].langtext)).replace(/- /g, "");
		if( text.length > 50 )
			text = text.substring(0,50)+'...';
		kurztext.set('html', '<a href="'+Base64.decode(this.objects[this.index].url)+'" title="'+Base64.decode(this.objects[this.index].atitel)+'">'+text+'</a>');
		
		
		if( this.objects[this.index].kurztext == '' ) {
			$('iconInfo').setStyles({'display':'none'});
		}
		else {
			$('iconInfo').setStyles({'display':''});
		}
		
		
		var langtext = $$('.langtext');
		var html = Base64.decode(this.objects[this.index].kurztext);
		langtext[0].set('html', html);
		
		if( parseInt(this.objects[this.index].neu) == 1 ) {
			var span = new Element('span',{
				'html':'NEU',
				'class':'new',
				'display':''
			}).inject(kurztext[0]);
		}
		
		/*
		var link = textInfo.getElement('p.more').getElement('a');
		link.set({
			'href': this.objects[this.index].url
		});
		*/
		textInfo.getElement('h3').set('html', '<a href="'+Base64.decode(this.objects[this.index].url)+'" title="'+Base64.decode(this.objects[this.index].titel)+'">'+Base64.decode(this.objects[this.index].titel)+'</a>');
		Cufon.replace('#topTeaser .textNew');
		Cufon.replace('h3'); 
		
		var new_class = this.objects[this.index].pos;
		$('topTeaser').className = new_class;
		this.items[this.index].fade('in');
	},
	
	go: function(direction) {
		this.direction = direction;
		
		this.index = direction == "back" ? this.index - 1 : this.index + 1;
		this.index = this.index < 0 ? this.items.length-1 : this.index;
		this.index = this.index >= this.items.length ? 0 : this.index;
		
		$each(this.navigation, function(n){
			n.removeClass('active');
		});
		
		this.navigation[this.index].addClass('active');
		
		var textInfo = $$('.textInfo');
		textInfo.setStyles({'display':'none'});
		textInfo.fade('out');
		
		$each(this.items, function(item){
			item.fade('out');
		});
		
		var kurztext = $$('.textNew');
		var text = Base64.decode(this.objects[this.index].langtext);
		if( text.length > 50 )
			text = text.substring(0,50)+'...';
		kurztext.set('html', '<a href="'+Base64.decode(this.objects[this.index].url)+'" title="'+Base64.decode(this.objects[this.index].atitel)+'">'+text+'</a>');
		var langtext = $$('.langtext');
		var html = Base64.decode(this.objects[this.index].kurztext);
		langtext[0].set('html', html);
		
		if( parseInt(this.objects[this.index].neu) == 1 ) {
			var span = new Element('span',{
				'html':'NEU',
				'class':'new',
				'display':''
			}).inject(kurztext[0]);
		}
		
		if( this.objects[this.index].kurztext == '' ) {
			$('iconInfo').setStyles({'display':'none'});
		}
		else {
			$('iconInfo').setStyles({'display':''});
		}
		
		/*
		var link = textInfo.getElement('p.langtext').getElement('a');
		link.set({
			'href': this.objects[this.index].url
		});
		*/
		textInfo.getElement('h3').set('html', '<a href="'+Base64.decode(this.objects[this.index].url)+'" title="'+Base64.decode(this.objects[this.index].titel)+'">'+Base64.decode(this.objects[this.index].titel)+'</a>');
		Cufon.replace('#topTeaser .textNew');
		Cufon.replace('h3'); 
		
		var new_class = this.objects[this.index].pos;
		$('topTeaser').className = new_class;
		this.items[this.index].fade('in');
	}
});