/*****************************************************************************
The sIFR configuration should typically go in `sifr-config.js`, but in order to
keep the config file clean, and to give a quick overview, it's done here instead.
*****************************************************************************/

var century_gothic = {
    src: '/content/flash/century_gothic.swf'

};

var century_gothic_bold = {
    src: '/content/flash/century_gothic_bold.swf'
};

// You probably want to switch this on, but read <http://wiki.novemberborn.net/sifr3/DetectingCSSLoad> first.
// sIFR.useStyleCheck = true;
sIFR.activate(century_gothic, century_gothic_bold);

sIFR.replace(century_gothic, {
    selector: 'p.sifr'
      , css: {
          '.sIFR-root': { 'color': '#ffffff' }
      }
});

  sIFR.replace(century_gothic_bold, {
      selector: '.module p'
      , css: {
          '.sIFR-root': { 'color': '#21476c','font-weight': 'bold' }
      }
  });

  sIFR.replace(century_gothic_bold, {
      selector: '.module ul li'
      , css: {
          '.sIFR-root': { 'color': '#21476c', 'font-weight': 'bold'}
      }
  });

  sIFR.replace(century_gothic_bold, {
      selector: 'h3'
      , css: {
          '.sIFR-root': { 'color': '#3977b2', 'font-weight': 'bold' }
      }
  });

  sIFR.replace(century_gothic_bold, {
      selector: 'div.phone'
      , css: {
          '.sIFR-root': { 'color': '#3b79b4', 'font-weight': 'bold' }
      }
  });

  sIFR.replace(century_gothic_bold, {
      selector: 'div.envelope'
      , css: [
        'a { text-decoration: none; font-weight:bold; }'
        , 'a:link { color: #3b79b4; font-weight:bold; }'
        , 'a:hover { color: #3b79b4; font-weight:bold; }'
      ]
  });
  

sIFR.replace(century_gothic_bold, {
    selector: 'h2'
     , css: {
         '.sIFR-root': { 'color': '#ffffff', 'font-weight': 'bold' }
     }
      , filters: {
          DropShadow: {
              knockout: false
          , distance: 1
          , color: '#000000'
          , strength: 1
          }
      }
});

