// JavaScript Document

function anim_itemLoadCallback(carousel, state){
	
    for (var i = carousel.first; i <= carousel.last; i++) {
        if (carousel.has(i)) {
            continue;
        }
		
        if (i > anim_itemList.length) {
            break;
        }

        // Create an object from HTML
        var item = jQuery(anim_getItemHTML(anim_itemList[i-1])).get(0);

        // Apply thickbox
        tb_init(item);
        carousel.add(i, item);
    }
};

// Item html creation helper.
function anim_getItemHTML(item) {
    var url_m = item.url.replace(/_s.jpg/g, '.jpg');
	
    return '<a ref="gallery" href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="264" height="264" border="0" alt="' + item.title + '" /></a>';
};

function anim_initCallback(carousel) {
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

$(document).ready(function(){

	$("#aktuell > a#angebot").mouseover(function () {
		$(this).find("img").attr("src", "img/aktuell_over.gif");
	});
	
	$("#aktuell > a#angebot").mouseout(function () {
		$(this).find("img").attr("src", "img/aktuell.gif");
	});

	$("#aktuell > a#winter").mouseover(function () {
		$(this).find("img").attr("src", "img/winterdienst_over.gif");
	});
	
	$("#aktuell > a#winter").mouseout(function () {
		$(this).find("img").attr("src", "img/winterdienst.gif");
	});
	
    jQuery('#anim').jcarousel({
        	size: anim_itemList.length,
			itemLoadCallback: {onBeforeAnimation: anim_itemLoadCallback},
			circular: true,
			speed: 1000,
			start: 1,
			visible: 1, 
			scroll: 1,
			auto: 3,
			wrap: 'last',
			initCallback: anim_initCallback
    });
	
});

