// JavaScript Document

/**menu show/hide**/
		
$(document).ready(function() {
		$('#nav-b, ,#nav-c, #nav-d, #nav-e, #nav-f, .details, .hide-details').hide();
		$('.hide-details').click(function(){
		$('.details').hide();
   		$('.show-details').show();
		$('.hide-details').hide();
		}, function() {
		// nothing to see here.
    });
		$('#designs').hide();
		$('#statler, #designs').hover(function(){
		$('#designs').show();
		$('#nav-b').show();
		$('#nav-a').hide();
		}, function() {
		// nothing to see here.
    });
		$('#statler').mouseout(function(){
		$('#designs').hide();
		}, function() {
		// nothing to see here.
    });
		$('#designs').hover(function(){
		$(this).show();
		}, function() {
		// nothing to see here.
    });
		$(this).mouseout(function(){
		$('#designs').hide();
		$('#nav-a').show();
		$('#nav-b').hide();
		}, function() {
		// nothing to see here.
    });

//patterns
	//c
	$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img').hide();
	$('.nav-c').hover(function(){
		$('.nav-b-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-c-img').show();
		}, function() {
		// nothing to see here.
    });
	$(this).mouseout(function(){
		$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();	
		$('.nav-b-img').show();
		}, function() {
		// nothing to see here.

    });
	
	//d
	$('.nav-d').hover(function(){
		$('.nav-b-img, .nav-c-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-d-img').show();
		}, function() {
		// nothing to see here.
    });
	$('.nav-d').mouseout(function(){
		$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-b-img').show();
		}, function() {
		// nothing to see here.

    });
	
	//e
	$('.nav-e').hover(function(){
		$('.nav-b-img, .nav-c-img, .nav-d-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-e-img').show();
		}, function() {
		// nothing to see here.

		
    });
	$('.nav-e').mouseout(function(){
		$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-b-img').show();
		}, function() {
		// nothing to see here.

    });
    
    //f
	$('.nav-f').hover(function(){
		$('.nav-b-img, .nav-c-img, .nav-d-img, .nav-e-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-f-img').show();}, 
		function() {
		// nothing to see here.

		
    });
	$('.nav-f').mouseout(function(){
		$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-b-img').show();
		}, function() {
		// nothing to see here.

    });
    
    //g
	$('.nav-g').hover(function(){
		$('.nav-b-img, .nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-h-img').hide();
		$('.nav-g-img').show();
		}, function() {
		// nothing to see here.

		
    });
	$('.nav-g').mouseout(function(){
		$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-b-img').show();
		}, function() {
		// nothing to see here.

    });
    
    //h
	$('.nav-h').hover(function(){
		$('.nav-b-img, .nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img').hide();
		$('.nav-h-img').show();
		}, function() {
		// nothing to see here.

		
    });
	$('.nav-h').mouseout(function(){
		$('.nav-c-img, .nav-d-img, .nav-e-img, .nav-f-img, .nav-g-img, .nav-h-img').hide();
		$('.nav-b-img').show();
		}, function() {
		// nothing to see here.

    });
//pricing sub-menu
$('#sub-pricing').hide();
		$('#pricing, #sub-pricing').hover(function(){
		$('#sub-pricing').show();
		$('#nav-c').show();
		$('#nav-a').hide();
		}, function() {
		// nothing to see here.

    });
		$('#pricing').mouseout(function(){
		$('#sub-pricing').hide();
		}, function() {
		// nothing to see here.


    });
		$('#sub-pricing').hover(function(){
		$(this).show();
		}, function() {
		// nothing to see here.

    });
		$(this).mouseout(function(){
		$('#sub-pricing').hide();
		$('#nav-a').show();
		$('#nav-c').hide();
		}, function() {
		// nothing to see here.

    });

//prcing images
	//j
	$('.nav-j-img, .nav-k-img, .nav-l-img, .nav-m-img').hide();
	$('.nav-j').hover(function(){
		$('.nav-i-img, .nav-k-img, .nav-l-img, .nav-m-img').hide();
		$('.nav-j-img').show();
		}, function() {
		// nothing to see here.

    });
	$(this).mouseout(function(){
		$('.nav-j-img, .nav-k-img, .nav-l-img, .nav-m-img').hide();	
		$('.nav-i-img').show();
		}, function() {
		// nothing to see here.

    });
	
	//k
	$('.nav-k').hover(function(){
		$('.nav-i-img, .nav-j-img, .nav-l-img, .nav-m-img').hide();
		$('.nav-k-img').show();
		}, function() {
		// nothing to see here.

		
    });
	$(this).mouseout(function(){
		$('.nav-j-img, .nav-k-img, .nav-l-img, .nav-m-img').hide();	
		$('.nav-i-img').show();
		}, function() {
		// nothing to see here.

    });
	
	//l
	$('.nav-l').hover(function(){
		$('.nav-i-img, .nav-k-img, .nav-j-img, .nav-m-img').hide();
		$('.nav-l-img').show();
		}, function() {
		// nothing to see here.

		
    });
	$(this).mouseout(function(){
		$('.nav-j-img, .nav-k-img, .nav-l-img, .nav-m-img').hide();	
		$('.nav-i-img').show();
		}, function() {
		// nothing to see here.

    });
    //m
	$('.nav-m').hover(function(){
		$('.nav-i-img, .nav-k-img, .nav-l-img, .nav-j-img').hide();
		$('.nav-m-img').show();
		}, function() {
		// nothing to see here.

		
    });
	$(this).mouseout(function(){
		$('.nav-j-img, .nav-k-img, .nav-l-img, .nav-m-img').hide();	
		$('.nav-i-img').show();
		}, function() {
		// nothing to see here.

    });
    
//gallery
$('#nav-d').hide();
		$('#gallery').hover(function(){
		$('#nav-d').show();
		$('#nav-a').hide();
		}, function() {
		// nothing to see here.

    });
		$(this).mouseout(function(){
		$('#nav-a').show();
		$('#nav-d').hide();
		}, function() {
		// nothing to see here.

    });
//contact
$('#nav-e').hide();
		$('#contact').hover(function(){
		$('#nav-e').show();
		$('#nav-a').hide();
		}, function() {
		// nothing to see here.

    });
		$(this).mouseout(function(){
		$('#nav-a').show();
		$('#nav-e').hide();
		}, function() {
		// nothing to see here.

    });
//links
$('#nav-f').hide();
		$('#links').hover(function(){
		$('#nav-f').show();
		$('#nav-a').hide();
		}, function() {
		// nothing to see here.

    });
		$(this).mouseout(function(){
		$('#nav-a').show();
		$('#nav-f').hide();
		}, function() {
		// nothing to see here.

    });
});