/*******************************************************************************

	CSS on Sails Framework
	Title: Hrmonize
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: March 2011

*******************************************************************************/

/*
$(document).ready(function() {

});
*/
 jQuery('input[placeholder], textarea[placeholder]').JSizedFormPlaceholder();

Cufon.replace('h1, h2, h3', { fontFamily: 'gotham-light' });
Cufon.replace('.tabs', { fontFamily: 'gotham-book' });
Cufon.replace('h4', { fontFamily: 'gotham-medium' });


$(function() {

	$(".slidetabs").tabs(".images > div", {

	// enable "cross-fading" effect
	effect: 'fade',
	fadeOutSpeed: "slow",

	// start from the beginning after the last tab
	rotate: true
	
	// use the slideshow plugin. It accepts its own configuration
	}).slideshow({autoplay: true, interval: 6500});
});

/*----------------------------------------------------------------------------
 * main.jss | Mailchimp code 
 *----------------------------------------------------------------------------
 *
 * The code is generated by MailChimp on the account admin page > For Your
 * Website > Signup Form Embed Code
 * 
 * Added by: Sebastien Gamache (july 28 2011) 
 *----------------------------------------------------------------------------
 */

var fnames = new Array();var ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';
try {
    var jqueryLoaded=jQuery;
    jqueryLoaded=true;
} catch(err) {
    var jqueryLoaded=false;
}
var head= document.getElementsByTagName('head')[0];
if (!jqueryLoaded) {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js';
    head.appendChild(script);
    if (script.readyState && script.onload!==null){
        script.onreadystatechange= function () {
              if (this.readyState == 'complete') mce_preload_check();
        }    
    }
}
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'http://downloads.mailchimp.com/js/jquery.form-n-validate.js';
head.appendChild(script);
var err_style = '';
try{
    err_style = mc_custom_error_style;
} catch(e){
    err_style = 'margin: 1em 0 0 0; padding: 1em 0.5em 0.5em 0.5em; background: ERROR_BGCOLOR none repeat scroll 0% 0%; font-weight: bold; float: left; z-index: 1; width: 80%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; color: ERROR_COLOR;';
}
var head= document.getElementsByTagName('head')[0];
var style= document.createElement('style');
style.type= 'text/css';
if (style.styleSheet) {
  style.styleSheet.cssText = '.mce_inline_error {' + err_style + '}';
} else {
  style.appendChild(document.createTextNode('.mce_inline_error {' + err_style + '}'));
}
head.appendChild(style);
setTimeout('mce_preload_check();', 250);

