/* --------------------------------------------------------
    Javascript
    Site: Québec Scope Magazine
    Created by: Stephanie Leveille- stef@nofolo.com
    Filename: global.js
   -------------------------------------------------------- */


/*** set CUFON ***/
Cufon.set('fontFamily', 'Univers-CondensedBold');
Cufon.replace('a.btnRougeFleche, a.btnActualite, #topBar li p, h2, h3, a.btnBleu, .listAlpha a, .listClose, .lettre, .informe span');
Cufon.replace('.boite h2', { textShadow: '1px 1px #ffffff' });



/*** it clears the default value onfocus and restores the default if the value is empty onblur ***/
$.fn.clearDefault = function(){
  return this.each(function(){
    var default_value = $(this).val();
    $(this).focus(function(){
      if ($(this).val() == default_value) { 
        $(this).val("");
      }
    });
    $(this).blur(function(){
      if ($(this).val() == "") {
        $(this).val(default_value);
      }
    });
  });
};

/* drop down pour la bande du haut */
function bandefiltreDrop(thisElement) {
  if( thisElement.hasClass("inactif") == false) {
    $("body").unbind("click");
    thisElement.unbind("click");
    
    position = thisElement.position();
    thisElement.next().css('left', position.left);
    thisElement.toggleClass('drop2');
    thisElement.next().toggle('blind','fast',function(){ $("body").bind("click",clickBody); thisElement.bind("click", function(){bandefiltreDrop(thisElement);  }); } );
  }
  
}

function clickBody() {
  $('.dropDown:visible').prev().toggleClass('drop2');
  $('.dropDown:visible').toggle('blind','fast');
}

function boxLeftTopDrop(thisElement) {
  thisElement.unbind("click");
  $("body").unbind("click");
  
  if($(".boxLeftTop .drop2").length  && $(thisElement).next().is(':hidden') ){
    $('.boxLeftTop .drop2').toggleClass('drop2');
    $('.boxLeftTop .dropDown:visible').toggle('blind','fast');
  }
  
  thisElement.toggleClass('drop2');
  thisElement.next().toggle('blind','fast',function(){ $("body").bind("click",clickBody);thisElement.bind("click", function(){boxLeftTopDrop(thisElement)}); }); 
}

function cal(){
  $("body").unbind("click");
  $('#cals').toggle('blind','fast',function(){ $("body").bind("click",clickBody);});
  $('#duAu').toggleClass('drop2');
}

