if (!TL) { var TL = {}; }
if (!TL.components) { TL.components = {}; }


/**
* Border Radius Test
*/
function hasNativeCorners() {
    var webkitAvailable = false;
    var mozillaAvailable = false;
    try {
        webkitAvailable = (document.body.style.WebkitBorderRadius !== undefined);
        var versionIndex = navigator.userAgent.indexOf('Chrome');
        if (versionIndex >= 0) webkitAvailable = false;
    } catch (err) { }

    try {
        mozillaAvailable = (document.body.style.MozBorderRadius !== undefined);
        var versionIndex = navigator.userAgent.indexOf('Firefox');
        if (versionIndex >= 0 && parseInt(navigator.userAgent.substring(versionIndex + 8)) < 3) mozillaAvailable = false;
    } catch (err) { }

    if (webkitAvailable === true || mozillaAvailable === true) {
        return true;
    } else {
        return false;
    }
}

function extLink( url ) {
	day = new Date();
	id = day.getTime();
	eval("page" + id + " = window.open(\""+url+"\", '" + id + "', 'scrollbars=1,status=0,toolbar=0,location=0,menubar=0,width=835,height=500');");
}


/*Query string Function from 
http://www.nabble.com/method-plugin-for-getting-query-string-vars--to6919130.html
examples:
$.query() to get the raw values ... 

$.query().zip -> 125 (number) 
$.query(false).zip -> 00125 (string) 

$.query().hasOwnProperty('special') -> false 
$.query(false).hasOwnProperty('special') -> true 

Begin
*/

    (function(){ 
        
        var after_type_cast = {}; 
        var before_type_cast = {}; 
        var cached = false; 
        
        jQuery.query = function(cast) { 
                if(!cached) { 
                        // remove leading ? and trailing & 
                        var q = location.search.replace(/^\?/,'').replace(/\&$/,'').split('&'); 
                        for( var i = q.length - 1; i >= 0; i-- ) { 
                                var p = q[i].split('='), key = p[0], val = p[1]; 
                                before_type_cast[key] = val; 
                                // convert floats 
                                if(/^[0-9.]+$/.test(val)) 
                                        val = parseFloat(val); 
                                // convert booleans 
                                if(/^(true|false)$/.test(val)) 
                                        val = (val == 'true'); 
                                // ingnore empty values 
                                if(val) 
                                        after_type_cast[key] = val; 
                        } 
                        cached = true; 
                } 
                return cast === false ? before_type_cast : after_type_cast; 
        }; 

        })(); 
