var oldContentArea = '#content-home';
var shouldAnimate  = false;
var animating = false;

var heights = new Array();
heights['home'] = 477;
heights['features'] = 3600;
heights['buy'] = 1200;
heights['tips'] = 1580;
heights['support'] = 3500;
var oldHeight = heights['home'];

/* Change to another tab*/
function changeToTab(newTab, newHeight) 
{
    if( (newTab == oldContentArea) && shouldAnimate){
      return;
    }
    if(shouldAnimate){
      animating = true;
    }
    
    var $active = $(oldContentArea);
    if ($active.length == 0) {
        $active = $('#content-home');
    }
    var $next = $(newTab);
    var $content = $("#contents");
    $next.show();
    $active.addClass('last-active');

    if (shouldAnimate) {
        var time = "slow";
        $content.animate({height: newHeight},
          time,
          function() {
             animating=false;
          }
        );
        $(oldContentArea).css({
            opacity: 1.0
        }).animate({opacity: 0.0},
            time,
            function() {}
          );
        
        $next.css({opacity: 0.0}).addClass('active')
          .animate({opacity: 1.0},
          time,
          function() {
              $active.removeClass('active last-active');
              
              if(oldContentArea != newTab){
                $(oldContentArea).hide();
              }
              oldContentArea = newTab;
          }
        );
    } else {
        animating=false;
        $content.css("height", newHeight);
        $next.css({
            opacity: 1.0
        }).addClass('active').show(function() {
            $active.removeClass('active last-active');
            oldContentArea = newTab;
        });
    }
    shouldAnimate = true;
}

function declareTabClickHandler(tabToShow, contentArea, height, forTab) {
    var match;
    if(forTab){
      match = '.tab a[href="#' + tabToShow + '"]';
    }else{
      match = 'a.internal-link[href="#' + tabToShow + '"]';          
    }
    
    $(match).click(
    function()
    {    
        if(animating){
          return false;
        }else{
          if(shouldAnimate){
            animating=true;
          }
        }
        
        var $old = $(".tab-selected");
        var oldText = $old.text();
        var oldId = $old.attr('id');
        var replacement = '<div id="' + oldId + '" class="tab"><a href="#' + oldId + '">' + oldText + '</a></div>';
        $old.replaceWith(replacement);

        // remove the link from the new tab
        var newTabText = $('#' + tabToShow + ' a').text();
        var newDiv = '<div id="' + tabToShow + '">' + newTabText + '</div>';
        $("#" + tabToShow + ' a').replaceWith(newTabText);
        $("#" + tabToShow).removeClass('tab').addClass('tab-selected');

        // re-declare handler
        declareTabClickHandler(oldId, oldContentArea, oldHeight, true);

        changeToTab(contentArea, height);
        oldHeight = height;
               
        return true;
    });
}