$(document).ready(function() {
  //$(document).pngFix();
  $("body").click(function() {
    clickBody();    
  });
  
	topRandom = Math.floor(Math.random()*401)+200;
	leftRandom = Math.floor(Math.random()*901);
	$("#pastille a").css("top", (topRandom) + "px");
	$("#pastille a").css("left", (leftRandom) + "px");
	$("#pastille a").fadeIn("slow");
  
  /*$('a.icon').mouseover(function(){
    $(this).hide();
    $(this).next().show();
       $(this).next().animate({width: "166px"}, 500);
       
    });
  $('a.iconBig').mouseout(function(){
    $(this).prev().show('slow');
    $(this).animate({width: "0px"}, 500, function(){
      
    });
    
  });  */

  /*$('a.iconBig').mouseout(function(){
    $(this).animate({width: "23px"}, 500);
  });*/
  
  $('.divDrop').click(function() {
    cal();    
  });
  
  $(".boxLeftTop .drop").click(function() {
    boxLeftTopDrop($(this));
  });
  
  
  $("#bandeFiltre .drop").click(function() {
    bandefiltreDrop($(this));
  });
  
  $(".fiche .drop").click(function() {
    //$(this).next().toggle('blind','fast'); 
    boxLeftTopDrop($(this));
  });
  
  if($('body.pageAccueil').length) {
    
    $("ul.col a[title]").tooltip({
      track: true, 
        delay: 0, 
        showURL: false, 
        opacity: 1, 
        fixPNG: true, 
        showBody: " - ", 
        left: 175,
        top: -60,
        positionLeft: true
    });
      
      /*$('#colQuoiFaire').mouseover(function(){
        $(".mQuoiFaire a").addClass("active");
      }).mouseout(function(){
        $(".mQuoiFaire a").removeClass("active");
      });
      $('#colManger').mouseover(function(){
        $(".mManger a").addClass("active");
      }).mouseout(function(){
        $(".mManger a").removeClass("active");
      });
      $('#colShopping').mouseover(function(){
        $(".mShopping a").addClass("active");
      }).mouseout(function(){
        $(".mShopping a").removeClass("active");
      });
      $('#colPhotos').mouseover(function(){
        $(".mPhotos a").addClass("active");
      }).mouseout(function(){
        $(".mPhotos a").removeClass("active");
      });*/
  
  }

  $('#searchBox').clearDefault();
  $('#inputTitle').clearDefault();
  $('#textComment').clearDefault();
  $('#inputSearchKeyWords').clearDefault();
  $('#inputNewsletter').clearDefault();
  
  
  if($('#formSearch').length) {
    $('#formSearch').jqTransform({imgPath:'/img/'});
  }
  if($('#formFilterSearch').length) {
    $('#formFilterSearch').jqTransform({imgPath:'/img/'});
  }

  /* Modal générique */
  $('#modal').jqm({modal: false, ajax:'@href', target: '.target'});
  $('#modalContact').jqm({modal: false, ajax:'@href', target: '.target', trigger: '#trigger-contact'});
  $('#modalCommerce').jqm({modal: false, ajax:'@href', target: '.target', trigger: '#trigger-commerce'});

  /* Modal avec header "gagnant d'un jour" */
  $('#modalPastille').jqm({
    modal: false,
    ajax:'@href',
    target: '.target',
    trigger: '.target-pastille',

    onLoad: function(hash){
      bind_concours_infos_events(hash);
    }
  
  }); 


  /* Modal pastille gagnant */
  $('#modalPastilleGagnant').jqm({
    modal: false,
    ajax:'@href',
    target: '.target',
    trigger: '.target-pastille-gagnant',

    onShow: function(hash){
      hash.w.show();
      hash.o.show();
    },

    onLoad: function(hash){
      bind_concours_submit_button(hash);
      bind_concours_infos_events(hash);
    },

    onHide: function(hash){

        $.ajax({
          url: '/concours/gagnant-dun-jour/gagnant_form_cancel',
          type:'POST',
          success: function(data){
            hash.w.hide();
            hash.o.remove();
            window.location.reload();
          }
        });

    }

  }); 

  function bind_concours_submit_button(hash){

    $('#submit-concours-gagnant').click( function(event){
      event.preventDefault();

      $.ajax({
        url: '/concours/gagnant-dun-jour/gagnant_form',
        type:'POST',
        dataType: 'html',
        data:$('#frm-concours-gagnant').serialize(),
        success: function(html){
          $(hash.w).find('.target').html(html);
          bind_concours_submit_button(hash);
	  bind_concours_infos_events(hash);
        }
      });

    });
  }

  function bind_concours_infos_events(hash){

      $('#concours-details').unbind().click( function(event){
        $.ajax({
          url: '/concours/gagnant-dun-jour/details',
          dataType: 'html',
          success: function(html){
            $(hash.w).find('.target').html(html);
            bind_concours_infos_events(hash);
          }
        });
      });

      $('#concours-details-retour').unbind().click( function(event){
        $.ajax({
          url: '/concours/gagnant-dun-jour/infos',
          dataType: 'html',
          success: function(html){
            $(hash.w).find('.target').html(html);
            bind_concours_infos_events(hash);
          }
        });
      });


      $('#concours-details-gagnant').unbind().click( function(event){
        $.ajax({
          url: '/concours/gagnant-dun-jour/details_g',
          dataType: 'html',
          success: function(html){
            $(hash.w).find('.target').html(html);
            bind_concours_infos_events(hash);
          }
        });
      });

      $('#concours-details-retour-gagnant').unbind().click( function(event){
        $.ajax({
          url: '/concours/gagnant-dun-jour/gagnant_form?back=1',
          dataType: 'html',
          success: function(html){
            $(hash.w).find('.target').html(html);
            bind_concours_infos_events(hash);
            bind_concours_submit_button(hash);
          }
        });
      });
  }



/*  $('a.btnActialites').jqmShow(); */
  $("#tabs").tabs();

  $.datepicker.setDefaults($.extend({altFormat: 'd M, yy', buttonImageOnly: true, changeMonth: true, changeYear: true,buttonImage: '/images/btnCal.png', showOn: 'both', showMonthAfterYear: false}, $.datepicker.regional['fr']));

  $("#datepickerDU").datepicker({ dateFormat: 'd M, yy',altField: '#datepickerDUAlt', onSelect: function() { 
    if ($("#datepickerAU").attr("value") != "" ) { 
      $('#cals').toggle('blind');
      $("#datepickerDU").trigger('change');
    }
  }});
  
  
  $("#datepickerAU").datepicker({ dateFormat: 'd M, yy',altField: '#datepickerAUAlt', onSelect: function() { 
    if ($("#datepickerDU").attr("value") != "" ) {
      $('#cals').toggle('blind'); 
      $("#datepickerAU").trigger('change');
    }
  }});

});