/*End*/

        TL.components.TripPlannerWidget = function() {
            var _action = 'http://tripplanning.translink.ca/hiwire';

            return {
                /* Setup the Schedules navigation, 
                tabbing and set drop downs to current time */
                init: function() {
                    this.initDatePicker();
                    this.selectCurrentTime();
                },
                // Enable datepickers
                initDatePicker: function() {
                    $j('#txtDate, #txtDateBus').datepicker({
                        showOn: 'button',
                        buttonImage: '/translink/images/calendar-icon.gif',
                        buttonImageOnly: true,
                        dateFormat: 'mm-dd-yy',
                        buttonText: 'Choose'
                    });

                    $j('.txtDateGoogle').datepicker({
                        showOn: 'button',
                        buttonImage: '/translink/images/calendar-icon.gif',
                        buttonImageOnly: true,
                        dateFormat: 'mm/dd/y',
                        buttonText: 'Choose'
                    });
                },
                // Called when a Submit button is pressed
                submit: function(type) {
                    switch (type) {
                        case 'TripPlanner':
                            this.submitTripPlanner();
                            break;
                        case 'NextBus':
                            this.submitNextBus();
                            break;
                        case 'LookupClosest':
                            this.submitLookupClosest();
                            break;
                        default: alert('Form couldn\'t be submitted, please contact us.');
                    }

                    return false; // ignore default form action
                },
                // Submit the form on the Trip Planner tab
                submitTripPlanner: function() {

                    var focusedField = jQuery.trim($j('#mainform input[name=focusedField]').attr('value'));

                    if (focusedField != 'PublicNum' && focusedField != 'FindBusId') {
                        var startFrom = jQuery.trim($j('#mainform input[name=Start]').attr('value'));
                        var goingTo = jQuery.trim($j('#mainform input[name=End]').attr('value'));

                        if (startFrom == "Departing from?" || startFrom == "") {
                            alert("Please enter where you depart from");
                            return false;
                        }

                        if (goingTo == "Going to?" || goingTo == "") {
                            alert("Please enter where you plan to go");
                            return false;
                        }
                    } else {
                        this.submitNextBus();
                        return false;
                    }

                    var time = this.getTimeParameters($j('#mainform select[name=time] option:selected').text());
                    var form = $j('<form></form>');

                    form.attr('name', 'TripPlanner');
                    form.attr('action', _action);
                    form.attr('method', 'post');

                    $j('<input type="hidden"></input>')
					.attr('name', '.a')
					.attr('value', 'iTripPlanning')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', '.a')
					.attr('value', 'iItinerary')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', '.s')
					.attr('value', '{$SID}')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'FormState')
					.attr('value', 'Valid')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'Start')
					.attr('value', $j('#mainform input[name=Start]').attr('value'))
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'End')
					.attr('value', $j('#mainform input[name=End]').attr('value'))
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'Date')
					.attr('value', $j('#mainform input[name=Date]').attr('value'))
					.appendTo(form);


                    //alert($j('#mainform input[name=TripDirection]:checked').val());

                    $j('<input type="hidden"></input>')
					.attr('name', 'TripDirection')
					.attr('value', $j('#mainform input[name=TripDirection]:checked').val())
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'HourDropDown')
					.attr('value', time.hour)
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'MinuteDropDown')
					.attr('value', time.minute)
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'MeridiemDropDown')
					.attr('value', time.meridiem.toLowerCase())
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'Option')
					.attr('value', $j('#mainform select[name=selAdvSearch] option:selected').val())
					.appendTo(form);

                    if ($j('form[name=TripPlanner]').length > 0) {
                        $j('form[name=TripPlanner]').remove();
                    }

                    form.hide().appendTo('body').submit();

                },
                // Submits form when Find Next Button is pressed
                submitNextBus: function() {

                    var stopNum = jQuery.trim($j('#mainform input[name=PublicNum]').attr('value'));

                    if (jQuery.trim($j('#mainform input[name=FindBusId]').attr('value')) != '' && jQuery.trim($j('#mainform input[name=focusedField]').attr('value')) == 'FindBusId') {
                        this.submitLookupClosest();
                        return;
                    }
                    else {
                        if (stopNum == '' || stopNum == 'Bus/Stop ID') {
                            alert("Please enter a route (bus) number or stop ID");
                            return false;
                        }
                    }

                    var time = this.getTimeParameters($j('#mainform select[name=BusTime] option:selected').text());
                    var form = $j('<form></form>');

                    form.attr('name', 'NextBus');
                    form.attr('action', _action);
                    form.attr('method', 'get');

                    if (stopNum.length > 3) {
                        $j('<input type="hidden"></input>')
					    .attr('name', '.a')
					    .attr('value', 'iNextBusFind')
					    .appendTo(form);
                    } else {
                        $j('<input type="hidden"></input>')
					.attr('name', '.a')
					.attr('value', 'iHeadwaySheet')
					.appendTo(form);

                        $j('<input type="hidden"></input>')
					.attr('name', 'StopDisplay')
					.attr('value', 'All')
					.appendTo(form);
                    }

                    $j('<input type="hidden"></input>')
					.attr('name', '.s')
					.attr('value', '{$SID}')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'ShowTimes')
					.attr('value', '1')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
			        .attr('name', 'useGoogleMap')
			        .attr('value', '1')
			        .appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'NumStopTimes')
					.attr('value', '5')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'LineDirId')
					.attr('value', '')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'GetSchedules')
					.attr('value', '1')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'Geocode')
					.attr('value', '1')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'FormState')
					.attr('value', '0')
					.appendTo(form);

                    if (stopNum.length > 3) {
                        $j('<input type="hidden"></input>')
					    .attr('name', 'PublicNum')
					    .attr('value', stopNum)
					    .appendTo(form);
                    } else {
                        if (stopNum.length == 1) {
                            stopNum = "00" + stopNum;
                        }

                        var reg = /^([0-9])*$/;

                        if (stopNum.length == 2 && reg.test(stopNum)) {
                            stopNum = "0" + stopNum;
                        }

                        $j('<input type="hidden"></input>')
					    .attr('name', 'LineAbbr')
					    .attr('value', stopNum.toUpperCase())
					    .appendTo(form);
                    }



                    $j('<input type="hidden"></input>')
					.attr('name', 'FromHourDropDown')
					.attr('value', time.hour)
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'FromMinuteDropDown')
					.attr('value', time.minute)
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'FromMeridiemDropDown')
					.attr('value', time.meridiem)
					.appendTo(form);


                    $j('<input type="hidden"></input>')
					.attr('name', 'SB')
					.attr('value', 'Search')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', '.a')
					.attr('value', 'iTripPlanning')
					.appendTo(form);

                    if ($j('form[name=NextBus]').length > 0) {
                        $j('form[name=NextBus]').remove();
                    }

                    form.hide().appendTo('body').submit();

                },
                // Submits the form when Find Stop button is pressed
                submitLookupClosest: function() {

                    if (jQuery.trim($j('#mainform input[name=FindBusId]').attr('value')) == '') {
                        alert("Please enter a location");
                        return false;
                    }


                    var form = $j('<form></form>');

                    form.attr('name', 'FindBus');
                    form.attr('action', _action);
                    form.attr('method', 'post');

                    $j('<input type="hidden"></input>')
					.attr('name', '.a')
					.attr('value', 'iStopLookupClosest')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', '.s')
					.attr('value', '{$SID}')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
			        .attr('name', 'useGoogleMap')
			        .attr('value', '1')
			        .appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'FormState')
					.attr('value', '0')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'MaxDistance')
					.attr('value', '1000')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'StartGeo')
					.attr('value', '0')
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', 'Start')
					.attr('value', $j('#mainform input[name=FindBusId]').attr('value'))
					.appendTo(form);

                    $j('<input type="hidden"></input>')
					.attr('name', '.a')
					.attr('value', 'iTripPlanning')
					.appendTo(form);

                    if ($j('form[name=FindBus]').length > 0) {
                        $j('form[name=FindBus]').remove();
                    }

                    form.hide().appendTo('body').submit();

                },

                getTimeParameters: function(t) {
                    var hour;
                    var minute;
                    var meridiem;

                    hour = t.substring(0, t.indexOf(":")) + "00";
                    minute = t.substring(t.indexOf(":") + 1, t.indexOf(" "));
                    meridiem = t.substr(t.indexOf(" ") + 1, 1);

                    return new Object({
                        hour: hour,
                        minute: minute,
                        meridiem: meridiem
                    });
                },
                addLocations: function() {
                    var start = $j('input[name=FromLocation]:checked').val();
                    var end = $j('input[name=ToLocation]:checked').val();
                    if (start == end) {
                        alert("The departure and destination locations can't be the same");
                        return;
                    }
                    $j('#mainform input[name=Start]').attr('value', start);
                    $j('#mainform input[name=End]').attr('value', end);
                    $j.facebox.close();
                },
                addLocation: function() {
                    var end = $j('input[name=ToLocation]:checked').val();
                    $j('#mainform input[name=FindBusId]').attr('value', end);
                    $j.facebox.close();
                },
                clearDefaultText: function(str, obj) {
                    if (obj.value == str) {
                        obj.value = '';
                    }
                },
                setFocusedField: function(str) {
                    $j('#mainform input[name=focusedField]').attr('value', str);
                },
                showHelp: function(tab) {
                    $j('#' + tab + ' .tab-help').removeClass('hide-tab-help');
                    if ($j.browser.msie == true) {
                        $j('select').hide(); // hide for ie select control showing on overlays
                    }
                },
                hideHelp: function(tab) {
                    $j('#' + tab + ' .tab-help').addClass('hide-tab-help');
                    if ($j.browser.msie == true) {
                        $j('select').show();
                    }
                },
                selectCurrentTime: function() {

                    time = new Date();
                    hours = time.getHours();
                    minutes = time.getMinutes();
                    diff = minutes % 5;
                    minutes = (minutes - diff).toString();
                    meridiem = 'AM';

                    if (minutes.length == 1) {
                        minutes = '0' + minutes;
                    }

                    if (hours == 0) {
                        hours = 12;
                    } else if (hours > 12) {
                        hours = hours - 12;
                        meridiem = 'PM';
                    } else if (hours == 12) {
                        meridiem = 'PM';
                    }

                    val = hours + ":" + minutes + " " + meridiem;
                    var googleVal = hours + ":" + minutes + meridiem.toLowerCase();
                    $j("#selTime option[value='" + val + "'], #selTimeBus option[value='" + val + "']").attr('selected', 'selected');
                    $j("#selTimeBusGoogle option[value='" + googleVal + "']").attr('selected', 'selected');
                }
} // end return
            } ();



