$(document).ready(function() {
	 
	 
	 $('#mail-button').click(function(){
	$('#mailing_list').bPopup({opacity:1});	 
		 
	 });
	
$("input.catalog").click(function() {
     
		
	  var name = $("input#name").val();
		if (name == "") {
      		$("input#name").css('border','1px solid red');
      		$("input#name").focus();
      		return false;
	
		} 
		
      	  var email = $("input#email").val();
	  	if (email == "") {
      		$("input#email").css('border','1px solid red');
      		$("input#email").focus();
      		return false;
		} 
		
      	  var phone = $("input#phone").val();
	
		
	  var address = $("textarea#address").val();
	  	if (address == "") {
      		$("input#address").css('border','1px solid red');
      		$("input#address").focus();
      		return false;
		} 
	
	  var company = $("input#company").val();
	  	if (company == "") {
      		$("input#company").css('border','1px solid red');
      		$("input#company").focus();
      		return false;
		} 
	
		
		var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&company=' + company + '&address=' + address;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "bin/process_catalog.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<h2>Catalog Request Submitted!</h2>")
        .append("<p>We will be in touch soon.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append("<img id='checkmark' src='images/check.png' />");
	 
        });
      }
     });
    return false;
	});
	

	  $(".newsletter").click(function() {

		
	  var name = $("input#name").val();
		if (name == "") {
      		$("input#name").css('border','1px solid red');
      		$("input#name").focus();
      		return false;
	
		} 
		
      	  var email = $("input#email").val();
	  	if (email == "") {
      		$("input#email").css('border','1px solid red');
      		$("input#email").focus();
      		return false;
		} 
		
      	  var phone = $("input#phone").val();
	
	
	  var company = $("input#company").val();

	
		
		var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&company=' + company;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "bin/process_signup.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<h2>Your information has been sumbmitted!</h2>")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append("<img id='checkmark' src='images/check.png' />");
	 
        });
      }
     });
    return false;
	});
      $("img.info-catalog").bind('click', function(){
            $("#info").bPopup({position:[20,'auto'],loadUrl:'img-catalog/info-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
      return false;
   }); 
  
    $("img.carefree-catalog").click(function() {
      $("#carefree").bPopup({position:[20,'auto'],loadUrl:'img-catalog/carefree-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
   
       $("img.reelwood-catalog").click(function() {
      $("#reelwood").bPopup({position:[20,'auto'],loadUrl:'img-catalog/reelwood-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
   
       $("img.travelite-catalog").click(function() {
      $("#travelite").bPopup({position:[20,'auto'],loadUrl:'img-catalog/travelite-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
     
    $("img.discovery-catalog").bind('click', function(){
      $("#discovery").bPopup({position:[20,'auto'],loadUrl:'img-catalog/discovery-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
   
    $("img.empress-catalog").bind('click', function(){
      $("#empress").bPopup({position:[20,'auto'],loadUrl:'img-catalog/empress-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
   
    $("img.honeycomb-catalog").bind('click', function(){
      $("#honeycomb").bPopup({position:[20,'auto'],loadUrl:'img-catalog/honeycomb-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
   
    $("img.crystal-catalog").bind('click', function(){
      $("#crystal").bPopup({position:[20,'auto'],loadUrl:'img-catalog/crystal-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   }); 
   
       $("img.infinity-catalog").bind('click', function(){
      $("#infinity").bPopup({position:[20,'auto'],loadUrl:'img-catalog/infinity-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
          $("img.diversity-catalog").bind('click', function(){
      $("#diversity").bPopup({position:[20,'auto'],loadUrl:'img-catalog/diversity-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
             $("img.rope-catalog").bind('click', function(){
      $("#rope").bPopup({position:[20,'auto'],loadUrl:'img-catalog/rope-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
             $("img.covered-catalog").bind('click', function(){
      $("#covered").bPopup({position:[20,'auto'],loadUrl:'img-catalog/covered-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
                $("img.reelwood-carefree-catalog").bind('click', function(){
      $("#reelwood-carefree").bPopup({position:[20,'auto'],loadUrl:'img-catalog/reelwood-carefree.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
                   $("img.foldersandpads-catalog").bind('click', function(){
      $("#foldersandpads").bPopup({position:[20,'auto'],loadUrl:'img-catalog/foldersandpads-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
                      $("img.glassplaque-catalog").bind('click', function(){
      $("#glassplaque").bPopup({position:[20,'auto'],loadUrl:'img-catalog/glassplaque.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
                         $("img.showcase-catalog").bind('click', function(){
      $("#showcase").bPopup({position:[20,'auto'],loadUrl:'img-catalog/showcase-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
                            $("img.travelite-folders-catalog").bind('click', function(){
      $("#travelite-folders").bPopup({position:[20,'auto'],loadUrl:'img-catalog/travelite-folders-catalog.html',onClose: function(){
	      window.location.href=window.location.href;
   }});
      return false;
   });
   
   
   
   
   
     $("img.necklace-tray-popup").bind('click', function(){
      $("#necklace-tray-pop").bPopup();
      return false;
   }); 
   

  $("a.carefreepop").bind('click', function(){
      $("#carefreepop").bPopup();
      return false;
   }); 
   
     $("a.travelitepop").bind('click', function(){
      $("#travelitepop").bPopup();
      return false;
   }); 
   
        $("a.travelitefolderspop").bind('click', function(){
      $("#travelitefolderspop").bPopup();
      return false;
   }); 
   
     $("a.empresspop").bind('click', function(){
      $("#empresspop").bPopup();
      return false;
   }); 
   
      $("a.reelwoodpop").bind('click', function(){
      $("#reelwoodpop").bPopup();
      return false;
   }); 
   
         $("a.infinitypop").bind('click', function(){
      $("#infinitypop").bPopup();
      return false;
   }); 
   
            $("a.diversitypop").bind('click', function(){
      $("#diversitypop").bPopup();
      return false;
   }); 
   
               $("a.discoverypop").bind('click', function(){
      $("#discoverypop").bPopup();
      return false;
   }); 
   
               $("a.infopop").bind('click', function(){
      $("#infopop").bPopup();
      return false;
   });
   
                 $("a.ropepop").bind('click', function(){
      $("#ropepop").bPopup();
      return false;
   });
   
                    $("a.coveredpop").bind('click', function(){
      $("#coveredpop").bPopup();
      return false;
   });
   
                       $("a.crystalpop").bind('click', function(){
      $("#crystalpop").bPopup();
      return false;
   });
   
                          $("a.honeycombpop").bind('click', function(){
      $("#honeycombpop").bPopup();
      return false;
   });
   
      $("a.folderspadspop").bind('click', function(){
      $("#folderspadspop").bPopup();
      return false;
   });
   
         $("a.glassplaquepop").bind('click', function(){
      $("#glassplaquepop").bPopup();
      return false;
   });

  $('#accordion,#accordiontwo,#accordionthree').accordion();
  $('#accordion-ringgrip').accordion();

  $("a#page-click").bind('click', function(){
      $("#requestinfo").bPopup();
      return false;
   });
   
     $("a#click").bind('click', function(){
      var item_num = $("#main_view >  div:visible").find("img").attr("alt");
      $("td.item").text(item_num);
      $("#requestinfo").bPopup();
      return false;
   });
   
  $('#navMenu').navMenu();
  
  $("ul.menu-layout ul li:last").css('border','none');
  
  $("ul.thumb").quickPager({pageSize:9});
  
  $("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-110px',
			top: '50%',
			left: '50%',
			width: '174px', /* Set new width */
			height: '174px', /* Set new height */
			padding: '20px'
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '100px', /* Set width back to default */
			height: '100px', /* Set height back to default */
			padding: '5px'
		}, 400);
});

//Swap Image on Click
	$("ul.thumb li a").click(function() {
		
		var alt = $(this).children('img').attr('alt');
		$('#main_view > div').each(function (i) {
			if($(this).hasClass(alt)){
				$(this).show();
			} else {
				$(this).hide();
			}
		});
		
		//var mainImage = $(this).attr("href"); //Find Image Name
		//$("#main_view img").attr({ src: mainImage });
		return false;		
	});
 




  $(".button").click(function() {
		// validate and process form
		// first hide any error messages

		
	  var name = $("input#name").val();
		if (name == "") {
      		$("input#name").css('border','1px solid red');
      		$("input#name").focus();
      		return false;
	
		} 
		
      
	  var email = $("input#email").val();
	  	if (email == "") {
      		$("input#email").css('border','1px solid red');
      		$("input#email").focus();
      		return false;
		} 
	  var phone = $("input#phone").val();
	  	if (phone == "") {
      		$("input#phone").css('border','1px solid red');
      		$("input#phone").focus();
      		return false;
		} 
	  var comments = $("textarea#comments").val();
	  	if (comments == "") {
      		$("input#comments").css('border','1px solid red');
      		$("input#comments").focus();
      		return false;
		} 
	  var pn = $("td.item").text();
	  var line = $("input#line").val();
	  var quantity = $("input#quantity").val();
	  var company = $("input#company").val();
	  	if (company == "") {
      		$("input#company").css('border','1px solid red');
      		$("input#company").focus();
      		return false;
		} 
	
		
		var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone + '&company=' + company + '&pn=' + pn + '&quantity=' + quantity +'&line=' + line + '&comments=' + comments;
		//alert (dataString);return false;
		
		$.ajax({
      type: "POST",
      url: "bin/process.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<h2>Contact Form Submitted!</h2>")
        .append("<p>We will be in touch soon.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('#message').append("<img id='checkmark' src='images/check.png' />");
	  $('#message').append("<a href=''><img id='close' src='images/close_window.gif'/></a>");
	  $('#close').css('display','block');
        });
      }
     });
    return false;
	});
	
	
	  
	 
	

	
	
	


	

   
       $("div.customizations div div").bind('click', function(){
      var item = $(this).children('p').text();
      var photo = $(this).children('img').attr('src');
      $("div.photozoom p").text(item); 
      $("div.photozoom img").attr('src',photo); 
  
      $("div.photozoom").bPopup();

      return false;
   });

	


  
    
  
    
  
    
    	});