function getThumbs() {
  $.post("ajax.php?s=26&r=5", function(data) {
    var create_container = "<div id='container-thumbs'></div>";
    $('#container-thumbs').hide();
    $("#lucrari-mici-jos").append(create_container);
    $('#container-thumbs').html(data);
  });
  $('#container-thumbs').fadeIn("slow");
}

// functie care creeaza animatia de trecere de la detalii la lista proiectele din portofoliu

function swichPortofolio(mes_toate_prj, mes_detalii) {

  /* se verifica daca suntem in zona de detalii */
  if ($('#buton-toate-lucrarile').is(".carusel")) {
    $('#buton-toate-lucrarile').removeClass("carusel");
    $('#buton-toate-lucrarile').addClass("thumbs");

    /* se ascunde caruselul si apoi se afiseaza thumburile */
    $('.jcarousel-skin-tango').fadeOut(500, function() {
      /* Se creeaza animatia */
      $('#buton-toate-lucrarile').animate( {
        top : "-350px"
      }, 1000);
      $('#buton-toate-lucrarile').html(mes_detalii);
      $('#lucrari-mici-jos').animate( {
        top : "-350px",
        height : "460px"
      }, 1000, function() {
        getThumbs(); // functie care preaia thumburile din db cu ajax
      });
    });
  } else {
    $('#buton-toate-lucrarile').removeClass("thumbs");
    $('#buton-toate-lucrarile').addClass("carusel");
    $('#container-thumbs').remove();
    $('#buton-toate-lucrarile').animate( {
      top : "0px"
    }, 1000);

    $('#buton-toate-lucrarile').html(mes_toate_prj);
    $('#lucrari-mici-jos').animate( {
      top : "0px",
      height : "112px"
    }, 1000);

    $('.jcarousel-skin-tango').fadeIn(1000);
  }

}

/*functie care afiseaza detaliile cand dai clic pe un proiect din caruselului*/
function bindPortofolioActions() {
  $(".jcarousel-skin-tango a").click( function(e) {
    e.preventDefault();
    var id = $(this).attr('name');
    $("#content_details").hide("fast", function() {
      $.ajax( {
        type : "POST",
        url : "ajax.php",
        data : "s=26&r=7&id=" + id,
        success : function(html_server) {
          $("#content_details").html(html_server);
          $("#content_details").show("fast");
          $("#descriere-lucrare img").pngfix();
        }
      });
    });
  });

}

/*functie pentru paginare portofoliu*/
function bindBottomPageActions(pagina) {
  var str = $(pagina).attr('href');
  var pg = str.split("#");
  $("#container-thumbs").hide();
  $.post("ajax.php?s=26&r=5&pg=" + pg[1], function(data) {
    $("#container-thumbs").html(data);
  });
  $("#container-thumbs").fadeIn("slow", function() {
    });
   return false;
}

/* functie pentru detalii din thumbs */
function bindThumsDetails(thumb) {
  var id = $(thumb).attr('name');
  $.post("ajax.php?s=26&r=7&id=" + id, function(data) {
    $("#content_details").html(data);
    $("#descriere-lucrare img").pngfix();
  });
  $('#buton-toate-lucrarile').animate( {
    top : "0px"
  }, 1000);

  $('#buton-toate-lucrarile').html("Vezi toate lucrarile");
  $('#lucrari-mici-jos').animate( {
    top : "0px",
    height : "112px"
  }, 1000);
  $('#container-thumbs').remove();

  $('#buton-toate-lucrarile').removeClass("thumbs");
  $('#buton-toate-lucrarile').addClass("carusel");
  $('.jcarousel-skin-tango').show("clip", 1000);

  return false;
}

var iCaptcha = 0; // Nu sterge ca imi trebuie la captcha
function ajaxSubmitOrderForm(direction) {
  io = direction == "previous" ? "previous" : this.$target[0].id;
  $.post("ajax.php?direction=" + io + "&" + $("#orderForm").serialize(), function(data) {
    var exista = $('#windowContainer').length;
    if (exista == 0) {
      var windowContainer = "<div id='windowContainer' style='display:none;'></div>";
      $("body").append(windowContainer);
    }
    $('#windowContainer').html(data);
    if (exista == 0) {
      $('#windowContainer').modal( {
        position : [ 20, ],
        containerCss : {
          height : 500,
          width : 900,
          backgroundColor : '#282828',
          border : '1px solid #ccc'
        },
        onClose : function(dialog) {
          $.modal.close();
          $('#windowContainer').remove();
        }
      });
    } else {
      $("#windowContainer").modal("open");
    }
    $('#scrollPaneOferta').jScrollPane( {
      showArrows : true,
      animateTo : true,
      scrollbarWidth: 13
    });
    bindAjaxLinks_Step2PackageChange();
    if ($('#security_code').length != 0) {
      validateOrderForm_step4();
      $('#captchaContainer').html(
        "<img src='includes/capcha/image.php?width=9" + iCaptcha + "&height=22' alt='Security Code' id='captchaImage' />");
      iCaptcha++;
    }
  });
  return false;
}