TL.components.Captions = function() {
	
	return {
		init: function( obj, radius ) {
			var bottomOffset = 30 ;
			var w = $j(obj).width() ;
			var h = $j(obj).height()+bottomOffset ;

			// Wrap the svg/canvas in a div element and append after caption text
			//$j('<div class="bg"></div>').width(w).appendTo($j(obj)) ;

			var clr = $j(obj).css('background-color') ;
			var r = new Raphael( $j(obj).get(0) , w, h) ;
		
			// Remove background color from obj
			$j(obj).css('background', 'none') ;
		
			$j(obj).css('height', h) ;
		
			r.path({fill:clr})
				.moveTo(0, (0+radius))
				.addRoundedCorner( radius, 'ur' )
				.lineTo(w-radius, 0)
				.addRoundedCorner( radius, 'rd' )
				.lineTo(w, (h-bottomOffset)-radius)
				.addRoundedCorner( radius, 'dl' )
				.lineTo(Math.round(w/2), (h-bottomOffset))
				.curveTo(Math.round(w/2), (h-bottomOffset), radius,(h-bottomOffset), 0, h)
				.andClose();
		}
	}
}() ;

TL.components.ModuleCorners = function() {

	return {
		init: function() {
			$j('.rc-module').each(function(){
				if ( $j(this).is('a') ) {
					if ($j('img', this).length == 0 ) return ;
					$j('img', this).css('padding', '0');
					var w = $j('img', this).width();
					var h = $j('img', this).height();
				} else {
					$j(this).css('padding', '0');
					var w = $j(this).width();
					var h = $j(this).height();					
				}
				var container = $j('<div class="holder-module"></div>').width(w).height(h) ;
				$j(this).wrap( container );
			});
			
			$j('.rc-module-bottom').each(function(){
				if ( $j(this).is('a') ) {
					var w = $j('img', this).width();
					var h = $j('img', this).height();
				} else {
					var w = $j(this).width();
					var h = $j(this).height();					
				}
				var container = $j('<div class="holder-module-bottom"></div>').width(w).height(h) ;
				$j(this).wrap( container );
			});
			
			$j('.holder-module').cornerz({radius:15, background: '#FFFFFF', fixIE:false}) ;
			$j('.holder-module-bottom').cornerz({radius:15, background: '#F7F8F8', corners:'bl br'}) ;
		}
		
	}
	
}();

