//jquery version
//console.log($().jquery);
//Get URL parameters & values with jQuery http://jquery-howto.blogspot.com/2009/09/get-url-parameters-values-with-jquery.html
$.extend({
getUrlVars: function(){
var vars = [], hash;
var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
for(var i = 0; i < hashes.length; i++)
{
hash = hashes[i].split('=');
vars.push(hash[0]);
vars[hash[0]] = hash[1];
}
return vars;
},
getUrlVar: function(name){
return $.getUrlVars()[name];
}
});
// Get object of URL parameters: var allVars = $.getUrlVars();
// Getting URL var by its nam: var byName = $.getUrlVar('name');
$(document).ready(function(){
$(document).pngFix();
/*##################################################################################################*/
//Clic sur Map dans la sitemap mene directement sur la map dans contact
/*##################################################################################################*/
// Get object of URL parameters
var allVars = $.getUrlVars();
// si on a clicke sur Map dans la sitemap la page contact glisse directement vers la map
var varbyNameinUrl = $.getUrlVar('show');
var pathname = window.location.pathname;//pour les nice urls
urlsplit = pathname.split("/");
var lastElement = urlsplit[urlsplit.length-1];//dernier element de URL, qualifiant lapage ou on se situe dans les nice urls
//console.log(lastElement);
if (varbyNameinUrl == 'map' || lastElement == 'map') {
$('.contactLink.section2').addClass('active')
$('.contactLink.section1').removeClass('active');
$('.contenusAnnexe').stop().animate({'margin-left':-(1)*($('.colonnificationAnnexe').width()+35)},'easeOutQuart');
}
/*##################################################################################################*/
//Elastic and centered background image on ALL browsers http://vegas.jaysalvat.com/documentation/setup/
/*##################################################################################################*/
//fade seul. sur le changement entre pages-meres
if ($('body').hasClass('pageMere')) { var valfade = 800; } else { var valfade = 0; }
$.vegas({
loading:0, //pas de gif anime de loading
fade:valfade // milliseconds
});
/*##################################################################################################*/
//Menu switcher
/*##################################################################################################*/
/*desactive
var menuOuvert = $('ul#menu li.current-menu-item ul');
$("ul#menu li.firstLevel a:first-child").not('ul#menu li.current-menu-item a:first-child').mouseover(function(){
//console.log(this);
$('#menu li.current-menu-item ul').css('display','none');
});
$("ul#menu li.firstLevel").mouseleave(function(){
menuOuvert.css('display','block');
});
}
*/
/*##################################################################################################*/
//Transition de contenus
/*##################################################################################################*/
var nbColonnes = $('.colonnification').size();
if(nbColonnes > 1) { $('.contenus').addClass('hyperLarge');
if(nbColonnes == 2) var pastilles = ''
if(nbColonnes == 3) var pastilles = ''
if(nbColonnes == 4) var pastilles = ''
if(nbColonnes == 5) var pastilles = ''
if(nbColonnes == 6) var pastilles = 'Lire la suite'
$('#contenuGauche').prepend(pastilles);
var hyperLinks = $('.pastilles').find('a');
hyperLinks.click(function(e){
//http://demo.tutorialzine.com/2010/05/sweet-pages-jquery-pagination-solution/demo.html
// If one of the control links is clicked, slide the swSlider div
// (which contains all the pages) and mark it as active:
$(this).addClass('active').siblings().removeClass('active');
if($(this).hasClass('section1')) var mouvement = 0;
if($(this).hasClass('section2')) var mouvement = 1;
if($(this).hasClass('section3')) var mouvement = 2;
if($(this).hasClass('section4')) var mouvement = 3;
if($(this).hasClass('section5')) var mouvement = 4;
if($(this).hasClass('section6')) var mouvement = 5;
$('.contenus').stop().animate({'margin-left':-(mouvement)*($('.colonnification').width()+35)},'easeOutQuart');
//initKeysBinding();
e.preventDefault();
});
}
// keyboard navigation (left/right keys)
function initKeysBinding() {
var hyperLinks = $('.pastilles').find('a');
$(document).keydown(function(e) {
switch(e.which)
{
case 37: /* left */
hyperLinks.addClass('active').siblings().removeClass('active');
if(hyperLinks.hasClass('section1')) var mouvement = 0;
if(hyperLinks.hasClass('section2')) var mouvement = 1;
if(hyperLinks.hasClass('section3')) var mouvement = 2;
if(hyperLinks.hasClass('section4')) var mouvement = 3;
if(hyperLinks.hasClass('section5')) var mouvement = 4;
if(hyperLinks.hasClass('section6')) var mouvement = 5;
$('.contenus').stop().animate({'margin-left':-(mouvement)*($('.colonnification').width()+35)},'easeOutQuart');
break;
case 39: /* right */
hyperLinks.addClass('active').siblings().removeClass('active');
if(hyperLinks.hasClass('section1')) var mouvement = 0;
if(hyperLinks.hasClass('section2')) var mouvement = 1;
if(hyperLinks.hasClass('section3')) var mouvement = 2;
if(hyperLinks.hasClass('section4')) var mouvement = 3;
if(hyperLinks.hasClass('section5')) var mouvement = 4;
if(hyperLinks.hasClass('section6')) var mouvement = 5;
$('.contenus').stop().animate({'margin-left':-(mouvement)*($('.colonnification').width()+35)},'easeOutQuart');
break;
}
});
}
//$('.contenus').columnize({ width: 340 }); }
/*##################################################################################################*/
//Transition de contenus annexes
/*##################################################################################################*/
if($('body').hasClass('press-releases')) {
var nbColonnes = $('.laNews:first .colonnificationAnnexe').size();
} else {
var nbColonnes = $('.colonnificationAnnexe').size();
}
if(nbColonnes > 1) { $('.contenusAnnexe').addClass('hyperLarge');
if(nbColonnes == 2) var pastilles = ''
if(nbColonnes == 3) var pastilles = ''
if(nbColonnes == 4) var pastilles = ''
if(nbColonnes == 5 && !$('body').hasClass('board-of-directors')) var pastilles = ''
if(nbColonnes == 6) var pastilles = ''
if(nbColonnes == 7) var pastilles = ''
if(nbColonnes == 8) var pastilles = ''
if(nbColonnes == 9) var pastilles = ''
$('#contenuDroite').prepend(pastilles);
//une petite exception pour la page board of directors: les liens de slide sont sur les noms des directeurs et non sur des pastilles
//une petite exception pour la page contact les liens de slide sont sur >Message >Map et >Sign up for News
if($('body').hasClass('board-of-directors')) {
var hyperLinks = $('#contenuGauche .contenus').find('a');
} else if($('body').hasClass('contact')) {
var hyperLinks = $('.contactLink');
} else {
var hyperLinks = $('#contenuDroite .pastilles').find('a');
}
hyperLinks.click(function(e){
//http://demo.tutorialzine.com/2010/05/sweet-pages-jquery-pagination-solution/demo.html
// If one of the control links is clicked, slide the swSlider div
// (which contains all the pages) and mark it as active:
if($('body').hasClass('contact')) {
//dans le cas de Contact on doit changer la class active sur le menu principal tout comme sur le mini menu dans le contenu de gauche!
var quelleClassEstCliquee = $(this).attr('class').split(' ')[0];//reponse = 1ere class CSS
$('.contactLink').removeClass('active');
$('.'+quelleClassEstCliquee).addClass('active');
} else {
$(this).addClass('active').siblings().removeClass('active');
}
if($(this).hasClass('section1')) var mouvement = 0;
if($(this).hasClass('section2')) var mouvement = 1;
if($(this).hasClass('section3')) var mouvement = 2;
if($(this).hasClass('section4')) var mouvement = 3;
if($(this).hasClass('section5')) var mouvement = 4;
if($(this).hasClass('section6')) var mouvement = 5;
if($(this).hasClass('section7')) var mouvement = 6;
if($(this).hasClass('section8')) var mouvement = 7;
if($(this).hasClass('section9')) var mouvement = 8;
$('.contenusAnnexe').stop().animate({'margin-left':-(mouvement)*($('.colonnificationAnnexe').width()+35)},'easeOutQuart');
e.preventDefault();
});
}//$('.contenus').columnize({ width: 340 }); }
//pour le switcher des Press Release qui utilise cette fonction
function colonnify(whatyouWantToColonnify) {
$('.pastilles').remove();
var nbColonnes = $(whatyouWantToColonnify+' .colonnificationAnnexe').size();
if(nbColonnes > 1) { $('.contenusAnnexe').addClass('hyperLarge');
if(nbColonnes == 2) var pastilles = ''
if(nbColonnes == 3) var pastilles = ''
if(nbColonnes == 4) var pastilles = ''
if(nbColonnes == 5 && !$('body').hasClass('board-of-directors')) var pastilles = ''
if(nbColonnes == 6) var pastilles = ''
if(nbColonnes == 7) var pastilles = ''
if(nbColonnes == 8) var pastilles = ''
if(nbColonnes == 9) var pastilles = ''
$('#contenuDroite').prepend(pastilles);
//une petite exception pour la page board of directors: les liens de slide sont sur les noms des directeurs et non sur des pastilles
//une petite exception pour la page contact les liens de slide sont sur >Message >Map et >Sign up for News
if($('body').hasClass('board-of-directors') || $('body').hasClass('contact')) {
var hyperLinks = $('#contenuGauche .contenus').find('a');
} else {
var hyperLinks = $('#contenuDroite .pastilles').find('a');
}
hyperLinks.click(function(e){
//http://demo.tutorialzine.com/2010/05/sweet-pages-jquery-pagination-solution/demo.html
// If one of the control links is clicked, slide the swSlider div
// (which contains all the pages) and mark it as active:
$(this).addClass('active').siblings().removeClass('active');
if($(this).hasClass('section1')) var mouvement = 0;
if($(this).hasClass('section2')) var mouvement = 1;
if($(this).hasClass('section3')) var mouvement = 2;
if($(this).hasClass('section4')) var mouvement = 3;
if($(this).hasClass('section5')) var mouvement = 4;
if($(this).hasClass('section6')) var mouvement = 5;
if($(this).hasClass('section7')) var mouvement = 6;
if($(this).hasClass('section8')) var mouvement = 7;
if($(this).hasClass('section9')) var mouvement = 8;
$('.contenusAnnexe').stop().animate({'margin-left':-(mouvement)*($('.colonnificationAnnexe').width()+35)},'easeOutQuart');
e.preventDefault();
});
}
}
/*##################################################################################################*/
//quelques jolis effets sur les liens avec des images dedans
/*##################################################################################################*/
function hover_link(selector) {
$(selector).hover(
function() { $(this).stop().animate({ opacity: 0.65 }, { duration: 300 })},
function() { $(this).stop().animate({ opacity: 1 }, { duration: 200 })}
);
}
if (!$('html').hasClass('ie')) {
hover_link("#logo a");
hover_link(".investors #contenuGauche a");
}
/*##################################################################################################*/
//Management
/*##################################################################################################*/
$(".overlayZone").click(function(){
var quelcv = '#'+$(this).attr('id')+'-cv';
//alert('html='+$('html').height()+' | cv='+$(quelcv).height()+' | contenus='+$('#contenuManagement').height());//743 et 589 et 629 ne pas oublier de retirer le padding de 60
//plus une marge de securite de 30
if ($('#contenuManagement').height() <= 629 && $('#contenuManagement').height() > 408) {
var quellehauteur = $('#contenuManagement').height() - 90;
$(quelcv).height(quellehauteur);
$(quelcv).css('overflow','auto');
} else if ($('#contenuManagement').height() <= 408) {
var quellehauteur = 270;
$(quelcv).height(quellehauteur);
$(quelcv).css('overflow','auto');
} else {
var quellehauteur = $(quelcv).height()+60;
}
$(quelcv).css('display','block');
$(quelcv).css('bottom',-quellehauteur+'px');
var quelbottom = $(quelcv).css('bottom');
if(this.className.indexOf("clicked") != -1) {
$(".positionAbsolue.cv").animate({opacity: 0,bottom: quelbottom}, 500, 'easeOutQuart',function(){});//ferme
$(this).removeClass("clicked");
}
else {
$(".overlayZone").removeClass("clicked");
$(this).addClass("clicked");
$(".positionAbsolue.cv:visible").animate({opacity: 0,bottom: quelbottom}, 500, 'easeOutQuart');//ferme
$(quelcv).animate({opacity: 1,bottom: '0'}, 900, 'easeOutQuart');//ouvre
}
$(quelcv).mouseleave(function() {
$(".overlayZone").removeClass("clicked");
$(".positionAbsolue.cv:visible").animate({opacity: 0,bottom: quelbottom}, 700, 'easeOutQuart');//ferme
});
});
/*ANCIENNE METHODE:
$(".overlayZone").click(function(){
var quelcv = '#'+$(this).attr('id')+'-cv';
//alert('html='+$('html').height()+' | cv='+$(quelcv).height()+' | contenus='+$('#contenuManagement').height());//743 et 589 et 629 ne pas oublier de retirer le padding de 60
//plus une marge de securite de 30
if ($('#contenuManagement').height() <= 629 && $('#contenuManagement').height() > 408) {
var quellehauteur = $('#contenuManagement').height() - 90;
$(quelcv).height(quellehauteur);
$(quelcv).css('overflow','auto');
} else if ($('#contenuManagement').height() <= 408) {
var quellehauteur = 270;
$(quelcv).height(quellehauteur);
$(quelcv).css('overflow','auto');
} else {
var quellehauteur = $(quelcv).height();
}
$(quelcv).css('display','block');
$(quelcv).css('bottom',-quellehauteur+'px');
var quelbottom = $(quelcv).css('bottom');
$(quelcv).animate({
opacity: 1,
bottom: '0'
}, 900, 'easeOutQuart', function() {
// Animation complete.
//on desactive toute action sur la popover (sinon en cliquant dessus elle se fermera)
$(quelcv).click(function(){ return false; });
//tout clic dans le document fermera la popover
$('#contenuManagement').click(function() { $(quelcv).animate({
opacity: 0,
bottom: quelbottom
}, 900, 'easeOutQuart', function() {
// Animation complete.
});
return false;
});
});
});*/
$("#follower").hide();
$('.overlayZone').mousemove(function(e){
$("#follower").show();
$("#follower").css({
top: (e.pageY + 15) + "px",
left: (e.pageX + 15) + "px"
});
if($("#follower").width() < 40) $("#follower").hide();
});
$('.overlayZone').mouseout(function(e){
$("#follower").hide();
});
/*$(".overlayZone").mouseover(function(){
var quelcv = '#'+$(this).attr('id')+'-cv';
var quellehauteur = $(quelcv).height();
$(quelcv).css('display','block');
$(quelcv).css('bottom',-quellehauteur+'px');
var quelbottom = $(quelcv).css('bottom');
$(quelcv).animate({
opacity: 1,
bottom: '0'
}, 900, 'easeOutQuart', function() {
// Animation complete.
//mouseout ferme
$(".overlayZone").mouseout(function() { $(quelcv).animate({
opacity: 0,
bottom: quelbottom
}, 900, 'easeOutQuart', function() {
// Animation complete.
});
return false;
});
});
});*/
/*##################################################################################################*/
//Contact Form
/*##################################################################################################*/
/*var contactButton = $(".contact #contactForm .submit");
contactButton.click(function(){
//process the contact form
//data
var hasError = false;
var lastname = $("#contactForm input#lastname").val();
var firstname = $("#contactForm input#firstname").val();
var email = $("#contactForm input#email").val();
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var city = $("#contactForm input#city").val();
var company = $("#contactForm input#company").val();
var country = $("#contactForm input#country").val();
var the_message = $("#contactForm textarea#the_message").val();
//errors?
if (firstname == "") {
$("#contactForm input#firstname").addClass('errorInput');
hasError = true;
return false;
}
if (firstname != "") {
$("#contactForm input#firstname").removeClass('errorInput');
}
if (lastname == "") {
$("#contactForm input#lastname").addClass('errorInput');
hasError = true;
return false;
}
if (lastname != "") {
$("#contactForm input#lastname").removeClass('errorInput');
}
if (email == "") {
$("#contactForm input#email").addClass('errorInput');
hasError = true;
return false;
}
if (email != "") {
$("#contactForm input#email").removeClass('errorInput');
}
if (!emailReg.test(email)) {
$("#contactForm input#email").addClass('errorInput');
hasError = true;
return false;
}
if (the_message == "") {
$("#contactForm textarea#the_message").addClass('errorInput');
hasError = true;
return false;
}
if (the_message != "") {
$("#contactForm textarea#the_message").removeClass('errorInput');
}
if(hasError == false) {
//direct reaction:
$(this).hide();
$('#contactForm').prev('h1').hide();
$("#contactForm").fadeTo("normal",0, function() {
$(this).css('display','none');
$(".colonnificationAnnexe.message").append('
');
});
if (city == "") city = '-';
if (company == "") company = '-';
if (country == "") country = '-';
$.post("sendmail.php",
{ firstname_php: firstname, lastname_php: lastname, email_php: email, city_php: city, company_php: company, country_php: country, the_message_php: the_message },
function(data){
$("#loading").fadeTo("normal",0, function() {
$(this).css('display','none');
$(".colonnificationAnnexe.message").append('Success
Your message was sent.
');
});
}
);
}
return false;
});
*/
/*##################################################################################################*/
//Message / sign up for News
/*##################################################################################################*/
var contactButton = $(".contact #contactForm .submit");
contactButton.click(function(){
//process the contact form
//data
var hasError = false;
var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
var firstname = $("#contactForm input#firstname").val();
var lastname = $("#contactForm input#lastname").val();
var company = $("#contactForm input#company").val();
var email = $("#contactForm input#email").val();
var city = $("#contactForm input#city").val();
var country = $("#contactForm input#country").val();
var signup = $("#contactForm input#news_signup").is(':checked');
var the_message = $("#contactForm textarea#the_message").val();
//errors?
if (firstname == "") {
$("#contactForm input#firstname").addClass('errorInput');
hasError = true;
}
if (firstname != "") {
$("#contactForm input#firstname").removeClass('errorInput');
}
if (lastname == "") {
$("#contactForm input#lastname").addClass('errorInput');
hasError = true;
}
if (lastname != "") {
$("#contactForm input#lastname").removeClass('errorInput');
}
if (email == "") {
$("#contactForm input#email").addClass('errorInput');
hasError = true;
}
if (email != "") {
$("input#email").removeClass('errorInput');
}
if (!emailReg.test(email)) {
$("#contactForm input#email").addClass('errorInput');
hasError = true;
}
if (the_message == "" && signup == false) { //huh? aucun message et pas de signature pour des news? A quoi ca sert?
$("#contactForm textarea#the_message").addClass('errorInput');
hasError = true;
}
if (hasError == true) $('p.mandatory').addClass('redAlert');
if(hasError == false) {
//direct reaction:
$(this).hide();
$('#contactForm').prev('h1').hide();
$("#contactForm").fadeTo("normal",0, function() {
$(this).css('display','none');
$("#loadingAnimation").show();
});
//post
$.post("registeruser.php",$('#contactForm').serialize(),
function(data){
if(data.went_smoothly == 'yes'){
//alert("YES");
$("#loadingAnimation").fadeTo('normal',0, function() {
$("#loadingAnimation").css('display','none');
$(".colonnificationAnnexe.message").append('Success
Your message was sent.
');
if (signup == true) $(".colonnificationAnnexe.message").append('We will send you occasional news about Poxel.
');
});
} else {
//alert("NO");
$("#loadingAnimation").fadeTo("normal",0, function() {
$("#loadingAnimation").css('display','none');
$(".colonnificationAnnexe.message").append('Error
A network error occured, please try again or send an email to webmaster@poxel.com
');
});
}
}, "json");
}
return false;
});
/*##################################################################################################*/
//News - Press releases switcher
/*##################################################################################################*/
var newsSwitcher = $("a.pressSwitcher");
newsSwitcher.click(function(){
$('.contenusAnnexe').css('margin-left','0');
newsSwitcher.closest('li').removeClass('active');
var quelleNew = $(this).closest('li').attr('class');
var quellePressRelease = '#'+quelleNew;
$(this).closest('li').addClass('active');
$('.contenusAnnexe > div').css('display','none');
$(quellePressRelease).css('display','block');
colonnify(quellePressRelease);
return false;
});
});//end document ready