var mce_preload_checks = 0;
function mce_preload_check(){
    if (mce_preload_checks>40) return;
    mce_preload_checks++;
    try {
        var jqueryLoaded=jQuery;
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    try {
        var validatorLoaded=jQuery("#fake-form").validate({});
    } catch(err) {
        setTimeout('mce_preload_check();', 250);
        return;
    }
    mce_init_form();
}
function mce_init_form(){
    jQuery(document).ready( function($) {
      var options = { errorClass: 'mce_inline_error', errorElement: 'div', onkeyup: function(){}, onfocusout:function(){}, onblur:function(){}  };
      var mce_validator = $("#mc-embedded-subscribe-form").validate(options);
      $("#mc-embedded-subscribe-form").unbind('submit');//remove the validator so we can get into beforeSubmit on the ajaxform, which then calls the validator
      options = { url: 'http://hrmonize.us2.list-manage.com/subscribe/post-json?u=76891f6d0bcede2456c928188&id=e74f10a6c3&c=?', type: 'GET', dataType: 'json', contentType: "application/json; charset=utf-8",
                    beforeSubmit: function(){
                        $('#mce_tmp_error_msg').remove();
                        $('.datefield','#mc_embed_signup').each(
                            function(){
                                var txt = 'filled';
                                var fields = new Array();
                                var i = 0;
                                $(':text', this).each(
                                    function(){
                                        fields[i] = this;
                                        i++;
                                    });
                                $(':hidden', this).each(
                                    function(){
                                        var bday = false;
                                        if (fields.length == 2){
                                            bday = true;
                                            fields[2] = {'value':1970};//trick birthdays into having years
                                        }
                                    	if ( fields[0].value=='MM' && fields[1].value=='DD' && (fields[2].value=='YYYY' || (bday && fields[2].value==1970) ) ){
                                    		this.value = '';
									    } else if ( fields[0].value=='' && fields[1].value=='' && (fields[2].value=='' || (bday && fields[2].value==1970) ) ){
                                    		this.value = '';
									    } else {
	                                        this.value = fields[0].value+'/'+fields[1].value+'/'+fields[2].value;
	                                    }
                                    });
                            });
                        return mce_validator.form();
                    }, 
                    success: mce_success_cb
                };
      $('#mc-embedded-subscribe-form').ajaxForm(options);      
      
    });
}
function mce_success_cb(resp){
    $('#mce-success-response').hide();
    $('#mce-error-response').hide();
    if (resp.result=="success"){
        $('#mce-'+resp.result+'-response').show();
        $('#mce-'+resp.result+'-response').html(resp.msg);
        $('#mc-embedded-subscribe-form').each(function(){
            this.reset();
    	});
    } else {
        var index = -1;
        var msg;
        try {
            var parts = resp.msg.split(' - ',2);
            if (parts[1]==undefined){
                msg = resp.msg;
            } else {
                i = parseInt(parts[0]);
                if (i.toString() == parts[0]){
                    index = parts[0];
                    msg = parts[1];
                } else {
                    index = -1;
                    msg = resp.msg;
                }
            }
        } catch(e){
            index = -1;
            msg = resp.msg;
        }
        try{
            if (index== -1){
                $('#mce-'+resp.result+'-response').show();
                $('#mce-'+resp.result+'-response').html(msg);            
            } else {
                err_id = 'mce_tmp_error_msg';
                html = '<div id="'+err_id+'" style="'+err_style+'"> '+msg+'</div>';
                
                var input_id = '#mc_embed_signup';
                var f = $(input_id);
                if (ftypes[index]=='address'){
                    input_id = '#mce-'+fnames[index]+'-addr1';
                    f = $(input_id).parent().parent().get(0);
                } else if (ftypes[index]=='date'){
                    input_id = '#mce-'+fnames[index]+'-month';
                    f = $(input_id).parent().parent().get(0);
                } else {
                    input_id = '#mce-'+fnames[index];
                    f = $().parent(input_id).get(0);
                }
                if (f){
                    $(f).append(html);
                    $(input_id).focus();
                } else {
                    $('#mce-'+resp.result+'-response').show();
                    $('#mce-'+resp.result+'-response').html(msg);
                }
            }
        } catch(e){
            $('#mce-'+resp.result+'-response').show();
            $('#mce-'+resp.result+'-response').html(msg);
        }
    }
}

/*----------------------------------------------------------------------------
 *                     END OF THE MAILCHIMP JS CODE
 *--------------------------------------------------------------------------*/



$(document).ready(function() {
	
	/*----------------------------------------------------------------------------
	 * main.js | newsletter submit button 
	 *----------------------------------------------------------------------------
	 * 
	 * Small ajax call to tell the client who clicked on the newsletter button
	 * that he will receive an email shorty.
	 *
	 * Addeby by: Sebastien Gamache (july 29 2011) 
	 *----------------------------------------------------------------------------
	 */
	// When the user clicks on sign-up
	$('#mc-embedded-subscribe').click( function() {
		
		var email = $('#mce-EMAIL').attr('value');
		
		if ( email.indexOf("@") < 1 ) {
			$("#mc-msg").css('border-color', '#ff0000')
			$("#mc-msg").css('background-color', '#FFE6E6')
			$("#mc-msg").text('Insert a valid email');
		} else {
			$("#mc-msg").css('border-color', '#4D7A7A')
			$("#mc-msg").css('background-color', '#80CCCC')
			$("#mc-msg").text('Thank you for subscribing to our newsletters. A confirmation message as been sent to your email address.');
		}
		
		//if ( $('#mce-EMAIL').attr('value').index("@") < 1 ) {		// Not a valid email ( no @ )
		//	$("#mc-msg").text('Please insert a valid email.');
		//}  else {	// Valid email
			
		//}
		
		$("#mc-msg").css('visibility', 'visible');
	});
	
	/*----------------------------------------------------------------------------
	 * main.js | Home page Image map 
	 *----------------------------------------------------------------------------
	 * 
	 * Image map on home page, the big banner, when scrolling over people's pic,
	 * it displays some fictionnal info about them
	 *
	 * Addeby by: Sebastien Gamache (july 29 2011) 
	 *----------------------------------------------------------------------------
	 */
	// How far away from the cursor the image will appear at
	xOffset = 30;
	yOffset = 60;
	
	$("area").mouseover(function(e){
		
		
		// window.innerWidth
		/*
		 * Set up a style in style.css for the preview
		 */
		$("body").append("<img src='"+ this.alt +"' alt='Image preview' id='imgmap-prev' />");
		var _imgWidth = document.getElementById('imgmap-prev').clientWidth;	
		if (500 > window.innerWidth - e.pageX) {
			$("#imgmap-prev")
				.css("top",(e.pageY - yOffset) + "px")
				.css("left",(e.pageX - _imgWidth - xOffset) + "px")
				.fadeIn("fast");
		} else {						 
			$("#imgmap-prev")
				.css("top",(e.pageY - yOffset) + "px")
				.css("left",(e.pageX + xOffset) + "px")
				.fadeIn("fast");
		}						
  	});	
    	
	$("area").mousemove(function(e){
		var _imgWidth = document.getElementById('imgmap-prev').clientWidth;	
		if (500 > window.innerWidth - e.pageX) {
			$("#imgmap-prev")
				.css("top",(e.pageY  - yOffset) + "px")
				.css("left",(e.pageX - _imgWidth - xOffset) + "px");
		} else {						 
			$("#imgmap-prev")
				.css("top",(e.pageY - yOffset) + "px")
				.css("left",(e.pageX + xOffset) + "px");
		}
	});
	
	$("area").mouseout(function() {
		$("#imgmap-prev").remove();
	});
	
	
});