$(document).ready(function() {

	var fxPhone  = 'fade';
	var fxImages = 'scrollHorz';

	var previousDot = null;
	var dots = $('#dots-container');
	
	var $phoneSlide = $('#phone').cycle({ 
	    fx:     fxPhone, 
	    speed:   300, 
	    timeout: 0 
	});
	
	var $badgeChoosePhoneSlide = $('#badgeChoosePhone').cycle({ 
	    fx:     fxPhone, 
	    speed:   300, 
	    timeout: 0 
	});	
	
	
	var $badgeStoreSlide = $('.badgeStore').cycle({ 
	    fx:     fxPhone, 
	    speed:   300, 
	    timeout: 0 
	});	
	
	var $textSlide = $('#text-slideshow').cycle({ 
	    fx:      fxImages, 
	    speed:   300, 
	    timeout: 0 
	});
	
	var $iphoneScreenSlide = $('.screen-iphone').cycle({ 
	    fx:      fxImages, 
	    speed:   300, 
	    timeout: 0 
	});
	
	var $androidScreenSlide = $('.screen-android').cycle({ 
	    fx:      fxImages, 
	    speed:   300, 
	    timeout: 0 
	});	
	
	var numberOfDots = $textSlide.children().length;

	$(dots).css("width", numberOfDots * 20);

	$textSlide.children().each(function(i) { 
		var dot = $('<div id="dot" class="dotBlack"/>');
			
		if (i == 0) {
			dot.removeClass("dotBlack");
            dot.addClass("dotWhite");
			previousDot = dot;
		}
						     
        dot.appendTo(dots).click(function() {
        	if (previousDot != null) {
	            $(previousDot).removeClass("dotWhite");
            	$(previousDot).addClass("dotBlack");
            }
            
            $textSlide.cycle(i);
            $iphoneScreenSlide.cycle(i);
            $androidScreenSlide.cycle(i);
            
            $(this).removeClass("dotBlack");
            $(this).addClass("dotWhite");

            previousDot = this;
            
            return false; 
        });        
	});
	
	$('#badgeChoosePhone').toggle(function() {
		$phoneSlide.cycle(1);
		$badgeStoreSlide.cycle(1);
		$badgeChoosePhoneSlide.cycle(1);
	}, function() {
		$phoneSlide.cycle(0);
		$badgeStoreSlide.cycle(0);
		$badgeChoosePhoneSlide.cycle(0);
	});
});