var control = 0;

if (document.images)
{
  pic1= new Image(895,344); 
  pic1.src="/images/banner1.jpg"; 

  pic2= new Image(895,344);
  pic2.src="/images/banner2.jpg"; 

  pic3= new Image(895,344); 
  pic3.src="/images/banner3.jpg"; 
 
  pic4= new Image(895,344);
  pic4.src="/images/banner4jpg";
  
  pic5= new Image(895,344);
  pic5.src="/images/banner5jpg";
}

$(document).ready(function() {
     numClick();
	 uclick();
	 dclick();
  $('#n1').css('background-position', '0 -18px');
  control = setInterval( "slideSwitch(500)", 5000 );

});


function dhover(id){
 $('#'+id).css('background-position', '0 -18px');	
}
function uhover(id){
 var my = id.split("");
 var zclass = $('#picture_'+my[1]).attr('class');
 if(zclass != "active"){
   $('#'+id).css('background-position', '0 0');	
 }
}
function killClass(){
$('#n1').removeClass('number');
$('#n2').removeClass('number');
$('#n3').removeClass('number');
$('#n4').removeClass('number');
$('#n5').removeClass('number');
$('#left_a').removeClass('leftGo');
$('#right_a').removeClass('rightGo');
}
function saveClass(){
$('#n1').addClass('number');
$('#n2').addClass('number');
$('#n3').addClass('number');
$('#n4').addClass('number');
$('#n5').addClass('number');
$('#left_a').addClass('leftGo');
$('#right_a').addClass('rightGo');
}
function slideSwitch(speed) {
    killClass(); 
    var $active = $('#slideshow IMG.active');
    var curID = $('#slideshow IMG.active').attr('id');
	var curNum = parseInt(curID.substring(curID.lastIndexOf("_")+1));
    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');
    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );
    $active.addClass('last-active');
    $next.show();
	var nxtID = $next.attr('id');
	var nxtNum = parseInt(nxtID.substring(nxtID.lastIndexOf("_")+1));
	$('#n'+curNum).css('background-position', '0 0');
	$('#n'+nxtNum).css('background-position', '0 -18px');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, speed, function() {												
            $active.removeClass('active last-active');
            saveClass();
        });	 
			
}
function revSlideSwitch(speed) {
    var $active = $('#slideshow IMG.active');
    var curID = $('#slideshow IMG.active').attr('id');
	var curNum = parseInt(curID.substring(curID.lastIndexOf("_")+1));
    if ( $active.length == 0 ) $active = $('#slideshow IMG:first');

    // use this to pull the images in the order they appear in the markup
    var $prev =  $active.prev().length ? $active.prev()
        : $('#slideshow IMG:last');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );
    $active.addClass('last-active');
    $prev.show();
	var nxtID = $prev.attr('id');
	var nxtNum = parseInt(nxtID.substring(nxtID.lastIndexOf("_")+1));
    $prev.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, speed, function() {
			$('#n'+curNum).css('background-position', '0 0');
			$('#n'+nxtNum).css('background-position', '0 -18px');												
            $active.removeClass('active last-active');
        });	
}

function uclick(){
    $('.rightGo').click(function() {
	clearInterval(control);
	slideSwitch(20);
	control = setInterval( "slideSwitch(500)", 4500 );
	});	
}
function dclick(){
    $('.leftGo').click(function() {
	clearInterval(control);
	revSlideSwitch(20);
	control = setInterval( "slideSwitch(500)", 4500 );
	});
}
function numClick(){
	$('.number').click(function() {
	    var id = $(this).attr("id");

		var my = id.split("");
		clearInterval(control);
		var curID = $('#slideshow IMG.active').attr('id');
		var curNum = parseInt(curID.substring(curID.lastIndexOf("_")+1));
		if(curNum != my[1]){
		  $('.number').css('background-position', '0 0');
		  $('#picture_'+curNum).removeClass('active');
		  $('#'+id).css('background-position', '0 -18px');
		  $('#picture_'+my[1]).addClass('active');
		  $('#picture_'+my[1]).css('display','block');
		  $('#picture_'+my[1]).css({opacity: 1.0});
		  $('#picture_'+curNum).css({opacity: 0.0});
		}
		control = setInterval( "slideSwitch(800)", 4500 );
	});
}