$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 925;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  $('#slidesContainer').css('overflow', 'hidden');

  slides
    .wrapAll('<div id="slideInner"></div>')
	.css({
      'float' : 'left',
	  'width' : slideWidth
    });

  $('#slideInner').css('width', slideWidth * numberOfSlides);

  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');

  manageControls(currentPosition);

  $('.control')
    .bind('click', function(){
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
    manageControls(currentPosition);
    $('#slideInner').animate({
	
      'marginLeft' : slideWidth*(-currentPosition)

    });
  });

  function manageControls(position){
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});

$(document).ready(function(){
  var currentPosition1 = 0;
  var slideWidth1 = 735;
  var slides1 = $('.slide1');
  var numberOfSlides1 = slides1.length;
  $('#slidesContainer1').css('overflow', 'hidden');

  slides1
    .wrapAll('<div id="slideInner1"></div>')
	.css({
      'float' : 'left',
	  'margin-left' :'4px',
      'width' : slideWidth1
    });

  $('#slideInner1').css('width', slideWidth1 * numberOfSlides1 + 50);

  $('#slideshow1')
    .prepend('<span class="control1" id="leftControl1">Clicking moves left</span>')
    .append('<span class="control1" id="rightControl1">Clicking moves right</span>');

  manageControls1(currentPosition1);

  $('.control1')
    .bind('click', function(){


	currentPosition1 = ($(this).attr('id')=='rightControl1') ? currentPosition1+1 : currentPosition1-1;
    
    manageControls1(currentPosition1);
    $('#slideInner1').animate({
	
      'marginLeft' : slideWidth1*(-currentPosition1)

    });
  });

  function manageControls1(position1){
	if(position1==0){ $('#leftControl1').hide() } else{ $('#leftControl1').show() }
    if(position1==numberOfSlides1-1){ $('#rightControl1').hide() } else{ $('#rightControl1').show() }
  }	
});

/*====================================================== 
JS: Truncate with dots - Apply in News Headlines
========================================================*/
(function($) {
    $.fn.ellipsis = function() {
        return this.each(function() {
            var el = $(this);

            if (el.css("overflow") == "hidden") {
                var text = el.html();
                var multiline = el.hasClass('multiline');
                var t = $(this.cloneNode(true))
                                        .hide()
                                        .css('position', 'absolute')
                                        .css('overflow', 'visible')
                                        .width(multiline ? el.width() : 'auto')
                                        .height(multiline ? 'auto' : el.height())
                                        ;

                el.after(t);

                function height() { return t.height() > el.height(); };
                function width() { return t.width() > el.width(); };

                var func = multiline ? height : width;

                while (text.length > 0 && func()) {
                    text = text.substr(0, text.length - 1);
                    t.html(text + "...");
                }

                el.html(t.html());
                t.remove();
            }
        });
    };
})(jQuery);