/*COUNT SLIDES*/

var $si 	= 1;
var $sc		= 291;

var $xslide	= 702;
var $speed	= 400;


/*TOTAL SLIDES*/

var $slideTotal = $("#viewport_work #carrousel li").length;	

$(function(){
	
		
	/*DISABLE ARROWS*/
	if ($slideTotal == 1) {
		$("#viewport_work #slidebtns #next").addClass('disabled');
	} else if ($slideTotal > 1) {
		$("#viewport_work #slidebtns #next").removeClass('disabled');
	}
	$("#viewport_work #slidebtns #prev").addClass('disabled');
	
	/*NEXT ARROW*/
	$("#viewport_work #slidebtns #next").live('click', function(e){
		var $prevItem = "#viewport_work #carrousel .item"+$si+" .overlay";
		$($prevItem).show();
	
		if ($si != $slideTotal) {
			$sc -= $xslide;
			$si++;
			var $nextItem = "#viewport_work #carrousel .item"+$si+" .overlay";
			
			/*IMAGE FADE IN OUT*/
			$($prevItem).animate({
				opacity: 0.5
			}, { duration: $speed, queue: false, complete: function(){
				$($prevItem).show();
				}
			});
			
			
			$($nextItem).animate({
				opacity: 0
			}, { duration: $speed, queue: false, complete: function(){
					$($nextItem).hide();
				}
			});
			
			/*SLIDE MOVEMENT*/
			if ($si == $slideTotal) {
				$(this).addClass('disabled');
				$("#viewport_work #slidebtns #prev").removeClass('disabled');
			} else {
				$("#viewport_work #slidebtns #prev").removeClass('disabled');
			}
			
			$("#viewport_work #carrousel").animate({
				marginLeft: $sc
			}, { duration: $speed, queue: false });
		}
		
		$("#slide-nav a").each(function(){
			$slidenum = $(this).attr('name');
			
			if ($slidenum != $si) {
				$(this).removeClass('selected');
			} else {
				$(this).addClass('selected');
			}
		
		});
		
		// NEXT VIDEO ON
		$videoFrame	= $("#carrousel .item"+$si+" .video iframe");
		$videoUrl	= $($videoFrame).attr('src');
		$($videoFrame).attr('src', $videoUrl+'&autoplay=1');
		
		//PREV VIDEO OFF
		$prevId		= $si-1;
		$videoFrame	= $("#carrousel .item"+$prevId+" .video iframe");
		$videoUrl	= $($videoFrame).attr('src');
		if ($videoUrl != undefined) {
			$videoUrl	= $videoUrl.replace('&autoplay=1', '');
			$($videoFrame).attr('src', $videoUrl);
		}
		
		e.preventDefault();
		//console.log('###SLIDESWITCH###\n$si: '+$si+'\n$sc: '+$sc+'\n$slideTotal :'+$slideTotal);
	});
	
	/*PREV ARROW*/
	$("#viewport_work #slidebtns #prev").live('click',function(e){
		var $prevItem = "#viewport_work #carrousel .item"+$si+" .overlay";
		$($prevItem).show();
		if ($si != 1) {
			$sc += $xslide;
			$si--;
			var $nextItem = "#viewport_work #carrousel .item"+$si+" .overlay";
			
			/*IMAGE FADE IN OUT*/
			$($prevItem).animate({
				opacity: 0.5
			}, { duration: $speed, queue: false, complete: function(){
					$($nextItem).hide();
				} 
			});
				
			$($nextItem).animate({
				opacity: 0
			}, { duration: $speed, queue: false, complete: function(){
					$($prevItem).show();
				}
			});
			
			if ($si == 1) {
				$(this).addClass('disabled');
				$("#viewport_work #slidebtns #next").removeClass('disabled');
			} else {
				$("#viewport_work #slidebtns #next").removeClass('disabled');
			}
			
			$("#viewport_work #carrousel").animate({
				marginLeft: $sc
			}, { duration: $speed, queue: false });
		}
		
		$("#slide-nav a").each(function(){
			$slidenum = $(this).attr('name');
			
			if ($slidenum != $si) {
				$(this).removeClass('selected');
			} else {
				$(this).addClass('selected');
			}
		
		});
		
		
		// NEXT VIDEO ON
		$videoFrame	= $("#carrousel .item"+$si+" .video iframe");
		$videoUrl	= $($videoFrame).attr('src');
		$($videoFrame).attr('src', $videoUrl+'&autoplay=1');
		
		//PREV VIDEO OFF
		$prevId		= $si+1;
		$videoFrame	= $("#carrousel .item"+$prevId+" .video iframe");
		$videoUrl	= $($videoFrame).attr('src');
		if ($videoUrl != undefined) {
			$videoUrl	= $videoUrl.replace('&autoplay=1', '');
			$($videoFrame).attr('src', $videoUrl);
		}
		
		
		e.preventDefault();
		//console.log('###SLIDESWITCH###\n$si: '+$si+'\n$sc: '+$sc+'\n$slideTotal :'+$slideTotal);
	});
	
	
	
	
	
	/*SLIDE SWITCHER*/
	$("#slide-nav a").live('click', function(e){
		
		
		$("#slide-nav a").each(function(){
			$(this).removeClass('selected');
		});
		$this = $(this);
		$this.addClass('selected');
				
		var $prevItem = "#viewport_work #carrousel .item"+$si+" .overlay";
		$($prevItem).show();

		$si = $(this).attr('name');
		console.log($si);
		$sc = -($xslide*($si-1)) + 291;
		var $nextItem = "#viewport_work #carrousel .item"+$si+" .overlay";
		
		/*IMAGE FADE IN OUT*/
		$($prevItem).animate({
			opacity: 0.5
		}, { duration: $speed, queue: false, complete: function(){
			$($prevItem).show();
			}
		});
		
		
		$($nextItem).animate({
			opacity: 0
		}, { duration: $speed, queue: false, complete: function(){
				$($nextItem).hide();
			}
		});
		
		/*SLIDE MOVEMENT*/

		if ($si == 1) {
			$("#viewport_work #slidebtns #prev").addClass('disabled');
			$("#viewport_work #slidebtns #next").removeClass('disabled');
		} else if ($si == $slideTotal) {
			$("#viewport_work #slidebtns #next").addClass('disabled');
			$("#viewport_work #slidebtns #prev").removeClass('disabled');
		} else {
			$("#viewport_work #slidebtns #next").removeClass('disabled');
			$("#viewport_work #slidebtns #prev").removeClass('disabled');	
		}
	
	
		$("#viewport_work #carrousel").animate({
			marginLeft: $sc
		}, { duration: $speed, queue: false });


				e.preventDefault();
		//console.log('###SLIDESWITCH###\n$si: '+$si+'\n$sc: '+$sc+'\n$slideTotal :'+$slideTotal);
	});
	
	
});