// JavaScript Document

$(document).ready(function() {
						   
	     //this is the code for the lightbox//
	 $(function() {
	// Use this example, or...
	//$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
	// This, or...
	//$('#gallery a').lightBox(); // Select all links in object with gallery ID
	// This, or...
	$('a.lightbox').lightBox(); // Select all links with lightbox class
	// This, or...
	//$('a').lightBox(); // Select all links in the page
	// ... The possibility are many. Use your creative or choose one in the examples above
	});



	// hides all on open
	$("#accessories").hide();
	$("#jackets").hide();
	$("#moccassinsmukluks").hide();
	$("#travel").hide();
	$("#album").hide();
    $("#minharn").hide();

	
		//this is how to make a roll-over effect in jquery
	$(".lightpic").hover(function() {
			$(".lightpic").addclass(".lightpic_hover");
	}, function() {
		$(".lightpic").removeclass(".lightpic_hover");
	});
	
	// shows the massage section and hides rest
	$("#accessoriesLink").click(function() {
			
	$("#accessories").show();
	$("#jackets").hide();
	$("#moccassinsmukluks").hide();
	$("#travel").hide();
	$("#album").hide();
	$("#minharn").hide();
	
	});
	
	
	// shows the skincare section and hides rest
	$("#jacketsLink").click(function() {
			
	$("#accessories").hide();
	$("#jackets").show();
	$("#moccassinsmukluks").hide();
	$("#travel").hide();
	$("#album").hide();
    $("#minharn").hide();

	
	
	});
	
	// shows the hand section and hides rest
	$("#moccassinsmukluksLink").click(function() {
			
	$("#accessories").hide();
	$("#jackets").hide();
	$("#moccassinsmukluks").show();
	$("#travel").hide();
	$("#album").hide();    
	$("#minharn").hide();

	
	
	});
	
	// shows the hair section and hides rest
	$("#travelLink").click(function() {
			
	$("#accessories").hide();
	$("#jackets").hide();
	$("#moccassinsmukluks").hide();
	$("#travel").show();
	$("#album").hide();   
	$("#minharn").hide();

	
	
	});
	
	// shows the finishing section and hides rest
	$("#albumLink").click(function() {
			
	$("#accessories").hide();
	$("#jackets").hide();
	$("#moccassinsmukluks").hide();
	$("#travel").hide();
	$("#album").show();
	$("#minharn").hide();
	
	
	});
	
	
	
	// shows the finishing section and hides rest
	$("#minharnLink").click(function() {
			
	$("#accessories").hide();
	$("#jackets").hide();
	$("#moccassinsmukluks").hide();
	$("#travel").hide();
	$("#album").hide();
	$("#minharn").show();
	
	
	});



});