/*** definition des class selon orientation iPhone ***/
function updateOrientation()
{
  var orientation=window.orientation;
  switch(orientation)
  {  
    case 0:
      document.body.setAttribute("class","portrait");
      break;  
    case 90:
      document.body.setAttribute("class","landscape");
      break;
    case -90:      
      document.body.setAttribute("class","landscape");
      break;
  }
}

/*** Header slide ***/
function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

function headerSlide() {
  // 1. grab a bunch of variables
  var $container = $('#box');
  var $headers = $container.find('h2');
  var zIndex = 2;
  var containerTop = $container.offset().top + parseInt($container.css('marginTop')) + parseInt($container.css('borderTopWidth'));
  var $fakeHeader = $headers.filter(':first').clone();
  // 2. absolute position on the h2, and fix the z-index so they increase
  $headers.each(function () {
    var $header = $(this), height = $header.outerHeight(), width = $header.outerWidth();
    zIndex += 2;
    $header.css({
     position: 'absolute',
     width: $header.width(),
     zIndex: zIndex
   });
  });
  // 3. bind a scroll event and change the text of the take heading
  $(window).scroll(function () {
    $headers.each(function () {
      var $header = $(this);
      var scrollY = getScrollXY();
      var top = $header.offset().top;
      $fakeHeader.stop().animate({"top": ($(window).scrollTop() - 170) + "px"}, 0 );
      if (top < scrollY[1]) {
        $fakeHeader.text($header.text());
        $fakeHeader.css('zIndex', parseInt($header.css('zIndex'))+1);
      }
    });
  });
  // 4. initialisation
  $container.wrap('<div class="box" />');
  $fakeHeader.css({ zIndex: 1, position: 'absolute', width: $headers.filter(':first').width() });
  $container.before($fakeHeader.text($headers.filter(':first').text()));
}

function initAccordion() {
  if (document.getElementById('accordion')) {
    jQuery("#accordion").accordion('destroy');
    jQuery("#accordion").accordion({
      header: "h3",
      active: false,
      collapsible: true,
      autoHeight: false
    });
  }
}

function loadMoreAjax(urlAjax) {
  $.ajax({
    url: urlAjax,
    async: true,
    success:function(html){
      afficher(html);
      setTimeout(initAccordion,400);
      toggleLinkPagination(false);
    }
  });
}

/*** AJAX for More Items ***/
function initMoreAjax() {
  var linkMore = jQuery('#linkMore');
  
  linkMore.click(function() {
    var myHref = jQuery(this).attr("href");
    toggleLinkPagination(true);
    loadMoreAjax(myHref);
    return false;
  });
}

function afficher(donnees){
  jQuery("#accordion").append(donnees);
}

/* redefinition de l'affichage des tabs */
/*function tabsPage(){
  var menu = $('#tabs ul');
  var content = $('#tabs .ctCat00');
  var back = $('a.back');
  back.click(function(evt) {
    evt.preventDefault();
    menu
      .css('visibility','visible')
      .animate({opacity: 1, height:"100%"}, 300 );
    content.addClass("ui-tabs-hide");
    $(this).addClass("vh");
    $('#tabs ul li').removeClass("ui-tabs-selected").removeClass("ui-state-active").addClass("ui-state-default");
  });
  back.addClass("vh");
}*/

function clients(){
  var ctClts = $('#ctClts');
  var listClts = $('.list01');
  ctClts.fadeOut(0);
  ctClts.fadeIn(900);
  listClts.fadeOut(0);
  listClts.fadeIn(900);
}

/*** load jquery ***/
(function($) {
  $(document).ready(function() {    
	window.onorientationchange=updateOrientation;
	
    initAccordion();

    /*if (document.getElementById('tabs')) {
      $(function() {
        $("#tabs").tabs({
          disabled: [0],
          fx: {opacity: 'toggle'},
          select: function(event, ui) {
            $('a.back').removeClass("vh");
            $('#tabs ul').css({
              opacity: 0,
              visibility: 'hidden',
              height:0
            }, 600);
          }
        });
        tabsPage();
      });
    }*/
    if (document.getElementById('ctClts')) {
      headerSlide();
    }
    if (document.getElementById('middle')) {
      clients();
      initMoreAjax();
    }
  });
})(jQuery);

function hideLinkPagination() {
  jQuery('#linkMore').css('display', 'none');
}
function toggleLinkPagination(load) {
  if (load) {
    jQuery('#linkMore')
      .text('')
      .addClass("loading");
  }
  else {
    jQuery('#linkMore')
      .removeClass("loading");
  }
}
function setLinkPagination(urlAjax, txt) {  
  jQuery('#linkMore')
    .attr('href', urlAjax)
    .text(txt);
}