$(document).ready(function() {
//    window.scrollbars.visible = false;

    declareTabClickHandler('home',     '#content-home',     heights['home'],     true);
    declareTabClickHandler('features', '#content-features', heights['features'], true);
    declareTabClickHandler('buy',      '#content-buy',      heights['buy'],      true);
    declareTabClickHandler('tips',     '#content-tips',     heights['tips'],     true);
    declareTabClickHandler('support',  '#content-support',  heights['support'],  true);

    declareTabClickHandler('home',     '#content-home',     heights['home'],     false);
    declareTabClickHandler('features', '#content-features', heights['features'], false);
    declareTabClickHandler('buy',      '#content-buy',      heights['buy'],      false);
    declareTabClickHandler('tips',     '#content-tips',     heights['tips'],     false);
    declareTabClickHandler('support',  '#content-support',  heights['support'],  false);


    // details buttons

    $("#features-evernote-details-1").hover(
    function(a) {
        $("#features-evernote-details-1").css("opacity", "0.4");
        $("#features-evernote-details-2").css("opacity", "");
        $("#features-evernote-details-3").css("opacity", "");
        $("#features-evernote-details-4").css("opacity", "");
        $("#features-evernote-details-5").css("opacity", "");
        $("#features-evernote-details-6").css("opacity", "");

        $("#features-iphone-details-main").css("backgroundImage", "url(stylesheets/images/iphone-details-1.jpeg)");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "");
        $("#features-iphone-details-4").css("backgroundImage", "");
        $("#features-iphone-details-5").css("backgroundImage", "");
        $("#features-iphone-details-6").css("backgroundImage", "");
    },
    function(b) {
    }
    );

    $("#features-evernote-details-2").hover(
    function(a) {
        $("#features-evernote-details-1").css("opacity", "");
        $("#features-evernote-details-2").css("opacity", "0.4");
        $("#features-evernote-details-3").css("opacity", "");
        $("#features-evernote-details-4").css("opacity", "");
        $("#features-evernote-details-5").css("opacity", "");
        $("#features-evernote-details-6").css("opacity", "");

        $("#features-iphone-details-main").css("backgroundImage", "url(stylesheets/images/iphone-details-1.jpeg)");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "");
        $("#features-iphone-details-4").css("backgroundImage", "");
        $("#features-iphone-details-5").css("backgroundImage", "");
        $("#features-iphone-details-6").css("backgroundImage", "");
    },
    function(b) {
        }
    );

    $("#features-evernote-details-3").hover(
    function(a) {
        $("#features-evernote-details-1").css("opacity", "");
        $("#features-evernote-details-2").css("opacity", "");
        $("#features-evernote-details-3").css("opacity", "0.4");
        $("#features-evernote-details-4").css("opacity", "");
        $("#features-evernote-details-5").css("opacity", "");
        $("#features-evernote-details-6").css("opacity", "");

        $("#features-iphone-details-main").css("backgroundImage", "url(stylesheets/images/iphone-details-1.jpeg)");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "url(stylesheets/images/iphone-details-3.jpeg)");
        $("#features-iphone-details-4").css("backgroundImage", "");
        $("#features-iphone-details-5").css("backgroundImage", "");
        $("#features-iphone-details-6").css("backgroundImage", "");
    },
    function(b) {
        }
    );

    $("#features-evernote-details-4").hover(
    function(a) {
        $("#features-evernote-details-1").css("opacity", "");
        $("#features-evernote-details-2").css("opacity", "");
        $("#features-evernote-details-3").css("opacity", "");
        $("#features-evernote-details-4").css("opacity", "0.4");
        $("#features-evernote-details-5").css("opacity", "");
        $("#features-evernote-details-6").css("opacity", "");

        $("#features-iphone-details-main").css("backgroundImage", "url(stylesheets/images/iphone-details-1.jpeg)");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "");
        $("#features-iphone-details-4").css("backgroundImage", "url(stylesheets/images/iphone-details-4.jpeg)");
        $("#features-iphone-details-5").css("backgroundImage", "");
        $("#features-iphone-details-6").css("backgroundImage", "");

    },
    function(b) {
        }
    );

    $("#features-evernote-details-5").hover(
    function(a) {
        $("#features-evernote-details-1").css("opacity", "");
        $("#features-evernote-details-2").css("opacity", "");
        $("#features-evernote-details-3").css("opacity", "");
        $("#features-evernote-details-4").css("opacity", "");
        $("#features-evernote-details-5").css("opacity", "0.4");
        $("#features-evernote-details-6").css("opacity", "");

        $("#features-iphone-details-main").css("backgroundImage", "url(stylesheets/images/iphone-details-1.jpeg)");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "");
        $("#features-iphone-details-4").css("backgroundImage", "");
        $("#features-iphone-details-5").css("backgroundImage", "url(stylesheets/images/iphone-details-5.jpeg)");
        $("#features-iphone-details-6").css("backgroundImage", "");
    },
    function(b) {
        }
    );

    $("#features-evernote-details-6").hover(
    function(a) {
        $("#features-evernote-details-1").css("opacity", "");
        $("#features-evernote-details-2").css("opacity", "");
        $("#features-evernote-details-3").css("opacity", "");
        $("#features-evernote-details-4").css("opacity", "");
        $("#features-evernote-details-5").css("opacity", "");
        $("#features-evernote-details-6").css("opacity", "0.4");

        $("#features-iphone-details-main").css("backgroundImage", "url(stylesheets/images/iphone-details-1.jpeg)");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "");
        $("#features-iphone-details-4").css("backgroundImage", "");
        $("#features-iphone-details-5").css("backgroundImage", "");
        $("#features-iphone-details-6").css("backgroundImage", "url(stylesheets/images/iphone-details-6.jpeg)");
    },
    function(b) {
        }
    );


    $("#features-evernote-details").hover(
    function(a) {
        },
    function(b) {
        $("#features-evernote-details-1").css("opacity", "0");
        $("#features-evernote-details-2").css("opacity", "0");
        $("#features-evernote-details-3").css("opacity", "0");
        $("#features-evernote-details-4").css("opacity", "0");
        $("#features-evernote-details-5").css("opacity", "0");
        $("#features-evernote-details-6").css("opacity", "0");


        $("#features-iphone-details-main").css("backgroundImage", "");
        $("#features-iphone-details-2").css("backgroundImage", "");
        $("#features-iphone-details-3").css("backgroundImage", "");
        $("#features-iphone-details-4").css("backgroundImage", "");
        $("#features-iphone-details-5").css("backgroundImage", "");
        $("#features-iphone-details-6").css("backgroundImage", "");
    }
    );


    $("#features-evernote-desktop").hover(
    function(a) {
        },
    function(b) {

        $("#features-evernote-desktop-button-1").css("backgroundImage", "");
        $("#features-evernote-desktop-list-1").css("backgroundImage", "");
        $("#features-iphone-list-1").css("backgroundImage", "");

        $("#features-evernote-desktop-button-2").css("backgroundImage", "");
        $("#features-evernote-desktop-list-2").css("backgroundImage", "");
        $("#features-iphone-list-2").css("backgroundImage", "");

        $("#features-evernote-desktop-button-3").css("backgroundImage", "");
        $("#features-evernote-desktop-list-3").css("backgroundImage", "");
        $("#features-iphone-list-3").css("backgroundImage", "");

    }
    );


    // desktop buttons
    $("#features-evernote-desktop-button-1").hover(
    function(a) {
        $("#features-evernote-desktop-button-1").css("backgroundImage", "url(stylesheets/images/left-1.jpeg)");
        $("#features-evernote-desktop-button-2").css("backgroundImage", "");
        $("#features-evernote-desktop-button-3").css("backgroundImage", "");

        $("#features-evernote-desktop-list-1").css("backgroundImage", "url(stylesheets/images/details-1.jpeg)");
        $("#features-evernote-desktop-list-2").css("backgroundImage", "");
        $("#features-evernote-desktop-list-3").css("backgroundImage", "");

        $("#features-iphone-list-1").css("backgroundImage", "url(stylesheets/images/iphone-list-1.jpeg)");
        $("#features-iphone-list-2").css("backgroundImage", "");
        $("#features-iphone-list-3").css("backgroundImage", "");

    },
    function(b) {
        }
    );
    $("#features-evernote-desktop-button-2").hover(
    function() {
        $("#features-evernote-desktop-button-1").css("backgroundImage", "");
        $("#features-evernote-desktop-button-2").css("backgroundImage", "url(stylesheets/images/left-2.jpeg)");
        $("#features-evernote-desktop-button-3").css("backgroundImage", "");

        $("#features-evernote-desktop-list-1").css("backgroundImage", "");
        $("#features-evernote-desktop-list-2").css("backgroundImage", "url(stylesheets/images/details-2.jpeg)");
        $("#features-evernote-desktop-list-3").css("backgroundImage", "");

        $("#features-iphone-list-1").css("backgroundImage", "");
        $("#features-iphone-list-2").css("backgroundImage", "url(stylesheets/images/iphone-list-2.jpeg)");
        $("#features-iphone-list-3").css("backgroundImage", "");

    },
    function() {
        }
    );
    $("#features-evernote-desktop-button-3").hover(
    function() {
        $("#features-evernote-desktop-button-1").css("backgroundImage", "");
        $("#features-evernote-desktop-button-2").css("backgroundImage", "");
        $("#features-evernote-desktop-button-3").css("backgroundImage", "url(stylesheets/images/left-3.jpeg)");

        $("#features-evernote-desktop-list-1").css("backgroundImage", "");
        $("#features-evernote-desktop-list-2").css("backgroundImage", "");
        $("#features-evernote-desktop-list-3").css("backgroundImage", "url(stylesheets/images/details-3.jpeg)");

        $("#features-iphone-list-1").css("backgroundImage", "");
        $("#features-iphone-list-2").css("backgroundImage", "");
        $("#features-iphone-list-3").css("backgroundImage", "url(stylesheets/images/iphone-list-3.jpeg)");
    },
    function() {
        }
    );

    /*!Try again link */
    function generateTryAgainHandler(){
      $(".tryagain a").click(function(){
        $("#contact-form-container").show();
        $("#contact-form-message").hide();
        $("#contact-form-pleasewait").hide();      
        return false;
      });   
    }

    generateTryAgainHandler();