function changeStep1Type() {
  console.log("12312");
/*
   * $('.camp_2 input, .camp_2 select, .camp_2 textarea').each( function(e) {
   * this.readOnly = true; });
   */
}

function validateOrderForm_step4() {
  $().ready( function() {
    var validator = $('#orderForm').validate( {
      rules : {
        security_code : {
          required : true,
          remote : 'includes/capcha/process.php'
        }
      },
      messages : {
        security_code : {
          required : 'Codul de securitate este obligatoriu!',
          remote : 'Cod de securitate invalid!'
        }
      },
      errorElement : 'span',
      submitHandler : function(form) {
        ajaxSubmitOrderForm(form);
      }
    });
  });
}

function bindAjaxLinks_Step2PackageChange() {
  $("#id_package").change( function(e) {
    var selID = this.options[this.selectedIndex].value;
    var selName = this.options[this.selectedIndex].text;
    var params = "?s=" + $("#s").val() + "&step=300&id_package=" + selID;
    $.post("ajax.php" + params, function(data) {
      var exista = $('#step2_package_detail').length;
      if (exista == 1) {
        if (data == '') {
          $('#step2_package_detail').html(data);
          $('#step2_package_detail').removeClass("camp");
        } else {
          $('#step2_package_detail').html(data);
          $('#step2_package_detail').addClass("camp");
        }
      } else {
      // console.log("Nu exsta container detalii pachet");
      }
      $(document).ready( function() {
        $('#scrollPaneOferta').jScrollPaneRemove();
        $('#scrollPaneOferta').jScrollPane( {
          showArrows : true,
          animateTo : true,
          scrollbarWidth: 13
        });
      });
    } );
  });
  return false;
}

function bindAjaxLinks_pachete() {
  $("#wrapper-butoane-pachete a").click( function(e) {
    e.preventDefault();
    var ee = this.parentNode;
    $.post("ajax.php" + this.search, function(data) {
      var exista = $('#wrapper-cont-pachet').length;
      if (exista == 1) {
        $('#wrapper-cont-pachet').hide();
        $('#scrollPanePachet').jScrollPaneRemove();
        $('#wrapper-cont-pachet').html(data);
        // $('#wrapper-cont-pachet').fadeIn("slow");
        $('#wrapper-cont-pachet').show();
        $('.butonPachet').removeClass("buton-pachet-activ");
        $('.butonPachet').addClass("buton-pachet");
        $(ee).removeClass("buton-pachet");
        $(ee).addClass("buton-pachet-activ");
        $(document).ready( function() {
          $('#scrollPanePachet').jScrollPane( {
            showArrows : true,
            animateTo : true,
            scrollbarWidth: 13
          });
          bindAjaxLinks_oferta();
        });
      }
    } );
  });
}
function bindAjaxLinks_oferta() {
  $("a.comanda-acum, #btn_comanda_pachet .detalii-oferta, .ajax_window").click( function(e) {
    e.preventDefault();
    $.post("ajax.php?s=25", function(data) {
      if ($('#windowContainer').length == 0) {
        var windowContainer = "<div id='windowContainer' style='display:none;'></div>";
        $("body").append(windowContainer);
      }
      var orderWindow = $('#windowContainer').modal( {
        position : [ 20, ],
        containerCss : {
          height : 500,
          width : 900,
          backgroundColor : '#282828',
          border : '1px solid #ccc'
        },
        onOpen : function(dialog) {
          dialog.overlay.fadeIn('slow', function() {
            dialog.container.slideDown('slow', function() {
              dialog.data.fadeIn('slow');
              $('#windowContainer').html(data);
              $(document).ready( function() {
                $('#scrollPaneOferta').jScrollPane( {
                  showArrows : true,
                  animateTo : true,
                  scrollbarWidth: 13
                });
              });
              bindAjaxLinks_Step2PackageChange();
              $("#simplemodal-container a.modalCloseImg").pngfix();
            });
          });
        },
        onClose : function(dialog) {
          dialog.data.fadeOut('slow', function() {
            dialog.container.slideUp('slow', function() {
              dialog.overlay.fadeOut('slow', function() {
                $('#windowContainer').remove();
                $.modal.close(); // must call this!
              });
            });
          });
        }
      });
    });
  });
}

