// JQUERY CUSTOM COMMANDS
$(document).ready( function() {  // start javascript when document is loaded

	// CATEGORY LIST - make active parent 'un-bold'
	$('.navList li li.active').parents('li.active').css({ fontWeight:"normal" });
	
	
	// CATEGORY ROLLOVERS
	$('.catList li').hover(function() {
	    $(this).addClass("active");
		$(this).find(".catLarge").show();
	}, function() {
	    $(this).removeClass("active");
		$(this).find(".catLarge").hide();
	});
	
	// WORK FILTERS
	$('.catFilters .filter').hover(function() { // show hide submenu 
	    $(this).find("ul").show();
	}, function() {
	    $(this).find("ul").hide();
	});
	
	$('.catFilters li a').click(function() { // select active sub
		$(this).parents("ul").hide();
	});
	
	/* REVIEWS TOGGLE */
	$('#moreReviews').hide();
	$('.hideReviews').hide();

	$(".showReviews").click(function() { // Show extra reviews
		$('.hideReviews').show();
		$('.showReviews').hide();
		$("#moreReviews").show();
	});
	$(".hideReviews").click(function() { // hide extra reviews
		$('.showReviews').show();
		$('.hideReviews').hide();
		$("#moreReviews").hide();
	});
	
	/* MORE INFO TOGGLE */
	$('.moreContainer').find('.moreInfo').hide().end().find('.lessLink').hide().end().find('.moreLink a').click(function() {
		$(this).parents('.moreContainer').find('.moreInfo').show();
		$(this).parents('.moreContainer').find('.moreLink').hide();
		$(this).parents('.moreContainer').find('.lessLink').show();
		return false;
	});
	$('.moreContainer .lessLink a').click(function() {
		$(this).parents('.moreContainer').find('.moreInfo').hide();
		$(this).parents('.moreContainer').find('.moreLink').show();
		return false;
	});
	
	/* ACCOUNT DATA TOGGLE */
	/* particulier-zakelijk */
	$("input[@id='fc_particulier'][@checked]").parents('form').find('tr.zakelijk').hide();	
	$("#fc_particulier").click(function() {
		$("input[@id='fc_particulier']").parents('form').find('tr.zakelijk').hide();
	})
	$("input[@id='fc_zakelijk'][@checked]").parents('form').find('tr.zakelijk').show();	
	$("#fc_zakelijk").click(function() {
		$("input[@id='fc_zakelijk']").parents('form').find('tr.zakelijk').show();
	})
	/* afleveradres */
	$("input[@name='afleveradres'][@checked]").parents('form').find('.afleveradres').show();
	$("input[@name='afleveradres']").not(":checked").parents('form').find('.afleveradres').hide();
	$("input[@name='afleveradres']").click(function () {
      if ($("input[@name='afleveradres']").is(":checked")) {
        $(".afleveradres").show();
      } else {
        $(".afleveradres").hide();
      }
     });
 
     // ACCOUNT INPUT LABELS as background
     // fill or empty email field onDefault
     if ($(".serviceEmail").val() == "") {
     	$(".serviceEmail").css({ backgroundImage: "url(/images/service_input_email.gif)" });
     } else {
     $(".serviceEmail").css({ backgroundImage: "url(/images/service_input_gray.gif)" });
     };
     // fill or empty password field onDefault
     if ($(".servicePassword").val() == "") {
     	$(".servicePassword").css({ backgroundImage: "url(/images/service_input_password.gif)" });
     } else {
     $(".servicePassword").css({ backgroundImage: "url(/images/service_input_gray.gif)" });
     };
     // empty fiels onClick
     $(".serviceEmail, .servicePassword").click(function() {
     $(this).css({ backgroundImage: "url(/images/service_input_gray.gif)" });
     });
     // empty fiels onBlur
     $(".serviceEmail, .servicePassword").focus(function() {
     $(this).css({ backgroundImage: "url(/images/service_input_gray.gif)" });
     });
     // refill emailfield onBlur
     $(".serviceEmail").blur(function() {
     if ($(".serviceEmail").val() == "") {
     	$(".serviceEmail").css({ backgroundImage: "url(/images/service_input_email.gif)" });
     	} else {
     	$(".serviceEmail").css({ backgroundImage: "url(/images/service_input_gray.gif)" });
     	};
     });
     // refill passfield onBlur
     $(".servicePassword").blur(function() {
     if ($(".servicePassword").val() == "") {
     	$(".servicePassword").css({ backgroundImage: "url(/images/service_input_password.gif)" });
     	} else {
     	$(".servicePassword").css({ backgroundImage: "url(/images/service_input_gray.gif)" });
     	};
     });
    	
	/* WISH LIST */
	$('.wishList tr:last').addClass("last"); // Add class to last TR to remove border in CSS
	
	/* ORDER LIST */
	$('.orderContent').hide();
	$(".orderHeader").click(function() { // Show orderdetails
		$('.orderContent').hide();
		$('.orderHeader').css({ fontWeight:"normal" });
		$(this).next('tr').find('.orderContent').show();
		$(this).css({ fontWeight:"bold" });
	});
	
	/* FAQ TOGGLE */
	$('.faqList .faqAnswer').hide();
	$('.faqList .faqQuestion a').click(function() {
		$(this).parents('.faqList').find(".faqAnswer").slideUp(200); // Hide all answers
		$(this).parents('.faqList').find('li').removeClass("active");
	    $(this).parents('li').find(".faqAnswer").slideDown(200); // Show current answer
		$(this).parents('li').addClass("active");
		return false;
	});

	
	// ROLLOVER IMAGES
	DNZ.rollover.init();
   
}); // end ready function




// ROLLOVER IMAGES
DNZ = {};
DNZ.rollover = {
   init: function() {
      this.preload();
      
      $(".rollover").hover(
         function () { $(this).attr( 'src', DNZ.rollover.newimage($(this).attr('src')) ); },
         function () { $(this).attr( 'src', DNZ.rollover.oldimage($(this).attr('src')) ); }
      );
   },

   preload: function() {
      $(window).bind('load', function() {
         $('.rollover').each( function( key, elm ) { $('<img>').attr( 'src', DNZ.rollover.newimage( $(this).attr('src') ) ); });
      });
   },
   
   newimage: function( src ) {
      return src.substring( 0, src.search(/(\.[a-z]+)/) ) + '_on' + src.match(/(\.[a-z]+)/)[0];
   },
   
   oldimage: function( src ) {
      return src.replace(/_on/, '');
   }
};