(function($) {
	
  $.fn.ContentSlider = function(options)
  {
	
	var inteval = setInterval(function() {
    slideSwitch();
	}, 10000);

	var mov = $("#movie");
    mov.bind('click', function() {
		clearInterval(inteval);
	});
	
	var closeBtn = $(".vidClose");
    closeBtn.bind('click', function() {
		$("#vidOverlay1").fadeOut("slow");
		$("#BannerVid1").fadeOut("slow");
		$("#vidOverlay2").fadeOut("slow");
		$("#BannerVid2").fadeOut("slow");
		$("#player1").fadeOut("slow");
		$("#player").fadeOut("slow");
		$(".vidClose").fadeOut("slow");
		$('#BannerVid1').get(0).pause();
		$('#BannerVid2').get(0).pause();
	});
	
	var btn = $("#vidBtn1");
    btn.bind('click', function() {
		clearInterval(inteval);
		$("#vidOverlay1").fadeIn("slow");
		$("#BannerVid1").fadeIn("slow");
		$("#player1").fadeIn("slow");
		$(".vidClose").fadeIn("slow");
		$('#BannerVid1').get(0).play();
	});
	
	var btn = $("#vidBtn2");
    btn.bind('click', function() {
		clearInterval(inteval);
		$("#vidOverlay2").fadeIn("slow");
		$("#BannerVid2").fadeIn("slow");
		$("#player").fadeIn("slow");
		$(".vidClose").fadeIn("slow");
		$('#BannerVid2').get(0).play();
	});
	
	$f("player1", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
	
		clip: {
			url: "http://dirtt.http.internapcdn.net/dirtt_vitalstream_com/ice_edge/ICE.mp4",
			autoPlay: false,
       		autoBuffering: false,
				// load data from the server
				onStart: function(clip) {
					
					clearInterval(inteval);
				}
		},
		canvas:  {
			// configure background properties
			background: '#000000 url(/_videos/ICE.jpg) no-repeat 0 0'

		}


	
	});
	
	$f("player", "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
	
		clip: {
			url: "http://dirtt.http.internapcdn.net/dirtt_vitalstream_com/ice_edge/FiberRunner.mp4",
			autoPlay: false,
       		autoBuffering: false,
				// load data from the server
				onStart: function(clip) {
					
					clearInterval(inteval);
				}
		},
		canvas:  {
			// configure background properties
			background: '#000000 url(/_videos/FiberRunner.png) no-repeat 0 0'

		}


	
	});
	
    var defaults = {
      leftBtn : 'images/cs_leftImg.png',
      rightBtn : 'images/cs_rightImg.png',
      width : '900px',
      height : '400px',
      speed : 400,
      easing : 'easeOutQuad',
      textResize : false,
      IE_h2 : '26px',
      IE_p : '11px'
    }
    var defaultWidth = defaults.width;
    var o = $.extend(defaults, options);
    var w = parseInt(o.width);
    var n = this.children('.cs_wrapper').children('.cs_slider').children('.cs_article').length;
    var x = -1*w*n+w; // Minimum left value
    var p = parseInt(o.width)/parseInt(defaultWidth);
	var q = 1;
    var thisInstance = this.attr('id');
    var inuse = false; // Prevents colliding animations

	function slideSwitch(){
		var rightBtn = $('.cs_rightBtn');
		var leftBtn = $('.cs_leftBtn');
		if (q == 1){
			direction = "right";
		}
		if (q == n){
			direction = "left";
		}
		if (direction == "right"){
			q++;
			moveSlider('left', rightBtn)
		} else {
			q--;
			moveSlider('right', leftBtn)
		}
		
	}

    function moveSlider(d, b)
    {
      var l = parseInt(b.siblings('.cs_wrapper').children('.cs_slider').css('left'));
      if(isNaN(l)) {
        var l = 0;
      }
      var m = (d=='left') ? l-w : l+w;
      if(m<=0&&m>=x) {
        b
          .siblings('.cs_wrapper')
            .children('.cs_slider')
              .animate({ 'left':m+'px' }, o.speed, o.easing, function() {
                inuse=false;
              });

        if(b.attr('class')=='cs_leftBtn') {
          var thisBtn = $('#'+thisInstance+' .cs_leftBtn');
          var otherBtn = $('#'+thisInstance+' .cs_rightBtn');
        } else {
          var thisBtn = $('#'+thisInstance+' .cs_rightBtn');
          var otherBtn = $('#'+thisInstance+' .cs_leftBtn');
        }
        if(m==0||m==x) {
          thisBtn.animate({ 'opacity':'0' }, o.speed, o.easing, function() { thisBtn.hide(); });
        }
        if(otherBtn.css('opacity')=='0') {
          otherBtn.show().animate({ 'opacity':'1' }, { duration:o.speed, easing:o.easing });
        }
      }
    }

    function vCenterBtns(b)
    {
      // Safari and IE don't seem to like the CSS used to vertically center
      // the buttons, so we'll force it with this function
      var mid = parseInt(o.height)/2;
      b
        .find('.cs_leftBtn img').css({ 'top':mid+'px', 'padding':0 }).end()
        .find('.cs_rightBtn img').css({ 'top':mid+'px', 'padding':0 });
    }

    return this.each(function() {
      $(this)
        // Set the width and height of the div to the defined size
        .css({
          width:o.width,
          height:o.height
        })
        // Add the buttons to move left and right
        .prepend('<a href="#" class="cs_leftBtn"><img src="'+o.leftBtn+'" /></a>')
        .append('<a href="#" class="cs_rightBtn"><img src="'+o.rightBtn+'" /></a>')
		
        // Dig down to the article div elements
        .find('.cs_article')
          // Set the width and height of the div to the defined size
          .css({
            width:o.width,
            height:o.height
          })
          .end()
        // Animate the entrance of the buttons
        .find('.cs_leftBtn')
          .css("opacity",0)
          .hide()
          .end()
        .find('.cs_rightBtn')
          .hide()
          .animate({ 'width':'show' });

      // Resize the font to match the bounding box
      if(o.textResize===true) {
        var h2FontSize = $(this).find('h2').css('font-size');
        var pFontSize = $(this).find('p').css('font-size');
        $.each(jQuery.browser, function(i) {
          if($.browser.msie) {
             h2FontSize = o.IE_h2;
             pFontSize = o.IE_p;
          }
        });
        $(this).find('h2').css({ 'font-size' : parseFloat(h2FontSize)*p+'px', 'margin-left' : '66%' });
        $(this).find('p').css({ 'font-size' : parseFloat(pFontSize)*p+'px', 'margin-left' : '66%' });
        $(this).find('.readmore').css({ 'font-size' : parseFloat(pFontSize)*p+'px', 'margin-left' : '66%' });
      }

      // Store a copy of the button in a variable to pass to moveSlider()
      var leftBtn = $(this).children('.cs_leftBtn');
      leftBtn.bind('click', function() {
        if(inuse===false) {
          inuse = true;
          moveSlider('right', leftBtn);
		  clearInterval(inteval);
		  	$("#vidOverlay1").fadeOut("slow");
			$("#BannerVid1").fadeOut("slow");
			$("#vidOverlay2").fadeOut("slow");
			$("#BannerVid2").fadeOut("slow");
			$("#player1").fadeOut("slow");
			$("#player").fadeOut("slow");
			$(".vidClose").fadeOut("slow");
			$('#BannerVid1').get(0).pause();
			$('#BannerVid2').get(0).pause();
        }
        return false; // Keep the link from firing
      });

      // Store a copy of the button in a variable to pass to moveSlider()
      var rightBtn = $(this).children('.cs_rightBtn');
      rightBtn.bind('click', function() {
        if(inuse===false) {
          inuse=true;
          moveSlider('left', rightBtn);
		  clearInterval(inteval);
		  	$("#vidOverlay1").fadeOut("slow");
			$("#BannerVid1").fadeOut("slow");
			$("#vidOverlay2").fadeOut("slow");
			$("#BannerVid2").fadeOut("slow");
			$("#player1").fadeOut("slow");
			$("#player").fadeOut("slow");
			$(".vidClose").fadeOut("slow");
			$('#BannerVid1').get(0).pause();
			$('#BannerVid2').get(0).pause();
        }
        return false; // Keep the link from firing
      });

      vCenterBtns($(this)); // This is a CSS fix function.
    });
  }

})(jQuery)

