$(document).ready(function() {
				$('#whatshot_cycle').cycle({
					fx:     'fade',
					speed:  'slow',
					fit:  1,
					containerResize:  0,
					timeout: 5000,
					before: moveNext,
					 prev:   '#mycarousel-prev',
                    next:   '#mycarousel-next'
				});




					$("#promo_1_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(0);
					});

					$("#promo_1_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_2_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(1);
					});

					$("#promo_2_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_3_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(2);
					});

					$("#promo_3_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_4_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(3);
					});

					$("#promo_4_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_5_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(4);
					});

					$("#promo_5_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_6_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(5);
					});

					$("#promo_6_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_7_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(6);
					});


					$("#promo_7_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_8_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(7);
					});


					$("#promo_8_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_9_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(8);
					});

					$("#promo_9_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_10_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(9);
					});

					$("#promo_10_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_11_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(10);
					});

					$("#promo_11_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_12_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(11);
					});

					$("#promo_12_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_13_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(12);
					});

					$("#promo_13_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_14_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(13);
					});

					$("#promo_14_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_15_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(14);
					});

					$("#promo_15_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});
									$("#promo_16_thumb").mouseover(function(){
						$('#whatshot_cycle').cycle(15);
					});



					$("#promo_16_thumb").hover(function(){$('#whatshot_cycle').cycle('pause');},function(){$('#whatshot_cycle').cycle('resume');});

			});
			function moveNext(currElement, nextElement, opts, isForward) {
				$('#'+currElement.id+'_thumb').removeClass("active");

				$('#'+nextElement.id+'_thumb').addClass('active');
			}