function makeMeFancy() {
    var select = $('select.makeMeFancy');
    var selectBoxContainer = $('<div>',{
        'class':'tzSelect',
        'html':'<div class="selectBox">Choose A Option</div>'
    });
 
    var dropDown = $('<ul>',{'class':'dropDown'});
    var selectBox = selectBoxContainer.find('.selectBox'); 
    select.find('option').each(function(i){
        var option = $(this);
        if(i==select.attr('selectedIndex')){
            selectBox.html(option.text());
        }

        if(option.data('skip')){
            return true;
        }
      
        var li = $('<li>',{
            html:   '<img src="'+option.data('icon')+'"/><span>'+
                    option.data('html-text')+'</span>'
        });
        li.click(function(){
            selectBox.html(option.text());
            dropDown.trigger('hide');
            select.val(option.val());
            return false;
        });
        dropDown.append(li);
    });
    selectBoxContainer.append(dropDown.hide());
    select.hide().after(selectBoxContainer);
    dropDown.bind('show',function(){
        if(dropDown.is(':animated')){
            return false;
        }
        selectBox.addClass('expanded');
        dropDown.slideDown();
    }).bind('hide',function(){
        if(dropDown.is(':animated')){
            return false;
        }
        selectBox.removeClass('expanded');
        dropDown.slideUp();
    }).bind('toggle',function(){
        if(selectBox.hasClass('expanded')){
            dropDown.trigger('hide');
        }
        else dropDown.trigger('show');
    });
    selectBox.click(function(){
        dropDown.trigger('toggle');
        return false;
    });
    $(document).click(function(){
        dropDown.trigger('hide');
    });
}

