jQuery.noConflict();
jQuery(document).ready(function(){

    /* Stage Effekte: first delete static HTML projects, then build dynamic cycles */
    
    jQuery("#stage-dynamisch").cycle({
        timeout: 4000,
        fx: 'scrollRight,fade,fade,scrollRight,scrollRight,scrollRight',
        randomizeEffects: false,
        next: '#next',
        prev: '#previous',
        pager: jQuery("#stage-navi .projekt-navigation"),
        pagerAnchorBuilder: function(idx, slide) { 
        return '<li><a href="#"><img src="fileadmin/templates/img/icon-punkt-inaktiv.png" alt="Page 2"/></a></li>'; 
    }     });

	jQuery('#start-stop').click(function() { 
		if (jQuery(this).children("img").attr("alt") == 'Stop') {
			jQuery('#stage-dynamisch').cycle('pause'); 
			jQuery(this).children("img").attr("alt", "Weiter");
			jQuery(this).children("img").attr("src", "fileadmin/templates/img/stage/start.jpg");
			}
		else {
			jQuery('#stage-dynamisch').cycle('resume'); 
			jQuery(this).children("img").attr("alt", "Stop");
			jQuery(this).children("img").attr("src", "fileadmin/templates/img/stage/stop.jpg");
			}
	});
	
    jQuery("area").mouseover(function(){
			var piece = jQuery(this).attr("alt").toLowerCase();
			jQuery("#imagemap").attr("src", "fileadmin/Bilder/puzzle/" + piece + ".png");

	});

    jQuery("area").click(function(){
			var piece = jQuery(this).attr("alt").toLowerCase();
			jQuery("area.active").removeClass();
			jQuery(this).addClass("active");
			jQuery("div.puzzle").hide();
			jQuery("#" + piece).show()

	});

    jQuery("#imagemap, #puzzle").mouseleave(function(){
			var piece = jQuery("area.active").attr("alt").toLowerCase();
			jQuery("#imagemap").attr("src", "fileadmin/Bilder/puzzle/" + piece + ".png");

	});


});