TL.components.ImageCorners = function() {
    var _bgSmall = 'rgb(237,237,237)';
    var _bgMedium = 'rgb(226,239,237)';
    var _bgLarge = 'rgb(255,255,255)';
    var _bgProfile = 'rgb(237,237,237)';
    return {
        init: function() {
            $j('.rc-small').each(function() {

                if ($j('img', this).length == 0) return;
                var w = $j('img', this).width();
                var h = $j('img', this).height();

                var container = $j('<div class="holder-small"></div>').width(w).height(h);
                $j(this).wrap(container);
            });

            $j('.rc-medium').each(function() {
                if ($j('img', this).length == 0) return;
                var w = $j('img', this).width();
                var h = $j('img', this).height();

                var container = $j('<div class="holder-medium"></div>').width(w).height(h);
                $j(this).wrap(container);
            });

            $j('.rc-large').each(function() {

                if ($j('img', this).length == 0) return;
                var w = $j('img', this).width();
                var h = $j('img', this).height();

                var container = $j('<div class="holder-large"></div>').width(w).height(h);
                $j(this).wrap(container);
            });

            $j('.rc-feature').each(function() {

                if ($j('img', this).length == 0) return;
                $j('img', this).css('padding', '0');

                var w = $j('img', this).width();
                var h = $j('img', this).height();

                var container = $j('<div class="holder-feature"></div>').width(w).height(h);
                $j(this).wrap(container);
            });

            $j('.rc-caption-large').each(function() {

                var w = $j(this).width();
                var h = $j(this).height();

                if ($j(this).parent().is('a')) {
                    var color = $j(this).parent().parent().parent().css('background-color');
                    var container = $j('<div class="holder-caption-large"></div>').width(w).height(h).css('background-color', color);
                    $j(this).parent().wrap(container);
                } else {
                    var color = $j(this).parent().parent().css('background-color');
                    var container = $j('<div class="holder-caption-large"></div>').width(w).height(h).css('background-color', color);
                    $j(this).wrap(container);
                }
            });

            $j('.rc-caption-small').each(function() {
                var w = $j(this).width();
                var h = $j(this).height();

                if ($j(this).parent().is('a')) {
                    var color = $j(this).parent().parent().parent().css('background-color');
                    var container = $j('<div class="holder-caption-small"></div>').width(w).height(h).css('background-color', color);
                    $j(this).parent().wrap(container);
                } else {
                    var color = $j(this).parent().parent().css('background-color');
                    var container = $j('<div class="holder-caption-small"></div>').width(w).height(h).css('background-color', color);
                    $j(this).wrap(container);
                }

            });

            $j('.rc-profile').each(function() {
                var w = $j(this).width();
                var h = $j(this).height();

                var container = $j('<div class="holder-profile"></div>').width(w).height(h);
                $j(this).wrap(container);
            });

            $j('.holder-profile').cornerz({ radius: 15, background: _bgProfile });
            $j('.holder-small').cornerz({ radius: 15, background: _bgSmall });
            $j('.holder-medium').cornerz({ radius: 15, background: _bgMedium });
            $j('.holder-feature').cornerz({ radius: 15, background: _bgSmall });

            $j('.holder-large').cornerz({ radius: 15, background: _bgLarge, corners: 'tl tr' });
            $j('.holder-caption-large').each(function() {
                $j(this).cornerz({ radius: 20, background: $j(this).css('background-color') });
            });
            $j('.holder-caption-small').each(function() {
                if ($j(this).next().is('.small-text')) {
                    $j(this).cornerz({ radius: 20, background: $j(this).css('background-color'), corners: 'tl tr' });
                } else {
                    // remove the bottom padding so the bottom corners are displayed properly
                    $j(this).css('padding', '0');
                    // Round all corners if small image has no caption text
                    $j(this).cornerz({ radius: 20, background: $j(this).css('background-color') });
                }
            });
            $j('.holder-caption-youtube').each(function() {
                $j(this).cornerz({ radius: 20, background: $j(this).css('background-color') });
            });
            
            /**
            * Round any images with a class of 'rounded'
            */
            $j('img.rounded').each(function(){
            
                var w = $j(this).width();
                var h = $j(this).height();
                var color = $j(this).parents().filter(function(){
                    return $j(this).css('background-color') != 'transparent' && $j(this).css('background-color') != 'rgba(0, 0, 0, 0)';
                }).css('background-color');
                
                var align = $j(this).attr('align');
                
                var container = $j('<span></span>')
                                    .width(w)
                                    .height(h);
                                    
                if (align != "") {
                    $j(this).removeAttr('align');
                    container.css('display', 'inline-block');
                    
                    if (align == "left") {
                        container
                            .css('float', 'left')
                            .css('margin-right', '15px');
                    } else if (align == "right") {
                         container
                            .css('float', 'right')
                            .css('margin-left', '15px');
                    }
                } else {
                   container
                        .css('display', 'block')
                        .css('margin-top', '10px')
                        .css('margin-bottom', '10px');
                }
                
                $j(this).wrap(container).parent().cornerz({ radius: 15, background: color});
                
            }); 
        }
} // end return
    } ();
    
    