/*!Submit form */
    $("#submitcontact").click(function(){
    
      // erase any previous messages
      $("#contact-form-message .contact-msg").replaceWith("<div class='contact-msg'>Sending Message...</div>");
    
      // Show the contact form message / Please wait
      $("#contact-form-container").hide();
      $("#contact-form-message").show();
      $("#contact-form-pleasewait").show();
      
      $.post("contact.php", $("#contactus").serialize(), function(data){
        $("#contact-form-pleasewait").hide();
        
          if(data){
            $("#contact-form-message .contact-msg").replaceWith("<div class='contact-msg'>" + data + "</div>");
          }else{
            $("#contact-form-message .contact-msg").text("<div class='contact-msg'>Sorry! we encountered an error when sending the message. <span class='tryagain'><a href='#tryagain'>Try again</a>.</span></div>");          
          } 
          generateTryAgainHandler();
          
        }
      );    
      return false;
    }
    );

/*!Startup */


    // Startup:
    var myFile = document.location.toString();
    var myAnchor = null;
    if (myFile.match('#')) {
        // the URL contains an anchor
        // click the navigation item corresponding to the anchor
        var array = myFile.split('#');
        if (array.length == 2) {
            myAnchor = array[1];
        }
    }
    
    if (myAnchor == null) {
        myAnchor = "home"
    }

    shouldAnimate = false;
    oldHeight = heights[myAnchor];
    oldContentArea = '#content-' + myAnchor;

    if (myAnchor == "home") {
        $('#content-home').show();
    } else {
        $('#content-home').hide()
    }
    if (myAnchor == "features") {
        $('#content-features').show();
    } else {
        $('#content-features').hide()
    }
    if (myAnchor == "support") {
        $('#content-support').show();
    } else {
        $('#content-support').hide()
    }
    if (myAnchor == "tips") {
        $('#content-tips').show();
    } else {
        $('#content-tips').hide()
    }
    $('#' + myAnchor + ' a').click();
});