var CurrentSlide = 1; 
var SLIDE=new Array();
var SLIDE_STATUS = "active";

function DisplaySlide(SlideNumber, StopEvent) {
	
	
	$('#slide-arrow').animate({
    marginLeft: ((38 * SlideNumber) + (88 * SlideNumber) + (88 * (SlideNumber - 1)) ) - 8,
	}, 300);
  
	$('#multi-box').animate({
		height: $('#' + SLIDE[SlideNumber]).height() ,
	}, 500);
	
	$('#' + SLIDE[CurrentSlide]).hide();
	$('#' + SLIDE[SlideNumber]).slideDown('fast');
	
	$('#thumb_' + SLIDE[CurrentSlide]).removeClass('current');
	$('#thumb_' + SLIDE[SlideNumber]).addClass('current');
	
	CurrentSlide = SlideNumber;
	
	if(StopEvent  && SLIDE_STATUS == "active") {
		SetSlideStatus();
	}
	
}

function SetSlideStatus() {
  
  if(SLIDE_STATUS == "active") {
	clearInterval(SlideLoop);
	SLIDE_STATUS = "in-active";
	
	$('#slide-button').removeClass('active');
	$('#slide-button').addClass('in-active');
	
  } else {
	SlideLoop = setInterval(SetSlide, 6000);
	SLIDE_STATUS = "active";
	
	$('#slide-button').removeClass('in-active');
	$('#slide-button').addClass('active');
	
  }
  
}
function SetSlide() {

	NewSlide = CurrentSlide + 1;
	if(NewSlide == 5) {
		NewSlide = 1;
		DisplaySlide(NewSlide, true);
	} else {
		DisplaySlide(NewSlide, false);
	}
	
}

var SlideLoop = setInterval(SetSlide, 6000);