// Dies funktioniert nur mit jQuery 1.4! before und after funktionieren erst ab 1.4 mit "detached elements"
// Das ist aber die einfachste Methode, um um die ausgeschnittenen Elemente der Sitemap herum das DIV zu bekommen und das Bild anzuhängen.

jq(document).ready(function(){
    jq("body").append('<div id="dropdown_navi_source" />');
    jq("#dropdown_navi_source").hide();
    jq("#footerviewlets .portletTopicSitemapPortlet ul li ul").each(function(){
        var thisname = jq(this).attr("class").replace("navTree navTreeLevel1 ","");
        var clone = jq(this).clone();
        clone[0].id=thisname+'_ddnavi';
        jq("#dropdown_navi_source").append(clone);
        jq("#dropdown_navi_source>#"+clone[0].id).wrap('<div class="dropdown_navi_top" />').wrap('<div class="dropdown_navi" />')
    })
    jq("#dropdown_navi_source").show();
    jq(".dropdown_navi_top").boxShadow( 2, 2, -2, 2, 5, "#bdbdbd");
    jq("#dropdown_navi_source").hide();
} );

    function findTabName(element)
    {
        return element.id.replace("portaltab-",'').replace(/(^|\s)([a-z])/g, function(m,p1,p2){ return p1+p2.toUpperCase(); })
    }

jq(document).ready(function(){
    jq("[id^='portaltab-']").each(function(index,item){
        jq(this).mouseenter(function(){jq(this).parent().find(".dropdown_navi_top").appendTo(jq("#dropdown_navi_source"));
        jq(this).append(jq("#dropdown_navi_source").find('#'+findTabName(this)+'_ddnavi').parent().parent())});
        jq(this).mouseleave(function(){jq(this).children(".dropdown_navi_top").appendTo(jq("#dropdown_navi_source"))});
    });
});

jq(document).ready(function(){
		
    jq(".zielgruppe").hide();
    jq("#zielgruppen a.Title").each(function(index,item){
        var zg = jq(this).next(".zielgruppe");
        jq(this).mouseover(function(){ if(zg.is(":hidden")) { zg.show(); jq("#portal-columns").animate({ opacity: "0.3",}, 500 ); }; 
        jq(this).parents().find(".zielgruppe:visible").not(zg).hide() } );
    });
    
    jq("#portal-columns").mouseover(function(){jq(".zielgruppe").hide(); jq("#portal-columns").animate({ opacity: "1.0",}, 250 ); });
    
});


//jq(document).ready(function(){
//    jq('.carousel').bind('afterAnimate', 
//       function (event, carousel, old_index, new_index)
//       {
//       if(jq(document.location.href=='http://werk5.werkbank.com:8050/www/front-page?set_language=en'))
//        {
//            console.log("Hello");
//            jq(".carousel").hide();
//            jq("#zielgruppen").hide();
//        }
//        else
//        {
//            console.log("warum nicht?");
//        }
//    });
//});
		var mycarousel_itemList = [
		    {url: '/Plone/abholservice.jpg/image_preview', title: 'Abholservice'},
		    {url: '/Plone/ernaehrung.jpg/image_preview', title: 'Ernährung'},
		    {url: '/Plone/forschung.jpg/image_preview', title: 'Forschung'},
		    {url: '/Plone/ratgeber.jpg/image_preview', title: 'Ratgeber'},
		    {url: '/Plone/beratung.jpg/image_preview', title: 'Beratung'},
		    {url: '/Plone/verfahren.jpg/image_preview', title: 'Verfahren'}
		];
		
		function mycarousel_loadConfiguration()
		{
		   jq.getScript('./getIndicationGallery',mycarousel_initCarousel);
		};
		
		function mycarousel_initCarousel()
		{
		    jq('#mycarousel').jcarousel({
			horizontal: true,
			scroll: 1,
			animation: "slow",
			wrap: "circular",
			buttonNextEvent: 'mouseover',
			buttonPrevEvent: 'mouseover',
			itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
			itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
		    });
		    
		    var hoverTimeout;
		    jq('.jcarousel-prev').hover(
			function() {
			    // call mouseover handler every 1000 milliseconds
			    hoverTimeout = setTimeout("jq('.jcarousel-prev').trigger('mouseover');", 1000);
			},
			function() {
			    // stop calling click handler
			    clearTimeout(hoverTimeout);
			}
		    );
		    jq('.jcarousel-next').hover(
			function() {
			    // call click mouseover every 1000 milliseconds
			    hoverTimeout = setTimeout("jq('.jcarousel-next').trigger('mouseover');", 1000);
			},
			function() {
			    // stop calling mouseover handler
			    clearTimeout(hoverTimeout);
			}
		    );
		};
		
		function mycarousel_itemVisibleInCallback(imagecarousel, item, i, state, evt)
		{
		    // The index() method calculates the index from a
		    // given index who is out of the actual item range.
		    var idx = imagecarousel.index(i, mycarousel_itemList.length);
		    imagecarousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
		};
		
		function mycarousel_itemVisibleOutCallback(imagecarousel, item, i, state, evt)
		{
		    imagecarousel.remove(i);
		};
		
		function mycarousel_getItemHTML(item)
		{
		    try {
			if(item.hasOwnProperty('target'))
			    return '<a href="'+item.target+'" title="' + item.description+'"><img src="' + item.url + '" alt="' + item.title + '" title="' + item.description+'"/></a><div class="galleryinfo"><h2>'+item.title+'</h2></div>';
			else
			    return '';
		    }
		    catch(e)
		    {
			return '';
		    }
		};
		

jq(document).ready(function(){

    mycarousel_loadConfiguration();
    jq('.jcarousel-container').hide();
    if(jq('.carousel-pager-item-active').hasClass('uneigen'))
    jq('.jcarousel-container').fadeIn();
    jq('.carousel').bind('beforeAnimate', function (e, carousel, old_index, new_index) {
      if(jq('.carousel-pager-item-active').hasClass('eigen'))
      jq('.jcarousel-container').hide();
      else
      jq('.jcarousel-container').fadeIn('100');
    });   

});