$(document).ready(function () {
  $(".tab-ref a").click(function () {

    $(".tab-ref a").removeClass('active');
    $(this).addClass('active');
    var path = $(this).attr("href");
    $(".tab img").attr("src", path);
    return false;
  });
  $(".cont").click(function () {
    return false;
  });
  $(".simple-link-a").click(function () {
    document.location.href = $(this).attr("href");
  });
  $(".nav a.aboutus").click(function () {
    var path = $(this).attr("href");
    $(path).fadeIn(300);
    return false;
  });
  $(".nav a.toowners").click(function () {
    var path = $(this).attr("href");
    $(path).fadeIn(300);
    return false;
  });
  $(".menu li a.writeUs").click(function () {
    var path = "#" + $(this).attr("class");
    $(path).fadeIn(300);
    //scroll(0, 0);
    return false;
  });
  $(".menu li a.help").click(function () {
    var path = "#" + $(this).attr("class");
    $(path).fadeIn(300);
    //scroll(0, 0);
    return false;
  });
  $(".menu li a.fag").click(function () {
    var path = "#" + $(this).attr("class");
    $(path).fadeIn(300);
    //scroll(0, 0);
    return false;
  });
  $(".menu li a.aboutUs").click(function () {
    var path = "#" + $(this).attr("class");
    $(path).fadeIn(300);
    //scroll(0, 0);
    return false;
  });
  $(".menu li a.Security").click(function () {
    var path = "#" + $(this).attr("class");
    $(path).fadeIn(300);
    //scroll(0, 0);
    return false;
  });
  $("#popup a.close-but").click(function () {
    $("#popup").fadeOut(300);
    return false;
  });
  $("#owners a.close-but").click(function () {
    $("#owners").fadeOut(300);
    return false;
  });
  $("#aboutUs a.close-but").click(function () {
    $("#aboutUs").fadeOut(300);
    return false;
  });
  $("#writeUs a.close-but").click(function () {
    $("#writeUs").fadeOut(300);
    return false;
  });
  $("#help a.close-but").click(function () {
    $("#help").fadeOut(300);
    return false;
  });
  $("#fag a.close-but").click(function () {
    $("#fag").fadeOut(300);
    return false;
  });
  $("#Security a.close-but").click(function () {
    $("#Security").fadeOut(300);
    return false;
  });
  $("#recovery a.close-but").click(function () {
    $("#recovery").fadeOut(300);
    return false;
  });
  $(".question").click(function () {
    $(this).next().css({ "display": "block" });
    return false;
  });
  $(".writeus-faq").click(function () {
    $("#fag a.close-but").click();
    setTimeout(function () {
      $(".menu li a.writeUs").click();
    }, 500);
  });
  $(".apps li").click(function () {
    var li = $(this);
    if (!li.hasClass("hovered")) {
      $(".apps li").removeClass("hovered");
      li.addClass("hovered");
      var rel = li.attr("rel");
      $(".tabs").css({ "background": "url(../images/phone" + rel + ".png) 79px 22px no-repeat" });

      $(".tab-ref").each(function (i, el) {
        var a = $(this).find("a");
        var img = $(this).find("img");
        var src = "/images/pics/pic" + rel + "-" + (i + 1) + "l.png";
        img.attr({ "src": src });
        var href = "/images/pics/pic" + rel + "-" + (i + 1) + ".jpg";
        a.attr({ "href": href });
        if (rel == 2) {
          a.css({ "height": "112px" });
          $("#phone_picture").css({ "width": "178px" });
        } else {
          a.css({ "height": "100px" });
          $("#phone_picture").css({ "width": "180px" });
        }
      });
      $(".tab-refs li:first a").click();
    }
  });
});