/**************************************
* Jonas Raoni Soares Silva
* http://www.joninhas.ath.cx
**************************************/
var currentIndex = 0

function changeText(index,len) {
	var $ = jQuery
	//$('#imageMenu .index').text((index+1)+' / '+len)
	var lnkPrev = $('#imageMenu a.prev')
	var lnkNext = $('#imageMenu a.next')
	
	//$('#imageMenu p.caption').text("")
	
	var currentCaption = $('#leftCol .images .image:eq('+(index)+') .caption').text()
	//alert((index+1))
	//if(currentCaption) {
		$('#imageMenu p.caption').text(currentCaption)
	//}
	currentIndex = index
	if(index==0) {
		if(lnkPrev.css('display')=='none') {
			return
		}
		lnkPrev.hide()
		$('#imageMenu li.prev').prepend('<span class="prev">&lt;&nbsp;&nbsp;</span>')
	} else if(lnkPrev.css('display')=='none') {
		$('#imageMenu span.prev').remove()
		lnkPrev.show()
	}
	if((index+1)==len) {
		lnkNext.hide()
		$('#imageMenu li.next').append('<span class="next">&nbsp;&nbsp;&gt;</span>')
	} else if(lnkNext.css('display')=='none') {
		$('#imageMenu span.next').remove()
		lnkNext.show()
	}
}

var g_ImageTimer = false
function changeImage() {
	var $ = jQuery
	var scroll = $('#leftCol .images').scrollable()
	var i = scroll.getIndex()
	var len = scroll.getItems().length
	if(i+1==len) {
		scroll.begin()
	} else {
		scroll.next()
	}
	g_ImageTimer = window.setTimeout(changeImage, 3000)
	
}

function startStopAnimation() {
	var $ = jQuery
	var btn = $('#imageMenu a.stopplay')
	if(!g_ImageTimer) {
		btn.text('stop')
		//changeImage()
	} else {
		btn.text('start')
		window.clearTimeout(g_ImageTimer);
		g_ImageTimer = false
	}
}


function initImages() {
	var $ = jQuery
	


	var len = $('#leftCol .images .image').length
	if(len<=1) {
		return
	}

	//var deinTimer = window.setTimeout(changeImage, 3000)
	

	$('#leftCol .images .image .caption').hide();
	
	$('#leftCol').append('<div id="imageMenu"><ul class="menu"></ul><div class="caption"><p class="caption"> leer </p></div></div>')
	var imgMenu = $('#imageMenu ul.menu')
	// imgMenu.append('<li class="prev"><a class="prev" href="">&lt;&nbsp;&nbsp;</a></li>')
	imgMenu.append('<li class="stopplay"><a class="stopplay" href="">stop</a></li>')
	// imgMenu.append('<li class="next"><a class="next" id="nextImage" href="">&nbsp;&nbsp;&gt;</a></li>')

	var index = 0
	var slides = $('#leftCol .images .items')
	slides.cycle({ 
		fx:     'fade', 
		speed:   300, 
		timeout: 3000, 
	// next:   '#imageMenu .next', 
	// prev:   '#imageMenu .prev',
		pause:   1,
		after:   function(eIn,eOut,eObj) {
			changeText(index,len)
			index += 1
			if(index==len)
				index = 0
		}
	});
	slides.cycle('pause');
	var timer
	timer = window.setTimeout(function() {
	window.clearTimeout(timer)
	slides.cycle('resume');
	}, 2400)

	var bPlaying = true
	imgMenu.find('a.stopplay').click(function(){
		$(this).blur()
		if(bPlaying) { // Animation stoppen
			bPlaying = false
			$(this).text('start')
			slides.cycle('pause');
		} else { // Animation starten
			$(this).text('stop')
			bPlaying = true
			slides.cycle('resume');
		}
		return false;
	})
	
}

hitTest = function(o, l){
    function getOffset(o){
        for(var r = {l: o.offsetLeft, t: o.offsetTop, r: o.offsetWidth, b: o.offsetHeight};
            o = o.offsetParent; r.l += o.offsetLeft, r.t += o.offsetTop);
        return r.r += r.l, r.b += r.t, r;
    }
    for(var b, s, r = [], a = getOffset(o), j = isNaN(l.length), i = (j ? l = [l] : l).length; i;
        b = getOffset(l[--i]), (a.l == b.l || (a.l > b.l ? a.l <= b.r : b.l <= a.r))
        && (a.t == b.t || (a.t > b.t ? a.t <= b.b : b.t <= a.b)) && (r[r.length] = l[i]));
    return j ? !!r.length : r;
};

jQuery(document).ready(function(){

	var $ = jQuery
	
	// Bilder Galerie
	initImages()
	
	var mainpos = $('#main').offset()
	
	//
	//	Menu initialisieren
	//
	$('#mainmenu > ul > li').each(function() {
	//var li = $('#mainmenu > ul > li')
	var li = $(this)
		li.append('<div class="dragable"></div>')
		
		var aSubLis = []
		//s
		var drag = li.find('.dragable')
		drag.draggable({
			axis:'x',
			grid: [110],
			stop: function(event, ui) {
				for(var i = 0; i < aSubLis.length; i++) {
					if(hitTest(drag.get(0),aSubLis[i].get(0))) {
						//aSubLis[i].hide()
						var lnk = aSubLis[i].find('a').attr('href')
						location.href = lnk
						break;
					}
				}
			}
		})
		
		if(jQuery.browser.msie) {
			drag.css('marginLeft', (mainpos.left+94)+'px')
		}
		
		var act = li.find('ul > li.active')
		if(act.get(0)) {
		
		var pos = act.position()
		
		
		
		
		var pl = pos.left - drag.css('marginLeft').split('px')[0] + 16
		//alert(mainpos.left)
		//alert(pl)
		if(jQuery.browser.msie) {
		pl += 19
		} else {
		pl -= mainpos.left
		}
		drag.css('left',pl+'px')
		
		}
		
		li.find('ul > li').each(function() {
			aSubLis[aSubLis.length] = $(this)
			/*
			var lnk = $(this).find('a').attr('href')
			$(this).droppable({
				drop: function(event, ui) {
					location.href = lnk + '&dpos=' + drag.css('left')
				},
				over: function(event, ui) { 
				alert(1)
				}

			});
			*/

		})
		//drag.draggable('option', 'axis', 'x')
	})
	
})