// JavaScript Document

$(document).ready(function(){
						   
	//variables for tabs
	var button1 = $("#overviewButton");
	var button2 = $("#featuresButton");		
	var button3 = $("#specificationsButton");
	var content1 = $(".overview");
	var content2 = $(".features");
	var content3 = $(".specifications");
	var currentContent = content1;
	var currentTab = button1;
	
	//variables for related items
	var dur = 700;
	var left_button = $(".leftArrow");
	var right_button = $(".rightArrow");
	var slider = $(".relatedList");
	var current_item = 1;
	var collection_count = 0;
	var images = $(".relatedList img");
	
	if(content1.length != 0){
		button1.css("display", "block");
	}
	
	if(content2.length != 0){
		button2.css("display", "block");
	}
	
	if(content3.length != 0){
		button3.css("display", "block");
	}
			
	//function for tabs
	
	function tab(a, b){
		a.click(
			function(){
				if(currentContent != b){
					currentContent.removeClass("view");
					b.addClass("view");
					currentContent = b;
				}
				
				if(currentTab != a){
					currentTab.removeClass("current");
					a.addClass("current");
					currentTab = a;
				}
				
				
				
			}
		);
	};
	
	
	//functions for related items
	
	function count_items(){
		var collection = $(".relatedList li");
		collection_count = Math.ceil(collection.length/7);
	}
	
	
	function slide(a){
		a.click(
			function(){
				if(current_item == collection_count && a == right_button){
					slider.animate({marginLeft: "0px"}, dur, 'easeInOutBack');
					current_item = 1;
				}
				
				else if(a == right_button && current_item != collection_count){
					slider.animate({marginLeft: "-=854px"}, dur, 'easeInOutQuad');
					current_item++;
					
				}else if(current_item != 1 && a == left_button){
					slider.animate({marginLeft: "+=854px"}, dur, 'easeInOutQuad');
					current_item--;
					
				}
							
					
			
			return false;	
			
		})
	};
	

	//function calls for tabs
	tab(button1, content1);
	tab(button2, content2);
	tab(button3, content3);
	
	//function calls for related items
	count_items();
	slide(right_button);
	slide(left_button);
	
	//lightbox calls
	$("#enlarge").lightBox();
					   
						   
});