function bindAjaxLinks_termeni() {
  $(".termeni").click( function(e) {
    e.preventDefault();
    $.post("ajax.php?s=44", function(data) {
      if ($('#windowContainer').length == 0) {
        var windowContainer = "<div id='windowContainer' style='display:none;'></div>";
        $("body").append(windowContainer);
      }
      var orderWindow = $('#windowContainer').modal( {
        position : [ 20, ],
        containerCss : {
          height : 500,
          width : 600,
          backgroundColor : '#282828',
          border : '1px solid #ccc'
        },
        onOpen : function(dialog) {
          dialog.overlay.fadeIn('slow', function() {
            dialog.container.slideDown('slow', function() {
              dialog.data.fadeIn('slow');
              $('#windowContainer').html(data);
              $(document).ready( function() {
                $('#scrollPaneTermeni').jScrollPane( {
                  showArrows : true,
                  animateTo : true,
                  scrollbarWidth: 13
                });
              });
              bindAjaxLinks_Step2PackageChange();
              $("#simplemodal-container a.modalCloseImg").pngfix();
            });
          });
        },
        onClose : function(dialog) {
          dialog.data.fadeOut('slow', function() {
            dialog.container.slideUp('slow', function() {
              dialog.overlay.fadeOut('slow', function() {
                $('#windowContainer').hide();
                $('#windowContainer').remove();
                $.modal.close(); // must call this!
              });
            });
          });
        }
      });
    });
  });
}


function bindAjaxLinks_pageFlip() {
  $("#pageflip a").click( function(e) {
    e.preventDefault();
    $.post("ajax.php" + this.search, function(data_php) {

      if ($('#windowContainer').length == 0) {
        var windowContainer = "<div id='windowContainer' style='display:none;'></div>";
        $("body").append(windowContainer);
      }

      $('#windowContainer').html(data_php);

      $('#windowContainer').modal( {
        position : [ 20, ],
        containerCss : {
          height : 517,
          width : 750,
          backgroundColor : '#282828',
          border : '1px solid #ccc'
        },
        onOpen : function(dialog) {
          dialog.overlay.fadeIn('slow', function() {
            dialog.container.slideDown('slow', function() {
              dialog.data.fadeIn('slow');
              $("#simplemodal-container a.modalCloseImg, #descriere-lucrare img").pngfix();
            });
          });
        },
        onClose : function(dialog) {
          dialog.data.fadeOut('slow', function() {
            dialog.container.slideUp('slow', function() {
              dialog.overlay.fadeOut('slow', function() {
                $('#windowContainer').hide();
                $('#windowContainer').remove();
                $.modal.close(); // must call this!
              });
            });
          });
        }
      });
    });
  });
}

function my_initCallback(carousel) {
  if ($.browser.safari) {
    carousel.scroll(1, 1000);
    carousel.options.scroll = jQuery.jcarousel.intval(2);
    carousel.options.easing = 'easeOutBack';
  } else {
    carousel.options.scroll = jQuery.jcarousel.intval(2);
    carousel.options.easing = 'easeOutBack';

  }
}

function bindAjaxLinks() {
  bindAjaxLinks_pachete(); // Afisare pachet
  bindAjaxLinks_oferta(); // Afisare Fereastra Oferta
  bindAjaxLinks_termeni(); // Termeni
  bindAjaxLinks_pageFlip(); // Afisare Fereastra La link din colt

  $("#toate-lucrarile-nou a, #toate-lucrarile-nou-interior a, .portofolio_window").click( function(e) {
    e.preventDefault();
    $.post("ajax.php?s=26", function(data_php) {

      if ($('#windowContainer').length == 0) {
        var windowContainer = "<div id='windowContainer' style='display:none;'></div>";
        $("body").append(windowContainer);
      }

      $('#windowContainer').html(data_php);

      $('#windowContainer').modal( {
        position : [ 20, ],
        containerCss : {
          height : 517,
          width : 750,
          backgroundColor : '#282828',
          border : '1px solid #ccc'
        },
        onOpen : function(dialog) {
          dialog.overlay.fadeIn('slow', function() {
            dialog.container.slideDown('slow', function() {
              dialog.data.fadeIn('slow');
              jQuery('#projects_carusel').jcarousel( {
                initCallback : my_initCallback
              });
              bindPortofolioActions();
              $("#simplemodal-container a.modalCloseImg, #descriere-lucrare img").pngfix();
            });
          });
        },
        onClose : function(dialog) {
          dialog.data.fadeOut('slow', function() {
            dialog.container.slideUp('slow', function() {
              dialog.overlay.fadeOut('slow', function() {
                $('#windowContainer').remove();
                $.modal.close(); // must call this!
              });
            });
          });
        }
      });

      if ($('#projects_carusel').length == 0) {
        var windowContainer = "<div id='windowContainer'></div>";
        $("body").append(windowContainer);
      } else {

    }
    });
  });
}

