var current;
var max;
$(document).ready(function(){
       $('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    500, 
		    timeout:  5000,
		    prev:   '#PrevSlide', 
    		next:   '#NextSlide'
		});
		
		$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    500, 
		    timeout:  5000,
		    slideExpr: '.tease',
		    after:     onAfter
		});

function onAfter(curr,next,opts) {

	current = opts.currSlide;
	max = opts.slideCount;
	

	switch(current){
		 		case 0:
		 		$('#1').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 1:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 2:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 3:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 4:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 5:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 6:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 7:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 8:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#3147a7','color':'#fff'});
			 	$('#10').css({'background-color':'#fff','color':'#3147a7'});
		 		break;
		 		
		 		case 9:
		 		$('#1').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#2').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#3').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#4').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#5').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#6').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#7').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#8').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#9').css({'background-color':'#fff','color':'#3147a7'});
			 	$('#10').css({'background-color':'#3147a7','color':'#fff'});
		 		break;
		 	}
		 	
		 	
		 	/*
$.getJSON('/modules/front/slides.js', function(json){
				$('.teaser').hide("");
				$('.title').hide("");
				$("<a href='"+ json[current].url +"'><div class='title'>"+json[current].shortTitle+"</div><div class='teaser'>"+json[current].longTease+"</div></a>").appendTo("#rotator_overlay");	
				$('#rotator_overlay').fadeIn('slow');
			});
*/
}

	
$('#1').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 0
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 0,
		    after:     onAfter
	});
	
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 0
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 0,
		    after:     onAfter
	});
});

$('#2').hover(function() {
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 1
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 1,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 1
		
		});
		
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 1,
		    after:     onAfter
	});
});

$('#3').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 2
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 2,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 2
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    0, 
		    timeout:  5000,
		    startingSlide: 2,
		    after:     onAfter
	});
});

$('#4').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 3
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 3,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 3
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 3,
		    after:     onAfter
	});
});

$('#5').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 4
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 4,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 4
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 4,
		    after:     onAfter
	});
});

$('#6').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 5
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 5,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 5
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 5,
		    after:     onAfter
	});
});

$('#7').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 6
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 6,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 6
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 6,
		    after:     onAfter
	});
});

$('#8').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 7
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 7,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 7
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 7,
		    after:     onAfter
	});
});

$('#9').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 8
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 8,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 8
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 8,
		    after:     onAfter
	});
});

$('#10').hover(function() { 
    $('#rotator').cycle({ 
	    timeout: 0, 
	    speed:   1, 
	    startingSlide: 9
	});
	
	$('#rotator_overlay').cycle({ 
		    timeout: 0, 
	    	speed:   1,
		    startingSlide: 9,
		    after:     onAfter
	});
    return false; 
},
function(){
	$('#rotator').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 9
		
		});
	$('#rotator_overlay').cycle({ 
		    fx:      'fade', 
		    speed:    1, 
		    timeout:  5000,
		    startingSlide: 9,
		    after:     onAfter
	});
});




});