TL.components.Rollovers = function() {
	return {
		init: function() {
			$j.preload('.rollover', { find: '-off.', replace: '-over.' });
			$j('.rollover').hover(function() {
				this.src = this.src.replace('-off.', '-over.'); // rollover
			},
			function() {
				this.src = this.src.replace('-over.', '-off.'); // rollout
			});
		}
	}
}();

TL.components.Corners = function() {
	return {
		init: function() {
			
			/** 
			* Initialize corners from the inside most elements
			* and work outwards to resolve temporarily bottom artifacts in IE6
			*/
			$j('.accessibilty_link').cornerz({radius:10, background: '#F7F8F8'}) ;
			$j('.form-message').cornerz({radius:15, background: '#F7F8F8'}) ;
			
			$j('.cameras h2').cornerz({radius:8, background: '#FFF'}) ;
			
			$j('.cameras .details .scroll-container').cornerz({radius:8, background: '#dedede'}) ;
			$j('.cameras .details h2').cornerz({radius:8, background: '#dedede'}) ;
			$j('.cameras .details').cornerz({radius:15, background: '#FFF'}) ;
			$j('.cameras').cornerz({radius:15, background: '#ededed'}) ;
			
			$j('#login-search-box li.bg').cornerz({radius:3, background: '#FFFFFF' }) ;
			$j('.call-to-action').cornerz({ radius: 15, background: '#F7F8F8' });
			$j('.call-to-action-ol').cornerz({ radius: 15, background: '#FFFFFF' });
			$j('.ol-list-op').cornerz({ radius: 5, background: '#FFFFFF' });
			$j('.ol-list-op2').cornerz({ radius: 5, background: '#FFFFFF' });
			
			$j('.index-title-module').cornerz({ radius: 20, background: '#F7F8F8' });
			
			$j('.feature-format-link').cornerz({ radius: 10, background: '#F7F8F8' });
			$j('.feature-format-link h2').cornerz({ radius: 5, background: '#EDEDED' });
			$j('.medium-format-link').cornerz({ radius: 10, background: '#F7F8F8' });
			$j('.small-format-link').cornerz({ radius: 10, background: '#F7F8F8' });
			$j('.external-links h2').cornerz({ radius: 5, background: '#ededed' });
			$j('.external-links').cornerz({ radius: 15, background: '#F7F8F8' });
			
			
			$j('.caption .text').cornerz({ radius: 25, corners: "tl, tr, br", background: '#F7F8F8' });
			$j('.page-module-rss-list').cornerz({ radius: 15, background: '#EDEDED' });
			$j('.callout-large').cornerz({ radius: 15, background: '#EDEDED' });
			
			// When class is applied directly to p tag in content editor
			$j('p.inline-callout').each(function(){
				$j(this).removeClass('inline-callout');
				$j(this).wrap('<div class="inline-callout"></div>') ;
			});
			$j('.inline-callout').cornerz({ radius: 15, background: '#EDEDED' });
			$j('.consult-inline-callout').cornerz({ radius: 15, background: '#EDEDED' });
			
			
			$j('.externalLinks h2').cornerz({ radius: 5, background: '#EDEDED' });
			$j('.callout-large h2, .table-wrapper-wide h2, .table-wrapper-mid h2').cornerz({ radius: 5, background: '#FFFFFF' });
			$j('.subsidiaryLinks h2').cornerz({ radius: 5, background: '#F7F8F8' });

			$j('.footer h2').cornerz({ radius: 8, background: '#EDEDED' });
			
			$j('.person').cornerz({radius:15, background:'#EDEDED'});
			$j('.alertFilterBox').cornerz({radius:15, background:'#FFF'});
			$j('.alertListGrey').cornerz({radius:10, background:'#FFF'});
			
			$j('.inner-gray-box').cornerz({radius:15, background:'#FFF'});
			$j('.trip-planner-tips').cornerz({radius:15, background:'#edf5f4'});
			
			$j('.tab-help-middle-grey').cornerz({radius:5, background:'#FFF'});
			
			$j('.jobs-online .featured').cornerz({ radius: 15, background: '#E2EFED' });
			$j('.jobs-online h2').cornerz({ radius: 5, background: '#E2EFED' });
			
			$j('.company-list .featured').cornerz({ radius: 15, background: '#ededed' });
			$j('.company-list h2').cornerz({ radius: 5, background: '#ededed' });	
			$j('.jobs-online, .company-list').cornerz({ radius: 15, background: '#F7F8F8' });
			
			$j('.road-details .status-box .status, .road-details .status-box .schedule').cornerz({ radius: 5, background: '#fff' });
			
			$j('.related-docs h2.bg').cornerz({radius:7, background: '#F7F8F8', corners:"tr tl"}) ;
			$j('.small-promo h2.bg, .large-promo h2.bg, .popularTopics h2.bg, .related-items h2.bg, .external-links-small h2.bg, .module-recent-posts h2.bg, .module-blog-archives h2.bg').cornerz({radius:7, background: '#F7F8F8',corners:"tr tl"}) ;
			
			$j('#content .page-not-found .white-bg').cornerz({radius:15, background:'#E2EFED'}) ;
			
			$j('#content .pr').cornerz({radius:15, background:'#EDEDED'}) ;
			$j('#content .pr h2').cornerz({radius:8, background:'#fff'}) ;
			
			$j('.find-stop').cornerz({radius:10, background: '#edf5f4'}) ;
			$j('.road-details').cornerz({radius:15, background: '#ededed'}) ;
			
			$j('.sitemap .section').cornerz({radius:15, background: '#F7F8F8'}) ;
			$j('#content .page').cornerz({ radius: 15, background: '#F7F8F8' });
			
		}
	}
}();

