var empNoAutoPlaylist = true;
window.addEvent( 'domready', function()
{
	var $ = document.id;
	
	// colorize school name and logo
	var colors =
	[
		'ff0000',
		'990000',
		'990066',
		'ff00cc',
		'cc00ff',
		'660099',
		'990099',
		'660099',
		'6600ff',
		'3300cc',
		'0000ff',
		'3366cc',
		'3366ff',
		'0066ff',
		'006699',
		'0099ff',
		'006666',
		'00ccff',
		'006699',
		'009966',
		'33cc99',
		'006633',
		'009933',
		'33cc66',
		'00cc00',
		'006600',
		'66cc00',
		'99cc00',
		'669900',
		'999900',
		'ff9900',
		'cc6600',
		'663300',
		'993300',
		'ff6600',
		'cc3300',
		'663300',
		'ff9900',
		'ff6600',
		'ff3300',
		'cc3300',
		'ff00cc',
		'ff0099',
		'ff0066',
		'660000'
	]; 
	var sn = $$('#header h2 a')[0];
	var snt = sn.get('text').split(''); 
	snt.push(' ');
	sn.empty();
	snt.each( function(num)
	{
		var letter = new Element( 'span', { style:'color:#'+colors.getRandom(), text:num }).inject(sn)
		.addEvent( 'mouseover', function(ev)
		{
			morph.cancel().set(
			{
				color: '#fff', 
				backgroundColor: '#'+colors.getRandom(), 
				paddingTop: Number.random(0,20),
				paddingBottom: Number.random(0,10),
				zIndex: 99
			});
		})
		.addEvent( 'mouseout', function(ev)
		{
			morph.cancel().start(
			{
				color: '#'+colors.getRandom(), 
				backgroundColor: '#fff',
				paddingTop: 0,
				paddingBottom: 0,
				zIndex: 1
			});
		});
		var morph = new Fx.Morph( letter, 
		{
			onComplete: function()
			{
				letter.setStyle('background','transparent');	
			}
		});
	});
	console.log($('logo'));
	var logo = $('logo')
	.addEvent( 'mouseover', function()
	{
		logo.set('src',lsrc2);
	})
	.addEvent( 'mouseout', function()
	{
		logo.set('src',lsrc);
	});
	var lsrc = logo.get('src');
	var lsrc2 = lsrc.replace(/logo/,'logo_hover');
	new Element( 'img', { src:lsrc2 });
	
	
	// colorize footer
	function onResize()
	{
		$('footer').setStyle( 'width', $('wcheck').getSize().x);
	}
	window.addEvent( 'resize', onResize);
	onResize();
	ft = '1+1=2 Subjekt 1+3=4 Prädikat 6-5=1 Objekt 8:2=4 Kunst 4-1=3 Klassenbuch Tafel Vokabeln Präsens 3*3=9 Sachkunde Geschichte Musik 3+3=6 Hausaufgaben Biologie Lesen 5-2=3 Schreiben Singen 2*3=6 Rechnen Pause Primzahl Geometrie Ausflug Klassenfahrt Multiplikation Summe Erdkunde'.split(' ').shuffle().join(' ').split('');
	ft.each( function(num)
	{
		var c = '#'+colors.getRandom();
		var letter = new Element( 'span', 
		{
			text: num,
			styles:
			{
				backgroundColor: c,
				color: c,
				paddingTop: Number.random(0,30),
				cursor: 'default'
			}
		}).inject( $('footer'))
		.addEvent( 'mouseover', function(ev)
		{
			morph.cancel().set(
			{
				color: '#fff', 
				backgroundColor: '#'+colors.getRandom(), 
				paddingTop: Number.random(0,30)
			});
		})
		.addEvent( 'mouseout', function(ev)
		{
			var c = '#'+colors.getRandom();
			morph.cancel().start(
			{
				color: c, 
				backgroundColor: c,
				paddingTop: Number.random(0,30)
			});
		});
		var morph = new Fx.Morph( letter);
	});
	
	
	// colorize navigation
	function randColor(num,animate) {
		var m = num.retrieve('mrph',false),
			mrph = m ? m : new Fx.Morph(num),
			w = num.getSize().x - num.getStyle('paddingLeft').toInt() - num.getStyle('paddingRight').toInt(),
			x = num.getPosition($('menu-hauptnavigation')).x - num.getStyle('marginLeft').toInt(),
			p = Number.random(5,30),
			pr = x + w + p < 140 ? p : (140 - x - w).limit(0,30),
			pl = Number.random(5,30);
		num.store('mrph',mrph);
		// console.log( x +' '+w+' '+pr+' '+(x+w+pr));
		mrph.cancel()[animate?'start':'set']({
			backgroundColor: '#'+colors.getRandom(),
			color: '#fff',
			paddingTop: Number.random(0,7),
			paddingRight: pr,
			paddingBottom: Number.random(0,7),
			paddingLeft: pl,
			marginLeft: -pl
		});
	}
	$$('#leftcol .menu a').each( function(num)
	{
		num.addEvent('mouseover', function()
		{
			if( !num.hasClass('active'))
			{
				randColor(num,false);
			}
		})
		.addEvent('mouseout', function()
		{
			if( num.hasClass('active'))
			{
				randColor(num,true);
			}
			else
			{
				num.retrieve('mrph').cancel().start(
				{
					backgroundColor: '#fff',
					color: '#999',
					paddingTop: 0,
					paddingRight: 0,
					paddingBottom: 0,
					paddingLeft: 0,
					marginLeft: 0
				});
			}
		});
	});
	$$('#leftcol .current-menu-item > a, #leftcol .menu li ul li.current-menu-ancestor > a').each( function(num)
	{
		num.addClass('active');
		randColor(num,true);
	});
	
	
	// footer scroll behaviour
	var ssy = 0;
	var vp = $('viewport');
	var sf = -55;
	var srcl = new Fx.Scroll( vp,
	{
		link: 'cancel',
		onComplete: function()
		{
			ssy = 0;	
		}
	});
	$('footer').addEvent( 'mousewheel', function(ev)
	{
		if( !ssy) ssy = vp.getScroll().y;
		ssy += sf * ev.wheel;
		srcl.start( 0, ssy);
	});
	$('footer').addEvent( 'click', function(ev)
	{
		ssy = vp.getScroll().y - sf *3;
		srcl.start( 0, ssy);
	});
	
	
	// navigation scroll behaviour
	
	
	// endless scrolling
	function endlessScroll()
	{
		var page = 1,
			fin = false,
			loading = false,
			vp = $('viewport'),
			loc = window.location.href.split('#')[0].split('?')[0],
			qs = window.location.search;
		if( loc.contains('/blog/category/') || loc.contains('/blog/schuljahr/') || qs.contains('?s='))
		{
			function checkScroll()
			{
				if( fin || loading) return false;
				var wsc = vp.getScroll(),
					wss = vp.getScrollSize(),
					ws = window.getSize(),
					s = wss.y - ws.y - wsc.y;
				if( s<200) return true;
			}
				
			function loadNext()
			{
				loading = true;
				var url = loc;
                if( qs) {
                    url += qs + '&paged='+(page+1);
                } else {
                    if( !url.match(/\/$/)) url += '/';
                    url += 'page/'+(page+1);
                }
				new Request(
				{
					url: url,
					onSuccess: function(data)
					{
						data = data.split('<!-- POSTS -->')[1].split('<!-- /POSTS -->')[0];
						if( !data.trim()) fin = true;
						else
						{
							var wrp = new Element( 'div', { html:data }).inject( $('cnt'));
							arrangeImages( wrp);
							shortenTexts( wrp);
							addSchoolYears( wrp);
						}
						page++;
						loading = false;
					}
				}).send();
			}
			
			vp.addEvent( 'scroll', function()
			{
				if( checkScroll()) loadNext();
			});
			window.addEvent( 'resize', function()
			{
				if( checkScroll()) loadNext();
			});
			window.addEvent( 'load', function()
			{
				if( checkScroll()) loadNext();
			});
			if( checkScroll()) loadNext();
		}
	}
	endlessScroll();
	
	
	// force all images to right side
	// and build EMP playlists per post
	$$('.page').each( function(page)
	{
		page.getElements('.text').removeClass('text');
		var hs = ['h1', 'h2', 'h3', 'h4'],
            i = 0;
		page.getElements(hs.join(', ')).each( function(h)
		{
            var hasContent = '';
            var an = h.getAllNext();
            for( var j=0; j< an.length; j++) {
                var s = an[j];
                if( !hs.contains(s.get('tag')) || s.hasClass('no-section') || s.hasClass('addToPrevSection')) {
                    hasContent += s.get('text').replace('&nbp;','').trim();
                } else {
                    break;
                }
            }
			if( hasContent && !h.hasClass('addToPrevSection') && !h.hasClass('no-section'))
			{
				var post = new Element( 'div', { 'class':'post' }).wraps(h);
				var text = new Element( 'div', { 'class':'text' }).inject(post);
                if( !post.getElements('.meta p').length) {
                    new Element('div', { 'class':'meta', 'html':'<p>&nbsp;</p>'}).inject(post);
                }
                new Element( 'div', { 'class':'clear' }).inject(post);
				if( !h.hasClass('no-minimize')) post.addClass('minimize');
				while( true)
				{
					var n = post.getNext();
					if( n)
					{
						if( hs.indexOf( n.get('tag'))<0 || n.hasClass('addToPrevSection') || n.hasClass('no-section')) n.inject( text);
						else break;
					}
					else break;
				}
                i++;
			}
		});
        if( i>1) {
            page.addClass('multiple-posts');
        }
	});
	function arrangeImages( input)
	{
		input.getElements('.post').each( function(post, n)
		{
			var playlist = [];
			var i = 0;
			post.getElements('a').each( function(e)
			{

				var url = e.get('href');
				if( url && !url.match(/^javascript:/) && url.match(/youtube\.com\/watch|\.jpg$|\.jpg\?|\.jpeg$|\.jpeg\?|\.jpe$|\.jpe\?|\.gif$|\.gif\?|\.png$|\.png\?|\.mp3$|\.mp3\?|\.aac$|\.aac\?|\.f4a$|\.f4a\?|\.f4b$|\.f4b\?|\.m4a$|\.m4a\?|\.flv$|\.flv\?|\.f4v$|\.f4v\?|\.f4p$|\.f4p\?|\.mp4$|\.mp4\?|\.mov$|\.mov\?|\.3gp$|\.3gp\?|\.3g2$|\.3g2\?|\.m4v$|\.m4v\?|\.swf$|\.swf\?|\.dcr$|\.dcr\?/i))
				{
					var plItem = { url:e.get('href') };
					var plIndex = i;
					if( url.match( /\?.*duration=/)) plItem.duration = url.split('?')[1].split('duration=')[1].split('&')[0].toInt();
					else if( typeof(empLdr)!='undefined' && 'duration' in empLdr) plItem.duration = empLdr.duration.toInt();
					if( url.match( /\?.*thumbURL=/)) plItem.thumbURL = url.split('?')[1].split('thumbURL=')[1].split('&')[0];
					else if( url.match( /\?.*thumb=/)) plItem.thumbURL = url.split('?')[1].split('thumb=')[1].split('&')[0];
					else if( url.match( /\?.*title=/)) plItem.title = url.split('?')[1].split('title=')[1].split('&')[0];
					else if( e.get('title') || e.get('alt')) plItem.title = e.get('title') || e.get('alt');
                    else if(e.getFirst('img') && e.getFirst('img').get('title')) plItem.title = e.getFirst('img').get('title');
					if( url.match( /\?.*text=/)) plItem.text = url.split('?')[1].split('text=')[1].split('&')[0];
					else if( plItem.title) plItem.text = plItem.title;
					// console.log(plItem);
					playlist.push( plItem);
					e.addEvent( 'click', function(ev)
					{
						if( typeof(emp)!='undefined') {
							ev.preventDefault();
							emp.play( playlist, plIndex);
						}
					});
					i++;
				}

			});
            // console.log(playlist);
			if( post.getElements('img').length)
			{
				var imb = new Element( 'div', { 'class':'imgbox' }).inject( post, 'top');
				var fi = null;
				var fsrc = '';
				post.getElements('img').each( function(img,i)
				{
					var e = img.getParent().get('tag')=='a' ? img.getParent() : img;
					var assetID = e.get('data-slb-asset');
					var title = img.get('title') || img.get('alt');
					var p = e.getParent();
					img.erase('width');
					img.erase('height');
					if( !i) 
					{
						img.addClass('first');
						fi = img;
						fsrc = img.get('src');	
					}
					else
					{
						img.addEvent( 'mouseover', function()
						{
							fi.set( 'src', img.get('src'));
						});
						img.addEvent( 'mouseout', function(ev)
						{
							ev.stopPropagation();
						});
						imb.addEvent( 'mouseout', function()
						{
							fi.set( 'src', fsrc);
						});
					}
					e.inject( imb);
					if( !p.get('html').trim()) p.dispose();

					/*
					console.log(assetID);
					if( assetID && title.trim()) {
						setTimeout(function() {
							if( assetID in SLB.View.assets) {
								SLB.View.assets[assetID].caption = title;
							} else {
								SLB.View.assets[assetID] = { caption: title };
							}
							if( !n) { console.log(title); console.log(SLB.View.assets[assetID]); }
						}, 1000);
					}
					*/
				});
			}
		});

	}
	arrangeImages( $('cnt'));

	
	
	// short texts
	function shortenTexts( input)
	{

		input.getElements('.post').each( function(post)
		{
			var ph = post.getSize().y;
			// console.log( ph);
            var text = post.getElements('.text')[0];
            while( text.getLast('p')) {
                var p = text.getLast('p');
                if( !p.get('text').replace('&nbsp;','').replace('<br>','').trim()) {
                    p.dispose();
                } else {
                    break;
                }
            }
			if( ph>180 && (window.location.href.contains('/blog/category/') || window.location.href.contains('/blog/schuljahr/') || post.hasClass('minimize')))
			{
				post.addClass('minimized');
				var shortText = new Element( 'div', { 'class':'shorttext', html: '<p>'+text.get('html').replace(/(&nbsp;|<([^>]+)>)/ig,' ').replace(/[ ]+/g,' ').substr(0,330)+'... </p>' }).inject( text, 'before');
				var meta =  post.getElements('.meta p')[0];
				var mml = new Element( 'a', { 'class':'minimize', href:'#', text:'[minimieren]' }).inject( meta)
					.fade('hide')
					.addEvent( 'click', function(ev)
					{
						ev.preventDefault();
						post.addClass('minimized');
						shortText.inject( text, 'before').fade('hide').fade('in');
						text.dispose();
						mml.fade('hide');
					});
				new Element( 'a', { href:'#', text:'weiterlesen' }).inject( shortText.getElements('p')[0])
					.addEvent( 'click', function(ev)
					{
						ev.preventDefault();
						post.removeClass('minimized');
						text.inject( shortText, 'before').fade('hide').fade('in');
						shortText.dispose();
						mml.fade('in');
					});
				text.dispose();
			}
		});
	}
    if( !$$('.page').length || $$('.page')[0].hasClass('multiple-posts')) {
        shortenTexts( $('cnt'));
    }


    // Schuljahre menus
	var sj = '';
	function addSchoolYears( input) {
		var loc = window.location.href.split('#')[0].split('?')[0];
		if( loc.contains('/blog/category/aktuell') || loc.contains('/blog/schuljahr/')) {
			if( !sj) {
				sj += '<option value="">Schuljahr</option>';
				Array.each( mmgh_sj, function(num,i) {
					// sj += '<li><a href="https://mmgh.de/blog/schuljahr/'+num.slug+'">'+num.name+'</a></li>';
					sj += '<option value="https://mmgh.de/blog/schuljahr/'+num.slug+'">'+num.name+'</option>';
				});
				// sj += '<li><a href="https://mmgh.de/blog/category/aktuell/">alle</a></li>';
				// sj = '<div class="schuljahre">Schuljahr <span class="icon"></span><ul>'+sj+'</ul></div>';
				sj += '<option value="https://mmgh.de/blog/category/aktuell/">alle</option>';
				sj = '<select class="schuljahre">'+sj+'</select>';
			}
			input.getElements( 'h1, .format-status .headline h3').each( function(num) {
				num.appendHTML( sj);
				num.getElement('select.schuljahre').addEvent('change', function(ev) {
					location.href = ev.target.get('value');
				});
			});
		}
	}
	addSchoolYears( $('cnt'));


    // add Mailer forms
    $$('.Mailer').each( function(num)
    {
        new Mailer(num);
    });



});