$(function(){

	/*init*/
	$("#gallery-viewer-contents").find(".component:first").show();
	var component_number = 0;
	var $component = $("#gallery-viewer-contents").find(".component");
	var attachment_number = 0;
	var $attachment = $("#gallery-viewer-contents").find(".attachment");
	
	var selected_tab = 'components';
	
	if ($component.length <= 1){
		$("#gallery-nav-btns").hide();
	}
	if ($attachment.length == 0){
		$("#gallery-viewer-tab-container").hide();
	}
	
	$("#main-components", "#gallery-viewer-tab-container").hover(function(){
		$(this).addClass("hover");
	},function(){
		$(this).removeClass("hover");
	}).click(function(){
		if (!$(this).hasClass('selected')){
			$(this).addClass("selected");
			$("#attachment-options", "#gallery-viewer-tab-container").removeClass("selected");
			$("#gallery-viewer-contents").find(".attachment:visible").hide();
			$("#gallery-viewer-contents .component").eq(component_number).show();
			selected_tab = 'components';
			
			if ($component.length <= 1){
				$("#gallery-nav-btns").slideUp();
			}else{
				$("#gallery-nav-btns").slideDown();
			}
		}
	});
	
	$("#attachment-options", "#gallery-viewer-tab-container").hover(function(){
		$(this).addClass("hover");
	},function(){
		$(this).removeClass("hover");
	}).click(function(){
		if (!$(this).hasClass('selected')){
			$(this).addClass("selected");
			$("#main-components", "#gallery-viewer-tab-container").removeClass("selected");
			$("#gallery-viewer-contents").find(".component:visible").hide();
			$("#gallery-viewer-contents .attachment").eq(attachment_number).show();
			selected_tab = 'attachment';
			
			if ($attachment.length <= 1){
				$("#gallery-nav-btns").slideUp();
			}else{
				$("#gallery-nav-btns").slideDown();
			}
		}
	});
	
	$("#gallery-nav-btns .previous").click(function(){
		if (selected_tab == 'components'){
			if (component_number >= 1){
				component_number = component_number - 1;
			}else{
				component_number = $component.length -1;
			}
			
			$("#gallery-viewer-contents").find(".component:visible").hide();
			$("#gallery-viewer-contents .component").eq(component_number).show();
		}
		
		if (selected_tab == 'attachment'){
			if (attachment_number >= 1){
				attachment_number = attachment_number - 1;
			}else{
				attachment_number = $component.length -1;
			}
			
			$("#gallery-viewer-contents").find(".attachment:visible").hide();
			$("#gallery-viewer-contents .attachment").eq(attachment_number).show();
		}
	});
	
	
	$("#gallery-nav-btns .next").click(function(){
		if (selected_tab == 'components'){
			if (component_number < $component.length -1){
				component_number = component_number + 1;
			}else{
				component_number = 0;
			}
			
			$("#gallery-viewer-contents").find(".component:visible").hide();
			$("#gallery-viewer-contents .component").eq(component_number).show();
		}
		
		if (selected_tab == 'attachment'){
			if (attachment_number < $attachment.length -1){
				attachment_number = attachment_number + 1;
			}else{
				attachment_number = 0;
			}
			
			$("#gallery-viewer-contents").find(".attachment:visible").hide();
			$("#gallery-viewer-contents .attachment").eq(attachment_number).show();
		}
	});
	
});