function bindTemplates(){
  $(".templates_window").click( function(e) {
    e.preventDefault();
    if ($('#windowContainer').length == 0) {
      var windowContainer = "<div id='windowContainer' style='display:none;'></div>";
      $("body").append(windowContainer);
    }
 
    $.post("ajax.php" + this.search, function(data_php) {
      
      var templatesWindow = $('#windowContainer').modal( {
        position : [ 20, ],
        containerCss : {
          height : 545,
          width : 900,
          backgroundColor : '#282828',
          border : '1px solid #ccc'
        },
        onOpen : function(dialog) {
          dialog.overlay.fadeIn('slow', function() {
            dialog.container.slideDown('slow', function() {
              dialog.data.fadeIn('slow');
              $('#windowContainer').html(data_php);
              $(document).ready( function() {
                $('.scroll-gallery').jScrollPane({
                  showArrows:true,
                  reinitialiseOnImageLoad:false
                });
                $(".template_item").click( function(e) {
                  e.preventDefault();
                  var src =  $(this).attr('href');
                  var description =  $(this).attr('title');
                  var continut = "<img src='"+src+"' alt='"+description+"' /><br>"+description;
                
                  $('#details_template').html(continut);

                });
              });
              $("#simplemodal-container a.modalCloseImg").pngfix();
            });
          });
        },
        onClose : function(dialog) {
          dialog.data.fadeOut('slow', function() {
            dialog.container.slideUp('slow', function() {
              dialog.overlay.fadeOut('slow', function() {
                $('#windowContainer').remove();
                $.modal.close(); // must call this!
              });
            });
          });
        }
      });
    });
  });
}

function nameF(iIndex) {
  $( function() {
    var api = $('#accordion').tabs('#accordion > div', {
      tabs : 'a.tab',
      effect : 'horizontal',
      initialIndex : iIndex,
      onBeforeClick : function(i) {
        $('.scroll-sevicii').jScrollPaneRemove();
        $('#scroll_pane' + this.getIndex()).empty();
        var pane = this.getPanes().eq(i);
        if (pane.is(":empty")) {
          var url = "ajax.php" + this.getTabs().eq(i)[0].search;
          pane.load(url);
        }
      }
    });
    $("#submeniuri_servicii a.servicii").click( function(e) {
      e.preventDefault();
      var api = $('#accordion').tabs();
      api.click("index.php?s=" + this.name);
    });
  });
}

function bindPageFlip() {
  $("#pageflip").hover( function() { //On hover...
      $("#pageflip span, #pageflip img, .msg_block").stop().animate( { //Animate and expand the image and the msg_block (Width + height)
          width : '275px',
          height : '275px'
        }, 500);
    }, function() {
      $("#pageflip span,#pageflip img").stop() // On hover out, go back to original size 50x52
        .animate( {
          width : '100px',
          height : '100px'
        }, 500);
      $(".msg_block").stop() // On hover out, go back to original size 50x50
        .animate( {
          width : '100px',
          height : '100px'
        }, 480); // Note this one retracts a bit faster (to prevent glitching in IE)
  });
}

$(document).ready( function() {
  bindAjaxLinks();
  bindPageFlip();
  bindTemplates();

  /* Fix for png's in Internet Explorer */
  $("#carousel_sigle img, #contact img, #box-cere-oferta-buton img, #wrapper-but-cont-pachete").pngfix();
  $("#wrapper-titlu-document img, .buton-pachet, .buton-pachet-activ").pngfix();
  $("#pageflip a img, #pageflip a span").pngfix();
  $("#servicii-col-stanga img").pngfix();
});