function slideShow(speed) {
	$('.slide-caption-bg').css({opacity: 0.7}); 
	$('ul.slideshow').css('width', function() {
  	return $("ul.slideshow li").length * $("ul.slideshow li").width();
  });
	//$(".home-slideshow-wrapper").animate({scrollLeft: 750}, 'slow');
	//
  var slidetabs = '<div id="slide-tabs">';
  
  for (i=0;i<($(".slideshow li").size());i++) {
  	slidetabs = slidetabs + '<a href="#" ';
  	if (i == 0) { slidetabs = slidetabs + 'class="current-button"'; }
  	slidetabs = slidetabs + '></a>';
  	
  }
  
  slidetabs = slidetabs + '</div>';	
  $(".home-slideshow-wrapper").append(slidetabs);
  
  timer = setInterval('gallery()',speed); 

	$("#slide-tabs a").click(function(){
		 clearInterval(timer);
		 $('#slide-tabs a').removeClass('current-button');
		 $(this).addClass('current-button');
		 //setslide($("#slide-tabs a").index(this),speed);
		 $(".home-slideshow-wrapper").animate({scrollLeft: ($("#slide-tabs a").index(this) * $("ul.slideshow li").width())}, 'slow');
		 timer = setInterval('gallery()',speed); 
	}); 

  
}

function gallery() {
	//var next_position = 0;
	var current_button = $('#slide-tabs a.current-button');
  var next_button = (current_button.next().length) ? current_button.next() : $('#slide-tabs a:first');
  var next_position = $('#slide-tabs a').index(next_button) * $("ul.slideshow li").width();
  //
  current_button.removeClass('current-button');
  $(".home-slideshow-wrapper").animate({scrollLeft: next_position}, 'slow', function () {
	  
		next_button.addClass('current-button');
  });
}

  
function sslideShow(speed) {  
		//Set the opacity of all images to 0  
    $('ul.slideshow li').css({opacity: 0.0});  
    
    $('ul.slideshow-title li').hide();  
    $('ul.slideshow-icon li').hide(); 
    $('ul.slideshow-text li').hide(); 
    
    
    //Get the first image and display it (set it to full opacity)  
    $('ul.slideshow li:first').css({opacity: 1.0});  
      
    //Get the caption of the first image from REL attribute and display it  
    //$('.banner_title').html($('ul.slideshow-title li:first').html());  
    $('.banner_caption').html($('ul.slideshow-text li:first').html());  
          
    //Display the caption  
    //$('#slideshow-caption').css({opacity: 0.8, bottom:0});  
    $('.banner_footer_bg').css({opacity: 0.7});  
    $('.banner_title_bg').css({opacity: 0.7});  
    $('.banner_caption_bg').css({opacity: 0.7});  
    
    var slidetabs = '<div id="slide-tabs">';
    
    for (i=0;i<($(".slideshow li").size());i++) {
    	slidetabs = slidetabs + '<a href="#" ';
    	if (i == 0) { slidetabs = slidetabs + 'class="current-button"'; }
    	slidetabs = slidetabs + '></a>';
    	
    }
    
    slidetabs = slidetabs + '</div>';

      
    //Call the gallery function to run the slideshow      
    timer = setInterval('gallery()',speed);  

    $(".banner_footer").append(slidetabs);
    
    var marginL = $("#slide-tabs").width() + 10;
    marginL = marginL + 'px';
    $('.banner_footer').css({'width': marginL});  
    $('.banner_footer_bg').css({'width': marginL});  

		$("#slide-tabs a").click(function(){
			 clearInterval(timer);
			 $('#slide-tabs a').removeClass('current-button');
			 $(this).addClass('current-button');
			 setslide($("#slide-tabs a").index(this),speed);
			 timer = setInterval('gallery()',speed); 
		}); 
}  
  
