var resizeMeTimer;
var g_nav_item_count = 4;
$(document).ready(function() {

  function initSlider(){
	 	jQuery('#slider').jcarousel({
	        vertical: false,
	  			start: 1,
	  			wrap: "circular",
	  			buttonNextHTML: null,
	  			buttonPrevHTML: null,
	  			auto: 5,
	  			animation: 750,
	  			scroll: 1,
					itemLoadCallback: {
					  onBeforeAnimation: itemLoadCallbackFunctionBeforeAnimation,
					  onAfterAnimation: itemLoadCallbackFunctionAfterAnimation
					},
					initCallback: initCallbackFunction
						
	  });
	}  
	function initCallbackFunction(carousel, state)
	{
    for (var i = 2; i <= g_nav_item_count; i++) {
			if(i>1) {
				$(".jcarousel-item-" + i).fadeTo(1,0);
      }
    }
	};  	

	function itemLoadCallbackFunctionBeforeAnimation(carousel, state)
	{
		var l = carousel.first;
		if(carousel.first>g_nav_item_count){
			//l = $(".jcarousel-item").last().attr("jcarouselindex");
			carousel.get(carousel.first-1).fadeTo(750,0);
			carousel.get(carousel.first).fadeTo(750,1);
		}else if (l>1){
			carousel.get(carousel.first-1).fadeTo(750,0);
			carousel.get(carousel.first).fadeTo(750,1);
			//$(".jcarousel-item-" + (l)).fadeTo(750,0);
		}
	};  

	function itemLoadCallbackFunctionAfterAnimation(carousel, state)
	{
			//carousel.get(carousel.first).fadeTo(750,1);
			//l = $(".jcarousel-item").last().fadeTo(500,1);
       var l = carousel.first;
			var ti = l%g_nav_item_count;
			if(ti==0) (ti=g_nav_item_count);
			var li = ti-1;
			if(ti==1) (li=g_nav_item_count);
			$('#slider-dot-' + li).removeClass('slider-dot-active');
			$('#slider-dot-' + li).addClass('slider-dot-inactive');
			$('#slider-dot-' + ti).removeClass('slider-dot-inactive');
			$('#slider-dot-' + ti).addClass('slider-dot-active');
	};  
		
  function adjustSliderWidth(){
	  w = $(window).width();
		pl=0;
		if(w <= 1098){
			w=1098;
		}else{
			pl = (w -1098) / 2;
		}
		
		$("#main").width(w);
		$("#slider").width(w);
		$(".jcarousel-clip").width(w);
		$(".slider_content").width(w); 
		$(".slide_content").width(1098); 
		$(".jcarousel-item").width(w); 
		$(".jcarousel-list").width(w*4);
		$(".slide_content").css("padding-left", pl-5 );
		$(".slide_content").css("padding-right", pl+5 );
	};
	
	$(window).resize(function() {
		clearTimeout(resizeMeTimer);
		resizeMeTimer = setTimeout(resizeMe, 100);
	});	
	function resizeMe(){
		var carousel = jQuery('#slider').data('jcarousel');
		if( carousel.animating == false){
			carousel.stopAuto();
		  var w = $(window).width();
			if(w <= 1098){
				w=1098;
			}
			adjustSliderWidth();
			//carousel.reload();
	
			var l = $(".jcarousel-item").last().attr("jcarouselindex");
			if(l<=4){
				l=carousel.last;
			}
			var lo = w-2;
			for(x=2; x<l; x++){
				if(x<=4){
				lo += --w;
				}else{
					lo--;
				}
			}
			
			if(l > 1){
				$(".jcarousel-list").css("left", "-" + lo + "px");
			}
			$(".jcarousel-list-item-" + (l)).css("opacity", "1");
	 		carousel.next();
	 		carousel.startAuto(5);
	 	}else{
			resizeMeTimer = setTimeout(resizeMe, 100); 	
	 	}
  };

	adjustSliderWidth();
	initSlider(); 
	//var carousel = jQuery('#slider').data('jcarousel');
  //carousel.stopAuto();
});