﻿$(document).ready(function() {
   
   //Activate Images Roll Overs
	PEPS.rollover.init();
	
	//Activate External Links target="_blank"
	externalLinks();
	$(".external a").attr("rel","external");
	$("a.external").attr("rel","external");
    

    $('#london-clock').jclock();
    
	var optionsParis = {
        utc: true,
        utc_offset: +1
    }
    $('#paris-clock').jclock(optionsParis);
    
	var optionsNewYork = {
        utc: true,
        utc_offset: -5
    }
    $('#new-york-clock').jclock(optionsNewYork);
    
	var optionsHongKong = {
        utc: true,
        utc_offset: +8
    }
    $('#hong-kong-clock').jclock(optionsHongKong);
    
	var optionsSaoPaulo = {
        utc: true,
        utc_offset: -2
    }
    $('#sao-paulo-clock').jclock(optionsSaoPaulo);	
	
});


//RollOver Class
	PEPS = {};
	PEPS.rollover =
	{
	   init: function()
	   {
		  this.preload();
		  jQuery(".roll").hover(
			 function () { jQuery(this).attr( 'src', PEPS.rollover.newimage(jQuery(this).attr('src')) ); },
			 function () { jQuery(this).attr( 'src', PEPS.rollover.oldimage(jQuery(this).attr('src')) ); }
		  );
	   },
	   preload: function()
	   {
		  jQuery(window).bind('load', function() {
			 jQuery('.roll').each( function( key, elm ) { jQuery('<img>').attr( 'src', PEPS.rollover.newimage( jQuery(this).attr('src') ) ); });
		  });
	   },
	   newimage: function(src)
	   {
		  return src.substring( 0, src.search(/(\.[a-z]+)$/) ) + '-roll' + src.match(/(\.[a-z]+)$/)[0];
	   },
	   oldimage: function(src)
	   {
		  return src.replace(/-roll\./, '.');
	   }
	};
	
	//External Links target="_blank"
	function externalLinks()
	{   
 		if(!document.getElementsByTagName)
		{
			return;   
		}
		var anchors = document.getElementsByTagName("a");   
 		for (var i=0; i<anchors.length; i++)
		{   
   			var anchor = anchors[i];   
  			if(anchor.getAttribute("href") && anchor.getAttribute("rel") == "external")
			{
     			anchor.target = "_blank";   
 			}			
		}
	}