function ggallery() {  
  
    //if no IMGs have the show class, grab the first image  
    var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first')); 
    var current_title = ($('ul.slideshow-title li.show')?  $('ul.slideshow-title li.show') : $('#ul.slideshow-title li:first')); 
    var current_icon = ($('ul.slideshow-icon li.show')?  $('ul.slideshow-icon li.show') : $('#ul.slideshow-icon li:first')); 
    var current_text = ($('ul.slideshow-text li.show')?  $('ul.slideshow-text li.show') : $('#ul.slideshow-text li:first')); 
    
  	var current_button = $('#slide-tabs a.current-button');
  	
    //Get next image, if it reached the end of the slideshow, rotate it back to the first image  
    var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));  
    var next_title = ((current_title.next().length) ? ((current_title.next().attr('id') == 'slideshow-caption')? $('ul.slideshow-title li:first') :current_title.next()) : $('ul.slideshow-title li:first'));  
    var next_icon = ((current_icon.next().length) ? ((current_icon.next().attr('id') == 'slideshow-caption')? $('ul.slideshow-icon li:first') :current_icon.next()) : $('ul.slideshow-icon li:first'));  
    var next_text = ((current_text.next().length) ? ((current_text.next().attr('id') == 'slideshow-caption')? $('ul.slideshow-text li:first') :current_text.next()) : $('ul.slideshow-text li:first'));  
    var next_button = (current_button.next().length) ? current_button.next() : $('#slide-tabs a:first');    
    //Get next image caption  
    var title = next_title.html();   
    var desc = next_text.html();   
    var icon = next_icon.find('img').attr('src');      
          
		$('.banner_caption_bg').animate({top:-250, opacity:0.0}, 750, function () {});
    $('.banner_caption').animate({top:-250, opacity:0.0}, 750, function () {  
      $('.banner_caption').html(desc);
    	/*$('.banner_title').animate({opacity: 0.0}, 200, function () {  
    		//$('.banner_title').html(title).animate({opacity: 1.0}, 250);    		
    	})*/
    	
    	
    	  
//      $('.banner_caption').html(desc);
      
      current_title.removeClass('show');
      current_icon.removeClass('show');
      current_text.removeClass('show');
      next_title.addClass('show');
      next_icon.addClass('show');
      next_text.addClass('show');
      
      current.animate({opacity: 0.0}, 1000).removeClass('show'); 
	    next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 500, function () {
	    	
	    	//$('.banner_title').html(title).animate({opacity: 1.0}, 500);   
	    	//$('.banner_title_icon').css({"background-image": "url("+icon+")"}).animate({opacity: 1.0}, 500);   
	    	$('.banner_title_icon').css({"background-image": "url("+icon+")"}); 
	    	$('.banner_caption_bg').animate({top:0, opacity:0.7}, 750, function () {});
		    $('.banner_caption').animate({top:0, opacity:1.0}, 800, function() {
		    	current_button.removeClass('current-button');
					next_button.addClass('current-button');
				});
			});
    }); 

}

function setslide(indexNo,speed) {

    //var current;

    indexNo++;
    var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first')); 
    var current_title = ($('ul.slideshow-title li.show')?  $('ul.slideshow-title li.show') : $('#ul.slideshow-title li:first')); 
    var current_icon = ($('ul.slideshow-icon li.show')?  $('ul.slideshow-icon li.show') : $('#ul.slideshow-icon li:first')); 
    var current_text = ($('ul.slideshow-text li.show')?  $('ul.slideshow-text li.show') : $('#ul.slideshow-text li:first')); 
    
  	var current_button = $('#slide-tabs a.current-button');

    var next = $("ul.slideshow li:nth-child(" + indexNo + ")");
    var next_title = $("ul.slideshow-title li:nth-child(" + indexNo + ")");
    var next_icon = $("ul.slideshow-icon li:nth-child(" + indexNo + ")");
    var next_text = $("ul.slideshow-text li:nth-child(" + indexNo + ")");
    
   	var next_button = $('#slide-tabs a.current-button');
   
    //var title = current.find('img').attr('title');   
    //var desc = current.find('img').attr('alt');
    var title = next_title.html();   
    var desc = next_text.html();   
    var icon = next_icon.find('img').attr('src');       
    //Hide the caption first, and then set and display the caption  
    /*$('#slideshow-caption').animate({left:-400}, 300, function () {  
    	    	
				    $("ul.slideshow li").animate({opacity: 0.0}, { duration: 500, queue: false }).removeClass('show');  
				    current.addClass('show').animate({opacity: 1.0}, 1000);  
    	
            //Display the content  
            $('#slideshow-caption h3').html(title);  
            $('#slideshow-caption p').html(desc);                 
            $('#slideshow-caption').animate({left:0, opacity:0.8}, 500);     
    }); */





		$('.banner_caption_bg').animate({top:-250, opacity:0.0}, 750, function () {});
    $('.banner_caption').animate({top:-250, opacity:0.0}, 750, function () {  
      $('.banner_caption').html(desc);
    	/*$('.banner_title').animate({opacity: 0.0}, 200, function () {  
    		//$('.banner_title').html(title).animate({opacity: 1.0}, 250);    		
    	})*/

      current_title.removeClass('show');
      current_icon.removeClass('show');
      current_text.removeClass('show');
      next_title.addClass('show');
      next_icon.addClass('show');
      next_text.addClass('show');
      
      current.animate({opacity: 0.0}, 1000).removeClass('show'); 
	    next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 500, function () {
	    	
	    	//$('.banner_title').html(title).animate({opacity: 1.0}, 500);   
	    	//$('.banner_title_icon').css({"background-image": "url("+icon+")"}).animate({opacity: 1.0}, 500);   
	    	$('.banner_title_icon').css({"background-image": "url("+icon+")"}); 
	    	$('.banner_caption_bg').animate({top:0, opacity:0.7}, 750, function () {});
		    $('.banner_caption').animate({top:0, opacity:1.0}, 800, function() {
		    	current_button.removeClass('current-button');
					next_button.addClass('current-button');
				});
			});
    }); 












	
}