// JavaScript Document


$(document).ready(function() { 

// MAIN BANNER SLIDER

	var bg_slide = $('.bg_slide')
	var banner = $('.banner')
	var slide_wrapper = $('.slide_wrapper')
	var leftButton = $('#leftButton')
	var rightButton = $('#rightButton')
	var inProgress = false;
    
	 $('.bannerText').animate({ opacity: 0 }, 0);
	 $('.bannerText').animate({ opacity: 1, top: "-10px" }, 800);
		
	banner.mouseover(function() {
  	 leftButton.show();
 	 rightButton.show();
	});

	banner.mouseout(function() {
 	 leftButton.hide();
 	 rightButton.hide();
	});
	
	
	setInterval(function() {
		
		if (inProgress) {
	        return;
	    } else {
	        inProgress = true;
	    }
		
			if(bg_slide.css('margin-left').replace("px", "") <= -2880){ 
				bg_slide.css({ 'margin-left': '0px'});
			}
			
			if(slide_wrapper.css('margin-left').replace("px", "") <= -2880 ){ 
				slide_wrapper.css({ 'margin-left': '0px'});
			}
		
		slide_wrapper.animate({
	  	    marginLeft: '-=960'
	   		 }, 500, function() {    	
	  		});// Animation complete.
			
			bg_slide.animate({
	  	    marginLeft: '-=480'
	   		 }, 500, function() {    	
	  		});	// Animation complete.
			
			inProgress = false;
			
	}, 4000);
	
	leftButton.click(function() {
		
		if (inProgress) {
	        return;
	    } else {
	        inProgress = true;
	    }
		
		if(bg_slide.css('margin-left') == '-2880px'){ 
		bg_slide.css({ 'margin-left': '0px'});
		}
		
		if(slide_wrapper.css('margin-left').replace("px", "") <= -2880 ){			
			slide_wrapper.css({ 'margin-left': '0px'});
		}
		
  	 	slide_wrapper.animate({
  	    marginLeft: '-=960'
   		 }, 500, function() {    	
  		});// Animation complete.
		
		bg_slide.animate({
  	    marginLeft: '-=480'
   		 }, 500, function() {    	
  		});	// Animation complete.
		
		inProgress = false;
		
 	});
	
	
	
	rightButton.click(function() {
		
		if (inProgress) {
	        return;
	    } else {
	        inProgress = true;
	    }
		
		if(bg_slide.css('margin-left')== '0px'){ 
		bg_slide.css({ 'margin-left': '-2880px'});
		}
		
		if(slide_wrapper.css('margin-left')== '0px'){ 
		slide_wrapper.css({ 'margin-left': '-2880px'});
		}
		
  	 	slide_wrapper.animate({
  	    marginLeft: '+=960'
   		 }, 500, function() {    	
  		});// Animation complete.
		
		bg_slide.animate({
  	    marginLeft: '+=480'
   		 }, 500, function() {    	
  		});// Animation complete.
		
		inProgress = false;
		
	});


	
});