// JavaScript Document

// jQuery Cycle    http://jquery.malsup.com/cycle/







// Projekt

jQuery(function() {
    jQuery('#project').cycle({
        fx:     'fade',
        speed:  'slow',
		// next:'#project',     durch klicken weiterschalten
        timeout: 3000,
        pager:  '#pagerProject',
		slideExpr: 'img',
		// pause: 1,      Slideshow anhalten beim drüberfahren
		pauseOnPagerHover: 1
    });
});



// Team Person

jQuery(function() {
    jQuery('#billboard').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 3000,
        pager:  '#pagerBillboard',
		slideExpr: 'img',
		pauseOnPagerHover: 1
    });
});


// Blog Einzelanzeige

jQuery(function() {
    jQuery('#singleblog').cycle({
        fx:     'fade',
        speed:  'slow',
        timeout: 3000,
        pager:  '#pagerSingleblog',
		slideExpr: 'img',
		// pause: 1,      Slideshow anhalten beim drüberfahren
		pauseOnPagerHover: 1
    });
});



// Preview
// Preview-Bilder 01-06 (auf jeder Seite von 01 bis 10 durchnummerieren)

 jQuery(function() { jQuery('#preview01').cycle({ fx: 'fade', speed:  300, timeout: 700, slideExpr: 'img' }); });
 jQuery(function() { jQuery('#preview02').cycle({ fx: 'fade', speed:  300, timeout: 700, slideExpr: 'img' }); });
 jQuery(function() { jQuery('#preview03').cycle({ fx: 'fade', speed:  300, timeout: 700, slideExpr: 'img' }); });
 jQuery(function() { jQuery('#preview04').cycle({ fx: 'fade', speed:  300, timeout: 700, slideExpr: 'img' }); });
 jQuery(function() { jQuery('#preview05').cycle({ fx: 'fade', speed:  300, timeout: 700, slideExpr: 'img' }); });
 jQuery(function() { jQuery('#preview06').cycle({ fx: 'fade', speed:  300, timeout: 700, slideExpr: 'img' }); });

// Beim laden Cycle beenden
 jQuery(document).ready(function(){ jQuery('#preview01').cycle('pause'); });
 jQuery(document).ready(function(){ jQuery('#preview02').cycle('pause'); });
 jQuery(document).ready(function(){ jQuery('#preview03').cycle('pause'); });
 jQuery(document).ready(function(){ jQuery('#preview04').cycle('pause'); });
 jQuery(document).ready(function(){ jQuery('#preview05').cycle('pause'); });
 jQuery(document).ready(function(){ jQuery('#preview06').cycle('pause'); });

// Bei Mouseover Cycle starten
 jQuery(document).ready(function(){ jQuery('#container01').mouseover(function(){ jQuery('#preview01').cycle('resume'); }); });
 jQuery(document).ready(function(){ jQuery('#container02').mouseover(function(){ jQuery('#preview02').cycle('resume'); }); });
 jQuery(document).ready(function(){ jQuery('#container03').mouseover(function(){ jQuery('#preview03').cycle('resume'); }); });
 jQuery(document).ready(function(){ jQuery('#container04').mouseover(function(){ jQuery('#preview04').cycle('resume'); }); });
 jQuery(document).ready(function(){ jQuery('#container05').mouseover(function(){ jQuery('#preview05').cycle('resume'); }); });
 jQuery(document).ready(function(){ jQuery('#container06').mouseover(function(){ jQuery('#preview06').cycle('resume'); }); });

// Bei Mouseout Cycle beenden
 jQuery(document).ready(function(){ jQuery('#container01').mouseout(function(){ jQuery('#preview01').cycle('pause'); }); });
 jQuery(document).ready(function(){ jQuery('#container02').mouseout(function(){ jQuery('#preview02').cycle('pause'); }); });
 jQuery(document).ready(function(){ jQuery('#container03').mouseout(function(){ jQuery('#preview03').cycle('pause'); }); });
 jQuery(document).ready(function(){ jQuery('#container04').mouseout(function(){ jQuery('#preview04').cycle('pause'); }); });
 jQuery(document).ready(function(){ jQuery('#container05').mouseout(function(){ jQuery('#preview05').cycle('pause'); }); });
 jQuery(document).ready(function(){ jQuery('#container06').mouseout(function(){ jQuery('#preview06').cycle('pause'); }); });
 






// Blog
// Blog-Bilder 01-10 (auf jeder Seite von 01 bis 10 durchnummerieren)

jQuery(function() {
    jQuery('#image1').cycle({
        fx:     'fade', // alternativ 'scrollLeft'
        speed:  500, 
    	next:   '#image1', 
    	timeout: 0,
        pager:  '#pager1',
		slideExpr: 'img'
    });
});

jQuery(function() { jQuery('#image2').cycle({ fx:'fade', speed:500, next:'#image2', timeout: 0, pager:'#pager2', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image3').cycle({ fx:'fade', speed:500, next:'#image3', timeout: 0, pager:'#pager3', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image4').cycle({ fx:'fade', speed:500, next:'#image4', timeout: 0, pager:'#pager4', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image5').cycle({ fx:'fade', speed:500, next:'#image5', timeout: 0, pager:'#pager5', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image6').cycle({ fx:'fade', speed:500, next:'#image6', timeout: 0, pager:'#pager6', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image7').cycle({ fx:'fade', speed:500, next:'#image7', timeout: 0, pager:'#pager7', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image8').cycle({ fx:'fade', speed:500, next:'#image8', timeout: 0, pager:'#pager8', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image9').cycle({ fx:'fade', speed:500, next:'#image9', timeout: 0, pager:'#pager9', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image10').cycle({ fx:'fade', speed:500, next:'#image10', timeout: 0, pager:'#pager10', slideExpr: 'img' }); });

jQuery(function() { jQuery('#image11').cycle({ fx:'fade', speed:500, next:'#image11', timeout: 0, pager:'#pager11', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image12').cycle({ fx:'fade', speed:500, next:'#image12', timeout: 0, pager:'#pager12', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image13').cycle({ fx:'fade', speed:500, next:'#image13', timeout: 0, pager:'#pager13', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image14').cycle({ fx:'fade', speed:500, next:'#image14', timeout: 0, pager:'#pager14', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image15').cycle({ fx:'fade', speed:500, next:'#image15', timeout: 0, pager:'#pager15', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image16').cycle({ fx:'fade', speed:500, next:'#image16', timeout: 0, pager:'#pager16', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image17').cycle({ fx:'fade', speed:500, next:'#image17', timeout: 0, pager:'#pager17', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image18').cycle({ fx:'fade', speed:500, next:'#image18', timeout: 0, pager:'#pager18', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image19').cycle({ fx:'fade', speed:500, next:'#image19', timeout: 0, pager:'#pager19', slideExpr: 'img' }); });
jQuery(function() { jQuery('#image20').cycle({ fx:'fade', speed:500, next:'#image20', timeout: 0, pager:'#pager20', slideExpr: 'img' }); });