TL.components.Popup = function() {
	return {
		open: function( opts ) {
			var options = new Array() ;
			for(feature in opts.features) {
				options.push(feature+'='+opts.features[feature]) ;
			}
			var popup = window.open(opts.href, opts.wname, options.join(',')) ;
			popup.focus() ;
		}
	}
}() ;

// Adds corners to images and text in .page .callout
TL.components.CalloutCorners = function() {
	return {
		init: function() {
	
			$j('.callout').each(function(){
				var hasText = ( $j('.txt', this).length > 0 ) ? true : false ;
				var hasImages = ( $j('img', this ).length > 0 ) ? true : false ;
				
				if ( !hasImages ) {
					// No images, just round the corners for text callout
					if ( hasText ) {
						$j('.txt', this).css('margin', '10px 0').cornerz({ radius: 15, background: '#EDEDED'});
					}
					return ;
				} else {
					if ( !hasText ) {
						// No text call out, just round all image corners
						$j('img', this).each(function(){
							var w = $j(this).width() ;
							var h = $j(this).height() ;
							var container = $j('<div></div>').width(w).height(h).css('margin', '10px 0') ;
							
							$j(this).wrap(container).parent().cornerz({ radius: 15, background: '#EDEDED' });
						});
					} else {
						// .txt doesn't need tl or tr corners
						$j('.txt', this).cornerz({ radius: 15, background: '#EDEDED', corners: 'bl br'});
						
						// round all image corners, and only the top corners of 
						// the image which is directly above the text callout
						$j('img', this).each(function(){
							var siblingIsText = $j(this).next().is('.txt') ;
							var w = $j(this).width() ;
							var h = $j(this).height() ;
							
							if ( siblingIsText ) {
								var container = $j('<div></div>').width(w).height(h).css('margin-top', '10px') ;
								$j(this).wrap(container).parent().cornerz({ radius: 15, background: '#EDEDED', corners: 'tl tr' });
		
							} else {
								var container = $j('<div></div>').width(w).height(h).css('margin', '10px 0') ;
								$j(this).wrap(container).parent().cornerz({ radius: 15, background: '#EDEDED'});
							}
						});
					}
				}
			});
		} // end init
	} // end return
}() ;

TL.components.HeadingIconCorners = function() {
    return {
        init: function() {
            $j('.heading-icon').each(function() {
                if ($j('img', this).length > 0) {
                    $j('img', this).each(function() {
                        var w = $j(this).width();
                        var h = $j(this).height();
                        var container = $j('<div></div>').width(w).height(h);

                        $j(this).wrap(container).parent().cornerz({ radius: 10, background: '#EDEDED' });
                    });
                }
            });
            $j('.rc-consult-options').each(function() {
                if ($j('img', this).length > 0) {
                    $j('img', this).each(function() {
                        var w = $j(this).width();
                        var h = $j(this).height();
                        var container = $j('<div></div>').width(w).height(h);

                        $j(this).wrap(container).parent().cornerz({ radius: 10, background: '#FFFFFF' });
                    });
                }
            });
        } // end init
} // end return
    } ();


    TL.components.Search = function() {
        return {
            //            init: function() {
            //                //alert('search init');
            //                if($j('.search-pagination').length > 0)
            //                {
            //                    //alert('pagination element found');
            //                    $j('.search-pagination a').click = function() {
            //                        //alert('pager clicked');
            //                        //var intervalJob = setInterval(this.searchResultsLoaded, 1);
            //                    }
            //                }
            //            },
            //            searchResultsLoaded: function() {
            //                if($j('.search-pagination').length > 0) 
            //                {
            //                    clearInterval(intervalJob);
            //                    //alert('results loaded');
            //                }
            //            },
            submit: function() {
                var tzOffset = -new Date().getTimezoneOffset();
                var searchString = $j.trim(document.getElementById('ctl02_ctl01_TXTQuery').value);

                //                if (searchString == '') {
                //                    alert('Search string is empty');
                //                }
                //                else {
                location.href = '/site-info/search-results.aspx?&amp;lcid=9&amp;q=' + encodeURIComponent(searchString) + '&amp;t=' + tzOffset;
                //                }
            },
            submitDocLib: function() {
                var form = document.forms[0];
                form.action = "/site-info/search-results.aspx";
                
                var el = document.createElement("input");
                el.type = "hidden";
                el.name = "docLib";
                el.value = "1";

                form.appendChild(el);
                form.submit();
            },
            update: function() {

                $j('#coveo_toolbar table[id$=Header]').addClass('FacetHeader');
                $j('#coveo_toolbar .CesFacetItem td:first-child:has(img)').addClass('icon');
                $j('#coveo_toolbar table td').removeAttr('noWrap');

                if (hasNativeCorners() === false) {
                    $j('#coveo_header').addClass('coveo-header-img');
                    $j('#coveo_results .searchUpdatePanel').addClass('coveo-update-panel-img');
                    $j('#coveo_toolbar h2').addClass('coveo-h2-img');
                }

            }
        }
    } ();