$(document).ready(function () {
  
    $(".agentNo").live("click", function () {
        $("#startupWizard").fadeOut(500);
        $(".wizardStep").html("");
    });
  
    $(".schoolYes").live("click", function () {
      if($(this).text() == 'Continue' || $(this).text() == 'Finish')
      {
      var id = $(this).attr('id');
      var nextStep = parseInt(id) + 1;
      if (nextStep == '2') {
       var height = 400; 
      }
      if (nextStep == '3') {
       var height = 395; 
      }
      if (nextStep == '4') {
       var height = 355; 
      }
      if (nextStep == '5') {
       var height = 135; 
      }
      var maxStep = 5;
      $("#agentSetup").find('input').css('border','1px solid #E5E5E5');
      $("#agentSetup").find('textarea').css('border','1px solid #E5E5E5');
      $("#schoolSetup").find('input').css('border','1px solid #E5E5E5');
      $("#schoolSetup").find('textarea').css('border','1px solid #E5E5E5');
      if (nextStep > maxStep) {
          $("#startupWizard").fadeOut(500);
          $(".wizardStep").html("");
          $.ajax({
            url: "/process?action=wizardCompleted",
            success: function(data) {
              loadProfile();
              checkLogin();
              window.location = "/profile";
            }
          });
      }
      if (nextStep <= maxStep) {
        $.ajax({
            url: "/process?action=saveSchoolStep" + id,
            context: document.body,
            data: $("#schoolSetup").serialize(),
            success: function (data) {
              if(data.indexOf('error') > 0) {
                  if(data.indexOf('school') > 0)
                  {
                    $("#schoolName").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('website') > 0)
                  {
                    $("#schoolWebsite").css('border','1px solid red');
                  }
                  if(data.indexOf('city') > 0)
                  {
                    $("#schoolCity").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('country') > 0)
                  {
                    $("#schoolCountry").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('foundation') > 0)
                  {
                    $("#schoolFoundation").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('agree') > 0)
                  {
                    $(".schoolAgree").css('color','#be2727');
                  }
                  if(data.indexOf('phone') > 0)
                  {
                    $("#schoolPhone").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('email') > 0)
                  {
                    $("#schoolEmail").css('border','1px solid red');
                  }
                  if(data.indexOf('street') > 0)
                  {
                    $("#schoolStreet").css('border','1px solid red').val('Not valid');
                  }
                 if(data.indexOf('postcode') > 0)
                  {
                    $("#schoolPostcode").css('border','1px solid red').val('Not valid');
                  }
                 if(data.indexOf('contactPhone') > 0)
                  {
                    $("#schoolPhone").css('border','1px solid red').val('Not valid');
                  }
                 if(data.indexOf('contactEmail') > 0)
                  {
                    $("#schoolEmail").css('border','1px solid red');
                  }
                 if(data.indexOf('contactName') > 0)
                  {
                    $("#schoolName").css('border','1px solid red').val('Not valid');
                  }
              }
              if(data.indexOf('skip') > 0)
              {
                 nextStep = parseInt(nextStep) + 1;
                 height = 355;
              }
              if(data.indexOf('done') > 0) {
                $.ajax({
                    url: "/wizard?sStep=" + nextStep,
                    context: document.body,
                    dataType: "html",
                    success: function (data) {
                      $('.wizardStep').animate({
                        height: height
                      }, 600, function() {
                      });
                      $(".wizardStep").html(data);
                    }
                });
              }
            }
        });
      }
      }    
    });
  
  
  

    $(".startWizard").live("click", function () {
        $("#startupWizard").fadeIn(500);
        $(".wizardStep").html("");
        $('.wizardStep').animate({
          height: '170'
        }, 600, function() {
        });
        $.ajax({
            url: "/wizard?step=2",
            context: document.body,
            dataType: "html",
            success: function (data) {
              $(".wizardStep").html(data);
              makeMeFancy();
            }
        });
        return false;
    });
  
    $(".wizardNo").live("click", function () {
        $("#startupWizard").fadeOut(500);
         if ($("#doNotShow").attr('checked') == 'checked') {
          $.ajax({
              url: "/process.aspx?action=hideWizard",
              context: document.body,
              success: function (data) {
              }
          });
       } else { 
          $.ajax({
          url: "/process.aspx?action=wizardClosed",
          context: document.body,
          success: function (data) {
          }
          });
       }
       $(".wizardStep").html("");
       $(".hiddenStep").hide();
       $(".selectBox").text("Choose A Option");
    });
  
    $(".agentYes").live("click", function () {
      if($(this).text() == 'Inbound')
      {
        $.ajax({
            url: "/process?action=saveAgentStep4&type=inbound",
            context: document.body,
            success: function (data) {
              $.ajax({
                  url: "/wizard?aStep=5",
                  context: document.body,
                  dataType: "html",
                  success: function (data) {
                    $(".wizardStep").html(data);
                  }
              });
            }
        });
      }
      if($(this).text() == 'Outbound')
      {
        $.ajax({
            url: "/process?action=saveAgentStep4&type=outbound",
            context: document.body,
            success: function (data) {
              $.ajax({
                  url: "/wizard?aStep=5",
                  context: document.body,
                  dataType: "html",
                  success: function (data) {
                    $(".wizardStep").html(data);
                  }
              });
            }
        });
      }
      if($(this).text() == 'Continue' || $(this).text() == 'Finish')
      {
      var id = $(this).attr('id');
      var nextStep = parseInt(id) + 1;
      if (nextStep == '2') {
       var height = 240; 
      }
      if (nextStep == '3') {
       var height = 575; 
      }
      if (nextStep == '4') {
       var height = 105; 
      }
      if (nextStep == '5') {
       var height = 105; 
      }
      var maxStep = 5;
      $("#agentSetup").find('input').css('border','1px solid #E5E5E5');
      $("#agentSetup").find('textarea').css('border','1px solid #E5E5E5');
      $("#schoolSetup").find('input').css('border','1px solid #E5E5E5');
      $("#schoolSetup").find('textarea').css('border','1px solid #E5E5E5');
      if (nextStep > maxStep) {
          $("#startupWizard").fadeOut(500);
          $(".wizardStep").html("");
          $.ajax({
            url: "/process?action=wizardCompleted",
            success: function(data) {
            }
          });
          window.location = "/profile";
      }
      if (nextStep <= maxStep) {
        $.ajax({
            url: "/process?action=saveAgentStep" + id,
            context: document.body,
            data: $("#agentSetup").serialize(),
            success: function (data) {
              if(data.indexOf('error') > 0) {
                  if(data.indexOf('agency') > 0)
                  {
                    $("#agencyName").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('website') > 0)
                  {
                    $("#website").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('city') > 0)
                  {
                    $("#city").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('country') > 0)
                  {
                    $("#country").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('foundation') > 0)
                  {
                    $("#foundation").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('verification') > 0)
                  {
                    $("#agencyVerification").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('description') > 0)
                  {
                    $("#agencyDescription").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('address') > 0)
                  {
                    $("#agencyAddress").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('phone') > 0)
                  {
                    $("#agencyPhone").css('border','1px solid red').val('Not valid');
                  }
                  if(data.indexOf('email') > 0)
                  {
                    $("#agencyEmail").css('border','1px solid red').val('Not valid');
                  }
              }
              if(data.indexOf('done') > 0) {
                $.ajax({
                    url: "/wizard?aStep=" + nextStep,
                    context: document.body,
                    dataType: "html",
                    success: function (data) {
                      $('.wizardStep').animate({
                        height: height
                      }, 600, function() {
                      });
                      $(".wizardStep").html(data);
                    }
                });
              }
            }
        });
      }
      }    
    });
    
    
  
    $(".wizardYes").live("click", function () {
      var id = $(this).attr('id');
      if (id == '1') {
      $('.wizardStep').animate({
        height: '145'
      }, 600, function() {
      });
        $.ajax({
            url: "/wizard?step=2",
            context: document.body,
            dataType: "html",
            success: function (data) {
              $(".wizardStep").html(data);
              makeMeFancy();
            }
        });
      }
      if (id == '2') {
      var value = $(".selectBox").text();
      if (value == 'Agent') {
      $('.wizardStep').animate({
        height: '400'
      }, 600, function() {
      });
        $.ajax({
            url: "/wizard?aStep=1",
            context: document.body,
            dataType: "html",
            success: function (data) {
              $(".wizardStep").html(data);
            }
        });
      }
      if (value == 'School') {
      $('.wizardStep').animate({
        height: '505'
      }, 600, function() {
      });
        $.ajax({
            url: "/wizard?sStep=1",
            context: document.body,
            dataType: "html",
            success: function (data) {
              $(".wizardStep").html(data);
            }
        });
      }
      }
      return false;
    });
  
    $("#step1No").live("click", function () {
       $("#startupWizard").fadeOut(500);
       if ($("#doNotShow").attr('checked') == 'checked') {
          $.ajax({
              url: "/process.aspx?action=hideWizard",
              context: document.body,
              success: function (data) {
                if(data.indexOf("done")>0)
                {
                }
              }
          });
       } else 
       {
       $.ajax({
          url: "/process.aspx?action=wizardClosed",
          context: document.body,
          success: function (data) {
            if(data.indexOf("done")>0)
            {
            }
          }
        });
       }
    });
});