sIFR.replace(century_gothic_bold, {
    selector: 'h1'
      , css: {
          '.sIFR-root': { 'color': '#ffffff', 'font-weight': 'bold' }
      }
      , filters: {
          DropShadow: {
              knockout: false
          , distance: 1
          , color: '#000000'
          , strength: 1
          }
      }
  });




  /*On Load*/
  $(document).ready(function () {

      /*textbox */

      $("input.numericonly").numeric();
      $('input.phoneonly').numeric({ allow: ".-() " })


      /* form validators*/
      var createJobForm = $("#createJobForm").validate(
        {
            rules: {
                StudioName: "required",
                ContactName: "required",
                Email: {
                    required: true,
                    email: true
                },
                Phone: "required",
                JobName: "required",
                AlbumWidth: "required",
                AlbumHeight: "required",
                NumberOfSpreads: "required"
            },
            messages: {
                StudioName: "* Enter the Studio Name",
                ContactName: "* Enter your Contact Name",
                Email: {
                    required: "* Enter your email address",
                    email: "* Please check the email form"
                },
                Phone: "* Phone is required",
                JobName: "* Job Name is required",
                AlbumWidth: "* Album Width is required",
                AlbumHeight: "* Album Height is required",
                NumberOfSpreads: "* Number of spreads is required"

            },
            submitHandler: function (form) {
                form.submit();
            }
        });

        $("#createJobForm a.reset").click(function (e) {
            /*reset form*/
            createJobForm.resetForm();

           

        });

      var validator = $("#registerForm").validate(
      {
          rules: {
              studioname: "required",
              country: "required",
              contactname: "required",
              email: {
                  required: true,
                  email: true
              },
              address: "required",
              phone: "required",
              city: "required",
              username: "required",
              State: "required",
              password: "required",
              zip: "required"
          },
          messages: {
              studioname: "* Enter your studio name",
              country: "* Select your country",
              contactname: "* Enter your contact name",
              email: {
                  required: "Enter a valid email address",
                  email: "Enter a valid email address"
              },
              address: "* Enter your street address",
              phone: "* Enter your phone number",
              city: "* Enter your city",
              username: "* Enter your username",
              State: "* Select your state/province",
              password: "* Enter your password",
              zip: "Enter your zip"
          },
          submitHandler: function (form) {
              form.submit();
          }
      }
      );

      $("#registerForm a.reset").click(function (e) {
          /*reset form*/
          validator.resetForm();
         
          $("#studioname").val('');
          $("#country").val('0');
          $("#contactname").val('');
          $("#email").val('');
          $("#address").val('');
          $("#phone").val('');
          $("#city").val('');
          $("#username").val('');
          $("#State").val('');
          $("#password").val('');
          $("#zip").val('');

      });

      var loginvalidator = $("#loginForm").validate(
      {
          rules: {
              Username_Input: "required",
              Password_Input: "required"
          },
          messages: {
              Username_Input: "* Enter your username",
              Password_Input: "* Enter your password"
          },
          submitHandler: function (form) {
              form.submit();
          }
      }
      );



      $('.Login').click(function (e) {
          $(".popup").modal();
          e.preventDefault();
      });

      $('#forgotusername').click(function (e) {
          e.preventDefault();
          $('div.popup_login').hide();
          $('div.popup_password_recovery').show();

      });

      $('#loginusernamepassword').click(function (e) {
          e.preventDefault();
          $('div.popup_password_recovery').hide();
          $('div.popup_login').show();
      });


      $('#homepageimages').crossSlide({
          fade: 1
      }, [
  {
      src: '/Content/images/banner_rotation/home/PAGE-03-04.jpg',
      href: '/Content/images/banner_rotation/home/AGE-03-04.jpg',
      from: '100% 100% 1x',
      to: '100% 0% 1.7x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/home/PAGE-05-06.jpg',
      href: '/Content/images/banner_rotation/home/PAGE-05-06.jpg',
      from: 'top left',
      to: 'bottom right 1.5x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/home/PAGE-08-09.jpg',
      href: '/Content/images/banner_rotation/home/PAGE-08-09.jpg',
      from: '100% 100% 1x',
      to: '0% 0% 1.7x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/home/PAGE-09-10.jpg',
      href: '/Content/images/banner_rotation/home/PAGE-09-10.jpg',
      from: 'top right',
      to: 'bottom left 1.5x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/home/PAGE-11-12.jpg',
      href: '/Content/images/banner_rotation/home/PAGE-11-12.jpg',
      from: '100% 100% 1x',
      to: '100% 0% 1.7x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/home/PAGE-33-34.jpg',
      href: '/Content/images/banner_rotation/home/PAGE-33-34.jpg',
      from: 'top left',
      to: 'bottom right 1x',
      time: 2
  }
]);

  $('#interiorImages').crossSlide({
      fade: 1
  }, [
  {
      src: '/Content/images/banner_rotation/interior/PAGE-01-02.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-01-02.jpg',
      from: '100% 100% 1x',
      to: '100% 0% 1.7x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-03-04.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-03-04.jpg',
      from: 'top left',
      to: 'bottom right 1x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-03-04_sample.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-03-04_sample.jpg',
      from: '100% 100% 1x',
      to: '100% 0% 1.7x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-05-06.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-05-06.jpg',
      from: 'top left',
      to: 'bottom right 1.5x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-08-09.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-08-09.jpg',
      from: '100% 100% 1x',
      to: '100% 0% 1.7x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-09-10.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-09-10.jpg',
      from: 'top left',
      to: 'bottom right 1.5x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-11-12.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-11-12.jpg',
      from: '50% 0% 1x',
      to: '100% 100% 1.7x',
      time: 4
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-15-16.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-15-16.jpg',
      from: 'top left',
      to: 'bottom right 1.5x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/PAGE-33-34.jpg',
      href: '/Content/images/banner_rotation/interior/PAGE-33-34.jpg',
      from: '10% 100% 1x',
      to: '100% 40% 1.7x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/interior/Untitled-1.jpg',
      href: '/Content/images/banner_rotation/interior/Untitled-1.jpg',
      from: 'top left',
      to: 'bottom right 1.5x',
      time: 3
  }, {
      src: '/Content/images/banner_rotation/interior/Untitled-2.jpg',
      href: '/Content/images/banner_rotation/interior/Untitled-2.jpg',
      from: '100% 80% 1x',
      to: '100% 0% 1.7x',
      time: 2
  }, {
      src: '/Content/images/banner_rotation/interior/Untitled-3.jpg',
      href: '/Content/images/banner_rotation/interior/Untitled-3.jpg',
      from: 'top left',
      to: 'bottom right 1.5x',
      time: 4
  }, {
      src: '/Content/images/banner_rotation/interior/Untitled-4.jpg',
      href: '/Content/images/banner_rotation/interior/Untitled-4.jpg',
      from: '100% 100% 1x',
      to: '100% 0% 1.7x',
      time: 2
  }
]);


  $().piroBox({
      my_speed: 300, //animation speed
      bg_alpha: 0.5, //background opacity
      radius: 4, //caption rounded corner
      scrollImage: true, // true == image follows the page _|_ false == image remains in the same open position
      // in some cases of very large images or long description could be useful.
      slideShow: 'true', // true == slideshow on, false == slideshow off
      slideSpeed: 3, //slideshow 
      pirobox_next: 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
      pirobox_prev: 'piro_prev', // Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
      close_all: '.piro_close' // add class .piro_overlay(with comma)if you want overlay click close piroBox
  });

  });