//JQuery
   $(document).ready(function(){

      //MENU
      $("nav li a.main-link").hover(function(){
         $(".sub-links").hide();
         $("nav li a.main-link").removeClass("active");
         //$("nav li a.close").fadeIn();
         $(this).addClass("active");
         // $("#sub-link-bar").animate({ height: "80px"  });
         $(this).siblings(".sub-links").fadeIn();
      });

      $("#main").hover(function(){
         $("nav li a.main-link").removeClass("active");
         //$(".sub-links").fadeOut();
         $(".sub-links").hide();
         //$("nav li a.close").fadeOut();
         //$("#sub-link-bar").animate({ height: "80px"      });
      });

      $("section").hover(function(){
         $("nav li a.main-link").removeClass("active");
         //$(".sub-links").fadeOut();
         $(".sub-links").hide();
         //$("nav li a.close").fadeOut();
         //$("#sub-link-bar").animate({ height: "80px"      });
      });



      //FORM
      $("#btnFormPersonal").click(function(){
         $('#ddlInsuranceType').empty().append('<option value="Homeowners">Homeowners</option><option value="Renters">Renters</option><option value="Condos/Townhouses">Condos/Townhouses</option><option value="Mobile Homes">Mobile Homes</option><option value="Motor Homes">Motor Homes</option><option value="Automobile">Automobile</option><option value="Motorcycles">Motorcycles</option><option value="Umbrella Liability">Umbrella Liability</option><option value="Boat/Yacht/Jet Skis">Boat/Yacht/Jet Skis</option><option value="Valuable Property">Valuable Property</option>');
         $('html,body').animate({scrollTop : 0},'slow');
         $("div#formPanel").animate({
            height: "650px"
            })
         .animate({
            height: "600px"
            }, "fast");
         //$("div.formPanel_button").toggle();
      });

      $("#btnFormLifeHealth.btnForm").click(function(){
       $('#ddlInsuranceType').empty().append('<option value="Life Insurance">Life Insurance</option><option value="Disability Income">Disability Income</option><option value="Long Term Healthcare">Long Term Healthcare</option><option value="Health Insurance">Health Insurance</option>');
       $('html,body').animate({scrollTop : 0},'slow');
       $("div#formPanel").animate({
          height: "650px"
          })
       .animate({
          height: "600px"
          }, "fast");
        });

      $("#btnFormBusiness.btnForm").click(function(){
       $('#ddlInsuranceType').empty().append('<option value="Commercial Property">Commercial Property</option><option value="Commercial Auto">Commercial Auto</option><option value="Workers Compensation">Workers Compensation</option><option value="Product Liability">Product Liability</option><option value="General Liability">General Liability</option><option value="Excess Liability">Excess Liability</option><option value="Group Life">Group Life</option><option value="Group Health">Group Health</option><option value="Crime/Bonds">Crime/Bonds</option><option value="Inland Marine/Cargo">Inland Marine/Cargo</option>');
       $('html,body').animate({scrollTop : 0},'slow');
       $("div#formPanel").animate({
          height: "650px"
          })
       .animate({
          height: "600px"
          }, "fast");
      });


      $("#HomeInsPanel.panel").click(function(){
         $('#ddlInsuranceType').empty().append('<option value="Homeowners">Homeowners</option><option value="Renters">Renters</option><option value="Condos/Townhouses">Condos/Townhouses</option><option value="Mobile Homes">Mobile Homes</option><option value="Motor Homes">Motor Homes</option><option value="Automobile">Automobile</option><option value="Motorcycles">Motorcycles</option><option value="Umbrella Liability">Umbrella Liability</option><option value="Boat/Yacht/Jet Skis">Boat/Yacht/Jet Skis</option><option value="Valuable Property">Valuable Property</option>');
         $('html,body').animate({scrollTop : 0},'slow');
         $("div#formPanel").animate({
            height: "650px"
            })
         .animate({
            height: "600px"
            }, "fast");
         //$("div.formPanel_button").toggle();
      });

      $("#LifeHealthInsPanel.panel").click(function(){
       $('#ddlInsuranceType').empty().append('<option value="Life Insurance">Life Insurance</option><option value="Disability Income">Disability Income</option><option value="Long Term Healthcare">Long Term Healthcare</option><option value="Health Insurance">Health Insurance</option>');
       $('html,body').animate({scrollTop:0},'slow');
       $("div#formPanel").animate({
          height: "650px"
          })
       .animate({
          height: "600px"
          }, "fast");
       });

      $("#RentersInsPanel.panel").click(function(){
       $('#ddlInsuranceType').empty().append('<option value="Life Insurance">Life Insurance</option><option value="Disability Income">Disability Income</option><option value="Long Term Healthcare">Long Term Healthcare</option><option value="Health Insurance">Health Insurance</option>');
       $('html,body').animate({scrollTop:0},'slow');
       $("div#formPanel").animate({
          height: "650px"
          })
       .animate({
          height: "600px"
          }, "fast");
       });

      $("a.JQueryFormPanel").click(function(){
       $('html,body').animate({scrollTop : 0},'slow');
       $("div#formPanel").animate({
          height: "650px"
       })
       .animate({
          height: "600px"
       }, "fast");
       //$("div.formPanel_button").toggle();
      });


      $("div#formCancel_button").click(function(){
         $("div#formPanel").animate({
            height: "650px"
         })
         .animate({
            height: "0px"
         }, "fast")
      });





      //IMAGES
      $("a.fancybox").fancybox({
         'titleShow'    : true,
         'titlePosition'   : 'inside',  //'inside' 'outside' 'over'
         'transitionIn' : 'elastic', //'none' 'elastic' 'fade'
         'transitionOut'   : 'elastic'  //'none' 'elastic' 'fade'
      });

      $("a.fancybox_iframe").fancybox({
         'width'           : '90%',
         'height'       : '85%',
         'autoScale'       : false,
         'transitionIn'    : 'none',
         'transitionOut'      : 'none',
         'type'            : 'iframe'
      });

   });