$(document).ready(function(){
	var viewport = $('.featured .items');
	//var offsetX = 500;
 
	if (Browser.isWebkit && Browser.supportsTouch) { 
		$('#draggable').delay(2000).fadeIn("slow", function() {
			$('#draggable').delay(3000).fadeOut("slow");
	    });
		
		viewport.find('.item').find('.overlay').show();
		var controller = new Liquid.TouchSlider();
		var winW = (window.innerWidth-1800)/2;
		viewport.css({'-webkit-transform': 'translate3d(' + winW  + 'px, 0, 0)'}); 
		
		viewport.find('.item').each(function() {
			var xpos = $(this).data("xpos");
			//var overlayXPos = (document.documentElement.clientWidth - 992)/2 + xpos;
			var overlayXPos = (window.innerWidth - 992)/2 + xpos + -winW;
			var ypos = $(this).data("ypos");
			var overlayYPos = ypos;
			$(this).find('.overlay').css({'left': overlayXPos + 'px'});
			$(this).find('.overlay').css({'top': overlayYPos + 'px'});
		});
		$('body').bind('orientationchange', function() {
			location.reload();
		});
		
		/*
		var overlayPos = (window.innerWidth - 992)/2 + offsetX + -winW; // need to add the winW on iPad for some reason, position issue??
		viewport.find('.item').find('.overlay').css({'left': overlayPos + 'px'});
		
		*/
	} else {
		viewport.find('.item').find('.overlay').hide();
		var controller = new Liquid.Slider();
		var winW = (document.documentElement.clientWidth-1800)/2;
		viewport.css({'margin-left': winW + 'px'});

		
		viewport.find('.item').each(function() {
			var xpos = $(this).data("xpos");
			var overlayXPos = (document.documentElement.clientWidth - 992)/2 + xpos;
			var ypos = $(this).data("ypos");
			var overlayYPos = ypos;
			$(this).find('.overlay').css({'left': overlayXPos + 'px'});
			$(this).find('.overlay').css({'top': overlayYPos + 'px'});
		});
		
		
		
		viewport.find('.item').eq(0).find('.overlay').fadeIn();
		window.onresize = function(e)
		{
			location.reload();
		};
	}
	//$('.featured .previous').hide();
	//$('.social .slider .previous').css('opacity', 0.25);
	//$('.news .previous').css('opacity', 0.25);
	$('.dots').hover(function() { $(this).css('cursor', 'pointer') });

	// Main Slider
	controller.init(viewport, {
		next: $('.featured .next'), 
		previous: $('.featured .previous')
	});
	
	controller.subscribe('transition_end', function(c) {
		var page_num = c.page(c.current_x);
		var current = viewport.find('.item').eq(page_num);
		var overlay = current.find('.overlay');
		if (!overlay.is(':visible')) {
			//current.siblings(':visible').find('.overlay').hide();
			if (Browser.isWebkit && Browser.supportsTouch) {
    		 //do nothing
			} else {
				viewport.find('.item').find('.overlay').hide();
				overlay.delay(300).fadeIn();
				
			}
		}
		$('.bannerNum .cursor').css('left', (page_num * 25)+'px');
		toggleArrows(c, {hide: true});
	});
	
	controller.subscribe('end_no_move', function(c) {
		unBindEvent(c.element[0], 'webKitTransitionEnd', c);
	});
	
	
	for(var i = 1; i <= viewport.find('.item').size(); i++) {
	    //var dot = $('<div class="dot"></div>').css('left', (i * 180)+'px');
	    //$('.bannerNum .dots').append(dot);
	    var counter = $('<li><a>' + i + '</a></li>');
	    $('.bannerNum ul').append(counter);
	 }
	
	$('.bannerNum ul li').click(function() {
	    var index = $(this).index();
	    controller.current_x = controller.pageX(index);
	    controller.update(controller.current_x);
	    $('.bannerNum .cursor').css('left', (index * 25)+'px');
	    return false; 
	});
	
	
	function toggleArrows(controller, opts) {
    var opts = jQuery.extend({hide: false}, opts);

    var page_num = controller.page(controller.current_x);
    //console.log("page_num" + page_num);
    if (page_num === controller.structure.item_count - 1) {
    	//console.log("page_num = item_count - 1");
      if (opts.hide) {
    	  //console.log("opts.hide true");
    	  //controller.opts.next.css({display: 'none'});
    	  //controller.opts.next.css('opacity', 0.25);
      } else {
    	 // console.log("opts.hide false");
    	  controller.opts.next.css('opacity', 0.25);
      }
    } else {
      if (opts.hide) {
        controller.opts.next.css({display: 'block'});
      } else {
        controller.opts.next.css('opacity', 1);
      }
    }
    if (page_num === 0) {
      if (opts.hide) {
        //controller.opts.previous.css({display: 'none'});
      } else {
        controller.opts.previous.css('opacity', 0.25);
      }
    } else {
      if (opts.hide) {
        controller.opts.previous.css({display: 'block'});
      } else {
        controller.opts.previous.css('opacity', 1);
      }
    }
  }

 

  
  
  if (Browser.isWebkit && Browser.supportsTouch) {
  } else {
	  
	  var ap_count = 1;
	  var autoplay = setInterval(function() {
		//alert("in autoplay: " + ap_count + " , size : " + $('.featured .item').size());
	    if (ap_count < $('.featured .item').size()) { 
	      controller.current_x = controller.limitXBounds(controller.nextPageX(controller.current_x));
	      controller.update(controller.current_x, false);
	      controller.runHook('move', controller);
	      ap_count += 1;
	    } else {
	    	controller.current_x = 0;
		      controller.update(controller.current_x, false);
		      controller.runHook('move', controller);
		      ap_count = 1;
	    	//alert("in else");
	      //clearTimeout(autoplay);
	     // clearInterval(autoplay);
	    }
	  }, 7000);
  }
 
  $('.featured .next,.featured .previous, .bannerNum li').click(function() { clearTimeout(autoplay); });
  /*if (Browser.isWebkit && Browser.supportsTouch) {
    window.addEventListener('scroll', function() { clearTimeout(autoplay); }, false);
  }
  */
  controller.subscribe('first_move', function(c) { clearTimeout(autoplay); });
});