TL.components.TableWrappers = function() {
    return {
            init: function() {
				/** Table Styling **/
				if ( $j('.table-wrapper table, .table-wrapper-wide table, .table-wrapper-mid table').length == 0 ) {
					return ;
				}
				
				$j('.table-wrapper table, .table-wrapper-wide table, .table-wrapper-mid table').each( function( i ) {
				
					// Make sure there is content in the cell otherwise the inserted round corners won't display
					if ( $j('thead th:first', this).html() == '' ) {
						 $j('thead th:first', this).html('&nbsp;') ;
					}
				
					if ( $j('thead th:last', this).html() == '' ) {
						 $j('thead th:last', this).html('&nbsp;') ;
					}
					
					// Set the first column to a fixed width for alignment
					if ($j('thead th', this).length > 1) {
						$j('thead th:first', this).css('width', '120px' ) ;
					}

					// Add corners to the first and last TH cell in the THEAD
					
					// .css('padding') is not reliable
					var t = $j('thead th', this).css('padding-top') ;
					var r = $j('thead th', this).css('padding-right') ;
					var b = $j('thead th', this).css('padding-bottom') ;
					var l = $j('thead th', this).css('padding-left') ;
					
					var theadCornerLeft = $j('<div class="thead-corner-left"></div>');
					
					$j('thead th:first', this)
					    .filter(function(){
					        return ($j(this).find('div.thead-corner-left').length > 0) ? false : true;
					    })
						.css('background', 'none')
						.css('padding', '0px')
						.css('color', '#FFF')
						.wrapInner( theadCornerLeft );
					
					
					// Only add the right corner if there is more then one column
					if ($j('thead th', this).length > 1) {
						var theadCornerRight = $j('<div class="thead-corner-right"></div>');
							
						$j('thead th:last', this)
						    .filter(function(){
						        return ($j(this).find('div.thead-corner-right').length > 0) ? false : true;
						    })
							.css('padding', '0px')
							.wrapInner( theadCornerRight ) ;
					}	
						
					// set the inner divs to equal heights
					var h = 0 ;
					$j('thead th', this).each(function(){
						if ( $j(this).height() > 0 ) {
							h = $j(this).height() ;	
						}
					});
					
					
					$j('.thead-corner-left, .thead-corner-right', this).each(function(){
						$j(this).height(parseInt(h)-parseInt(t)-parseInt(b)) ;
					});
					
					if ( $j('.table-wrapper-wide table .olympic-thead').length == 0 ) {
					// Add row striping on odd rows
					    $j(this).find('tbody tr:odd').css('background-color', 'rgb(237,245,244)') ;
					}
										
					$j(this).css('width', '100%') ;
				
				}) ;
				
				// Initialize all corners on table related markup
				$j('.thead-corner-left').cornerz({radius:5, background:'#fff'}) ;
				$j('.thead-corner-right').cornerz({radius:5, background:'#fff', corners: 'tr, br'}) ;
				$j('.tbody-corner-left').cornerz({radius:5, background:'#fff'}) ;
				//$j('.row-corner-left').cornerz({radius:5, background:'#fff', corners: 'tl, bl' }) ;
				//$j('.row-corner-right').cornerz({radius:5, background:'#fff', corners: 'tr, br' }) ;
				$j('.table-wrapper').cornerz({ radius: 15, background: '#EDEDED' });
				$j('.table-wrapper-mid').cornerz({ radius: 15, background: '#EDEDED' });
				$j('.table-wrapper-wide').cornerz({ radius: 15, background: '#EDEDED' });
            }
        }
}();

TL.components.ContentToggle = function() {
    return {
        init:function(){
            $j(".content-toggle-heading").bind('mouseover mouseout', function(e){
                if (e.type == 'mouseover') {
                    $j(this).addClass('hover');
                    $j(this).parent().next().children().addClass('hover');
                } else {
                    $j(this).removeClass('hover') ;
                    $j(this).parent().next().children().removeClass('hover');
                }
            });
            
            $j(".content-toggle-body").bind('mouseover mouseout', function(e){
                if (e.type == 'mouseover') {
                    $j(this).addClass('hover');
                    $j(this).parent().prev().children().addClass('hover');
                } else {
                    $j(this).removeClass('hover');
                    $j(this).parent().prev().children().removeClass('hover');
                }
            });
            
            $j(".content-toggle-heading").live('click', function(e){
                $j(this).toggleClass('toggle_on');
                $j(this).parent().next().children().toggle('fast');
            });
            
            $j(".content-toggle-body").live('click', function(e){
                $j(this).parent().prev().children().toggleClass('toggle_on');
                $j(this).toggle('fast');
            });
            
            $j(".content-toggle-body a").bind('click', function(e){ e.stopPropagation(); });
        }
    }
}();

