// JavaScript Document

function showNewSlide(itemToSlide) {
	
	$(itemToSlide).setStyle('margin-top', '-540px');
	$(itemToSlide).setStyle('display', 'block');
	$(itemToSlide).tween('margin-top', '0');
	$(itemToSlide).addClass('current_slide');
}


function hideAllSlides() {

	var contentDivs = $$(".portfolio_element");
	
	contentDivs.each(function(item, index){
	
		item.setStyle('display', 'none');
	
	});

}

window.addEvent('domready', function() {

	var portThumbArray = $$(".p_thumb");
	
	hideAllSlides();
	
	$('left_arrow').setStyle('background-image', 'none');
	
	portThumbArray.each(function(item, index){
			
		var myThumbID = item.get('id');
		
		var itemToSlide = (myThumbID + "_content");													
	
		var bkgString = ("url(http://www.adamsweeneycreative.com/dev/portfolios/tn/" + myThumbID + "_tn.jpg)");
	
		$(myThumbID).addEvent('click', function(e){					
			e.stop();
			
			hideAllSlides();
			
			showNewSlide(itemToSlide);
			
		});
		
		item.setStyle('background-image', bkgString);
	});
	
	
	$('right_arrow').addEvent('click', function(){
	
		var currentMargin = $('portfolio_thumbs').getStyle('margin-left').toInt();
		var numThumbs = $$(".p_thumb").length;
		var endPoint = (((numThumbs * 140) - 700)*(-1));
		
		if (currentMargin > endPoint) {
		
			var newMargin = currentMargin -140;
						
			if(newMargin%(140) != 0) {
				$('portfolio_thumbs').get('tween').cancel();
				newMargin = (newMargin/140).toInt();
				newMargin = newMargin * (140);
			}
			
			var newMarginString = (newMargin + "px");		
			$('portfolio_thumbs').tween('margin-left', newMarginString);
			
			if (newMargin == endPoint) {
				$('right_arrow').setStyle('background-image', 'none');
				$('left_arrow').setStyle('background-image', 'url(http://www.adamsweeneycreative.com/dev/portfolios/elements/l_arrow_full.png)');
			}
			else {
				$('left_arrow').setStyle('background-image', 'url(http://www.adamsweeneycreative.com/dev/portfolios/elements/l_arrow_full.png)');
			}
			
		}
	});
	
	$('left_arrow').addEvent('click', function(){
	
		var currentMargin = $('portfolio_thumbs').getStyle('margin-left').toInt();
		
		if (currentMargin < 0) {
			var newMargin = currentMargin + 140;
						
			if(newMargin%(140) != 0) {
				$('portfolio_thumbs').get('tween').cancel();
				newMargin = (newMargin/140).toInt();
				newMargin = newMargin * (140);
			}
			
			var newMarginString = (newMargin + "px");	
			$('portfolio_thumbs').tween('margin-left', newMarginString);
		
			if (newMargin == 0) {
				$('left_arrow').setStyle('background-image', 'none');
				$('right_arrow').setStyle('background-image', 'url(http://www.adamsweeneycreative.com/dev/portfolios/elements/r_arrow_full.png)');
			} 
			else {
				$('right_arrow').setStyle('background-image', 'url(http://www.adamsweeneycreative.com/dev/portfolios/elements/r_arrow_full.png)');
			}
			
		}
		
	});
	
	var numThumbs = $$(".p_thumb").length;
	if (numThumbs < 6) {
		$('right_arrow').setStyle('background-image', 'none');
	}

});