// jQuery effects
$(document).ready(function () {
	// create buttons. 
	var $protabs ="<div class=\"mpro protabs\"><a id=\"mpro\" href=\"#\">Male Procedures</a></div><div class=\"fpro\"><a id=\"fpro protabs\" href=\"#\">Female Procedures</a></div>";
	$(".emptytab").replaceWith($protabs);
	
	//Create Panel Vars
	var $mproslide = "<span class=\"mprolink prolinks\"style=\"display:none;\"><ul><li><a href=\"../male-breast-reduction.php\">Male Breast Reduction</a></li><li><a href=\"../abdominoplasty.php\">Abdominoplasty (Tummy Tuck)</a></li><li><a href=\"../liposuction.php\">Liposuction</a></li><li><a href=\"../face-neck-lift.php\">Face Lift and Neck Lift</a></li><li><a href=\"../rhinoplasty.php\">Rhinoplasty</a></li></ul><ul><li><a href=\"../blepharoplasty.php\">Eyelid Surgery (Blepharoplasty)</a></li><li><a href=\"../otoplasty.php\">Ear Surgery (Otoplasty)</a></li><li><a href=\"../dermal-fillers.php\">Dermal Fillers</a></li><li><a href=\"../antiwrinkle-injections.php\">Antiwrinkle Injections</a></li></ul><br class=\"clear\"/></span>";
	var $fproslide = "<span class=\"fprolink prolinks\"style=\"display:none;\"><ul><li><a href=\"../breast-augmentation.php\">Breast Augmentation / Implants</a></li><li><a href=\"../breast-reduction-lift.php\">Breast Reduction / Lift</a></li><li><a href=\"../face-neck-lift.php\">Face &amp; Neck Lift</a></li><li><a href=\"../abdominoplasty.php\">Abdominoplasty (Tummy Tuck)</a></li><li><a href=\"../liposuction.php\">Liposuction / Sculpture</a></li></ul><ul><li><a href=\"../arm-reduction-lift.php\">Arm Reduction / Lift</a></li><li><a href=\"../thigh-reduction-lift.php\">Thigh Reduction / Lift</a></li><li><a href=\"../blepharoplasty.php\">Eyelid Lifts (Blepharoplasty)</a></li><li><a href=\"../rhinoplasty.php\">Nose (Rhinoplasty)</a></li><li><a href=\"../otoplasty.php\">Ear Surgery (Otoplasty)</a></li></ul><ul><li><a href=\"../labiaplasty.php\">Labiaplasty</a></li><li><a href=\"../antiwrinkle-injections.php\">Antiwrinkle Injections</a></li><li><a href=\"../dermal-fillers.php\">Dermal Fillers</a></li><li><a href=\"../chemical-peels.php\">Chemical Peels</a></li></ul><br class=\"clear\"/></span>";
	
	//build panels
	$(".emptytab2").replaceWith($fproslide + $mproslide);

    // mpro event
    $(".mpro a").click(function () {
      if ($(".fprolink").is(":visible")) {
        $(".fprolink").hide();
        $(".mprolink").show();
      } else if ($(".mprolink").is(":visible")){
      	$(".mprolink").slideUp();
      	$(".slide").css({"margin-top" : "0px"});
      } else {
        $(".mprolink").css({opacity: 0.0});
      	$(".mprolink").show("fast");
        $(".mprolink").animate({opacity: 1.0}, 500 );
        $(".slide").css({"margin-top" : "10px"});
      }
    });
    
    // fpro event
    $(".fpro a").click(function () {
      if ($(".mprolink").is(":visible")) {
        $(".mprolink").hide();
        $(".fprolink").show();
   	  } else if ($(".fprolink").is(":visible")){
      	$(".fprolink").slideUp();
      	$(".slide").css({"margin-top" : "0px"});        
      } else {
      	$(".fprolink").css({opacity: 0.0});
      	$(".fprolink").show("fast");
        $(".fprolink").animate({opacity: 1.0}, 500 );
        $(".slide").css({"margin-top" : "10px"});
      }
    });
});