// Shortcuts
var tl = TL.components ;
var Trip = TL.components.TripPlannerWidget ;

/**
* On DOM Ready, execute any initialization scripts that are required
*/

$j(document).ready(function() {
        
    // superfish can be called for every page
    $j('ul.sf-menu').superfish({
        autoArrows: false,
        dropShadows: false
    });
    
    // Apply styles to content editor tables
    tl.TableWrappers.init();

    // Add corners to images using jquery cornerz
    tl.ImageCorners.init();

    // Add corners to images used in modules
    tl.ModuleCorners.init();

    // Add corners to Callout elements
    tl.CalloutCorners.init();

    // Add corners to heading icon for consultation option page
    tl.HeadingIconCorners.init();
    
    // Initialize corners
    tl.Corners.init();

    // Preloads hover states and adds rollovers
    tl.Rollovers.init();

    // Setup content toggle containers (e.g. FAQ)
    tl.ContentToggle.init();

    /**
    * Special features
    */

    $j('.module-special-feature').each(function() {
        var color = $j(this).css('background-color');
        if ($j.browser.msie) {
            $j('.image', this).width($j('.image', this).width());
        }
        
        $j('.image .wrap', this).cornerz({ radius: 6, background: "#ffffff" });
        $j('.image', this).cornerz({ radius: 6, background: color });
        $j(this).cornerz({ radius: 15, background: "#F7F8F8", corners: "tr tl br bl" });
    });

    // Draw speech bubbles for pages with captions
    if ($j('.captions').length > 0) {
        tl.Captions.init('.captions', 30);
    }

    // init Trip Planner Widget
    if ($j('#tripDashboard').length > 0) {
        Trip.init();
    }

    if ($j('#alerts').length > 0) {
        var active_panel = function() {
            var index = 0;
            $j('h3', '#alerts').each(function(i) {
                if ($j(this).hasClass('active')) {
                    index = i;
                    return false;
                }
            });
            return index;
        } ();

        $j('#alerts').accordion({ fillSpace: true, header: 'h3', active: active_panel, alwaysOpen: false });
    }

    if ($j('#tabs').length > 0) {
    
        $j('#tabs > ul').tabs({
            selected: $j.query().tab
            //disabled:[2] // Disable Google Transit tab container
        });
        
        //$j('#tabGT').click(function(e){
        //    var win = window.open('http://www.google.ca/maps?ie=UTF8&dirflg=r&ll=49.188123,-122.922592&spn=0.175470,0.375594');
        //    win.focus();
        //});
        
    }

    // ** Important:** Facebox must be initialized after Corners
    if ($j('a[rel*=facebox]').length > 0) {
        $j('a[rel*=facebox]').facebox({
            loading_image: '/translink/images/facebox/loading.gif',
            close_image: '/translink/images/facebox/closelabel.gif'
        });
    }


    // Equal heights for Sitemap sections
    if ($j('.sitemap').length > 0) {
        $j('.sitemap .row').each(function(i) {
            var h = 0;
            $j(this).children().each(function() {
                if ($j(this).height() > h) { h = $j(this).height(); }
            });
            $j(this).children().css('height', Math.round(h));
        });
    }

    $j('.popup-careers').click(function() {
        TL.components.Popup.open({
            href: this.href,
            wname: 'Careers',
            features: {
                width: 700,
                height: 600,
                resizable: true,
                scrollbars: false
            }
        });

        return false;
    });
    
    if ($j('.extLink').length > 0) {
        $j('.extLink').click(function() {
	        extLink( this.href ) ;
	        return false ;
        });	    
	}

    
    // add the events for the search box
    $j('#ctl02_ctl01_TXTQuery').keypress(function(e) {
        if (e.keyCode == 13) 
        {
            tl.Search.submit();
            e.preventDefault();
        }
    });
});

function SearchBtnSubmit()
{
    tl.Search.submit();
}

/**
* Initialize Galleria photo galleries on article pages
*/
$j(document).ready(function() {
    //$j('#content .galleria').galleria({ width: 700, height: 320, autoplay: 6000 });
    $j('#content .galleria').each(function() {
        var w = $j(this).parent().width(),
            h = Math.round(w / 16 * 9);

        if ($j('#content .galleria .width').text() != '' && $j('#content .galleria .height').text() != '') {
            w = parseInt($j('#content .galleria .width').text());
            h = parseInt($j('#content .galleria .height').text());
        }

        $j(this).galleria({
            width: w,
            height: h,
            autoplay: 6000,
            imageCrop: false,
            extend: function(options) {
                // Fixes a z-index bug in IE
                this.bind('fullscreen_enter', function(e) {
                    if (Galleria.IE === true) {
                        $j('#content .page').data('zindex', $j('#content .page').css('z-index'));
                        $j('#content .page').css('z-index', '999999');
                    }
                });
                this.bind('fullscreen_exit', function(e) {
                    if (Galleria.IE === true) {
                        $j('#content .page').css('z-index', $j('#content .page').data('zindex'));
                    }
                });
            }
        });
    });
});