$(document).ready(function() {

        /* legacy
        $('div.shdw').remove();

        // animated tabs - flexible!
        var imageList = "ul.carousel-images";
        var controlList = "ul.carousel-tabs";
        var control = "#tab-";
        var ci = ( control.length - 1);
        var activeImg = 1;

        var aniCar = setInterval(function()
        {
                curr = activeImg +1;
                if (curr > jQuery(imageList).children().size()){
                        curr = 1;
                }
                jQuery('#img-'+activeImg).removeClass('active-img');
                jQuery('#img-'+curr).css('opacity', 0.2);
                jQuery('#img-'+curr).addClass('active-img');
                jQuery('#img-'+curr).fadeTo('slow', 1);

                jQuery(control+activeImg).removeClass('active');
                activeImg = curr;
                jQuery(control+activeImg).addClass('active');

        }, 5000);

        //jQuery('#control-'+activeImg).addClass('activeControl');
        jQuery(controlList+" li").mouseover(function () {
                clearInterval(aniCar);
                // get ID of clicked hero
                var curr = jQuery(this).attr('id');
                curr = curr.substring(ci);
                // add/remove active class from slideshow images and fade in new one
                if (curr != activeImg) {
                        jQuery('#img-'+activeImg).removeClass('active-img');
                        jQuery('#img-'+curr).css('opacity', 0.2);
                        jQuery('#img-'+curr).addClass('active-img');
                        jQuery('#img-'+curr).fadeTo('slow', 1);

                        jQuery(control+activeImg).removeClass('active');
                        activeImg = curr;
                        jQuery(control+activeImg).addClass('active');
                }
        });
        */

        /*
        $('body').weCookie
        ({
                'url': '/site/?id=9',
                'close_icon_path' : '/images/cookie/close_icon.png',
                'fade_in' : '1000',
                'font_family': '"Trebuchet MS",Arial,sans-serif',
                'font_weight': 'bold',
                'font_size' : '16px',
                'link_padding': '5px',
                'background': '#A66FB5 url(/images/cookie/cookie_message_background.png) repeat-x 0 0',
                'border': '#000',
                'link_color': '#FFF'
        });
        */
        
        $( "video.trinityvideo" ).each(function( index )
        {

                // IE7 fix for <video> element within <p>
                if ( $( this ).parent().is( "p" ) )
                {
                        $( this ).unwrap();
                }
                
                // $( this ).html('<div style="padding: 6px; border: 1px solid #A66FB5;">This video requires Flash on older web browsers.<br />Please  to view it or upgrade your browser.');
                $( this ).html('<div style="padding: 6px; border: 1px solid #A66FB5;">');

                /*
                var listbar = null;
                //var player_width = 444;
                //var player_height = 463;
                var listbar_height;
                
                if( $( this ).attr( "items" ) != null )
                {
                        if( $( this ).attr( "items" ) <= 1)
                        {
                                listbar = null
                                listbar_height = 0;
                        }
                        else
                        {
                                listbar_height = 108;
                                
                                listbar =
                                {
                                        layout: "basic",
                                        position: "bottom",
                                        size: listbar_height
                                }
                        }
                }
                */

                if( $( this ).attr( "playlist" ) != null )
                {
                        //var player_height;
                        //var aspect_ratio;

                        //console.log( $( this ).attr( "playersize" ) );

                        var theplayer;

                        /*
                        if( $( this ).attr( "playersize" ) == 'compact' )
                        {
                                //console.log("compact");
                                theplayer = jwplayer( $( this ).attr( "id" ) ).setup
                                ({
                                        playlist: "/playlist/display.php?id=" + $( this ).attr( "playlist" ),
                                        //primary: "flash",
                                        fallback: false,
                                        width: "100%",
                                        height: 40,
                                        //height: player_height + listbar_height,
                                        //responsive: true,
                                        //aspectratio: "16:9",
                                        stretching: "exactfit", //exactfit //uniform //fill //none
                                        ga:
                                            {
                                                    idstring: "title"
                                            },
                                        //listbar: listbar,
                                        modes:
                                            [
                                                    {
                                                            type: "html5"
                                                    }
                                            ]
                                });
                        }
                        else
                        {
                                //console.log("large");
                                theplayer = jwplayer( $( this ).attr( "id" ) ).setup
                                ({
                                        playlist: "/playlist/display.php?id=" + $( this ).attr( "playlist" ),
                                        //primary: "flash",
                                        fallback: false,
                                        width: "100%",
                                        //height: player_height,
                                        //height: player_height + listbar_height,
                                        responsive: true,
                                        aspectratio: "16:9",
                                        stretching: "exactfit", //exactfit //uniform //fill //none
                                        ga:
                                            {
                                                    idstring: "title"
                                            },
                                        //listbar: listbar,
                                        modes:
                                            [
                                                    {
                                                            type: "html5"
                                                    }
                                            ]
                                });
                        }
                        */

                        theplayer = jwplayer( $( this ).attr( "id" ) ).setup
                        ({
                                playlist: "/playlist/display.php?id=" + $( this ).attr( "playlist" ),
                                //primary: "flash",
                                fallback: false,
                                width: "100%",
                                //height: player_height,
                                //height: player_height + listbar_height,
                                responsive: true,
                                aspectratio: "16:9",
                                stretching: "exactfit", //exactfit //uniform //fill //none
                                ga:
                                    {
                                            idstring: "title"
                                    },
                                //listbar: listbar,
                                modes:
                                    [
                                            {
                                                    type: "html5"
                                            }
                                    ]
                        });

                        //console.log( theplayer );

                        jwplayer( $( this ).attr( "id" ) ).on('ready', function()
                        {
                                var player_id = $( this ).attr( "id" );
                                var playlist = jwplayer( $( this ).attr( "id" ) ).getPlaylist();

                                //console.log( playlist );

                                var playlist_items = [];
                                var playlist_count = 0;
                                var thumbnail_exists = false;
                                var video_exists = false;

                                playlist.forEach(function (playlistItem)
                                {
                                        if( playlistItem.image )
                                        {
                                                thumbnail_exists = true;
                                        }
                                        
                                        playlist_items[ playlist_count ] = playlistItem.title;
                                        playlist_count++;

                                        playlistItem.sources.forEach(function (sourceItem)
                                        {
                                                if( sourceItem.type && sourceItem.type === 'mp4' )
                                                {
                                                        video_exists = true;
                                                }
                                        });
                                });

                                if( thumbnail_exists === false && video_exists === false )
                                {
                                        jwplayer( $( this ).attr( "id" ) ).resize("100%", 40);
                                }

                                if( playlist_items.length > 1 )
                                {
                                        var playlist_html;

                                        playlist_html = '<div class="container trinity_playlist">';

                                        playlist_items.forEach(function (playlistItem, index)
                                        {
                                                playlist_html = playlist_html + '<div class="row trinity_playlist_row"><div class="col"><a href="javascript:jwplayer(\'' + player_id + '\').playlistItem(' + index + ');">' + playlistItem + '</a></div></div>';
                                        });

                                        playlist_html = playlist_html + '</div>';

                                        $( "#" + $( this ).attr( "id" ) ).after( playlist_html );
                                }



                                //$( "#" + $( this ).attr( "id" ) ).after( '<div class="container"><div class="row"><div class="col"><a href="javascript:jwplayer(' + $( this ).attr( "id" ) + ').playlistItem(2);">Toggle playback</a></div></div></div>' );
                        });


                        //$( "<p>Test</p>" ).insertAfter( ".inner" );

                        /*
                        if( listbar != null )
                        {
                                player_height = player_height + listbar_height;
                        }
                        */

                        //jwplayer($( this ).attr( "id" ) ).resize(player_width, player_height);

                        //jwplayer( $( this ).attr( "id" ) ).onSetupError(function( fallback, message ) {});

                        /*
                        jwplayer( $( this ).attr( "id" ) ).onReady(function()
                        {
                                // IE7 fix
                                if ( ieversion == 7 && jwplayer( $( this ).attr( "id" ) ).getRenderingMode( ) == 'flash' )
                                {
                                        jwplayer( $( this ).attr( "id" ) ).resize(  jwplayer( $( this ).attr( "id" ) ).getWidth(), ( jwplayer( $( this ).attr( "id" ) ).getWidth() / (16/9) ) + listbar_height );
                                }
                        });
                        */

                        /*
                        jwplayer( $( this ).attr( "id" ) ).onReady(function()
                        {
                        //        if ( jwplayer( $( this ).attr( "id" ) ).getRenderingMode( ) == 'flash' )
                        //        {
                        //                //console.log( jwplayer( $( this ).attr( "id" ) ).getWidth() / (16/9) );
                                        //jwplayer( $( this ).attr( "id" ) ).resize( "444", ( jwplayer( $( this ).attr( "id" ) ).getWidth() / (16/9) ) + 107 );
                        //        }
                        });
                        */
                }
        });

        // Rock and Pop Transposition tool loading gif
        $( "#processingaudio" ).hide();
        
        // Form system - make sure that expanded elements are visible after form submits with missing data
        $( "input.trinityformcheckbox" ).each(function( index )
        {
                if( $( this ).is(':checked') )
                {
                        subelementid = 'container_' + $( this ).attr( "sub_element_id" );
                        
                        showhideelement( subelementid );
                }
        });
        
        // Subject navigation items in header
        $(function() {
                $( "#mainNav ul li#music, li#rockandpop, li#drama, li#dance, li#dada, li#artsaward, li#esol, li#tesol, li#selt" ).tooltip
                (
                        { position: { my: "bottom center", at: "bottom+20" } }
                );
        });
        
        // Subject navigation items in header
        $(function() {
                $( "#frontpage_bottom div a" ).tooltip
                (
                        { position: { my: "bottom center", at: "bottom+20" } }
                );
        });
        
        // fnResize(); legacy

        $( "#menu" ).menu( "collapseAll", null, true );

        // Timeline

        window.sr = ScrollReveal();

        if ($(window).width() < 768) {

                if ($('.timeline-content').hasClass('js--fadeInLeft')) {
                        $('.timeline-content').removeClass('js--fadeInLeft').addClass('js--fadeInRight');
                }

                sr.reveal('.js--fadeInRight', {
                        origin: 'right',
                        distance: '300px',
                        easing: 'ease-in-out',
                        duration: 800,
                });

        } else {

                sr.reveal('.js--fadeInLeft', {
                        origin: 'left',
                        distance: '300px',
                        easing: 'ease-in-out',
                        duration: 800,
                });

                sr.reveal('.js--fadeInRight', {
                        origin: 'right',
                        distance: '300px',
                        easing: 'ease-in-out',
                        duration: 800,
                });

        }

        sr.reveal('.js--fadeInLeft', {
                origin: 'left',
                distance: '300px',
                easing: 'ease-in-out',
                duration: 800,
        });

        sr.reveal('.js--fadeInRight', {
                origin: 'right',
                distance: '300px',
                easing: 'ease-in-out',
                duration: 800,
        });
});

function checkAcceptCookies()
{
        if( document.getElementById("accept_cookies_loginheader").checked == true )
        {
                $('#cookie_message').removeClass('highlight');
        }
}

function checkSubmit()
{
        if( document.getElementById("accept_cookies_loginheader").checked == true )
        {
                document.getElementById("loginform").submit();
        }
        else
        {
                $('#cookie_message').addClass('highlight');
        }
}

// Used by form system
function showhideelement( elementid )
{
        if($('#' + elementid).is(':visible'))
        {
                // Hide the container of elements
                $( "#" + elementid ).hide();
                
                // Uncheck child checkboxes
                $( "#" + elementid ).children('input').each(function ()
                {
                        if( $( this ).is(':checked') )
                        {
                                $( this ).prop('checked', false);
                        }
                });
        }
        else
        {
                // Show the container of elements
                $( "#" + elementid ).show();
        }
        
        
}

// ==========================

/* legacy
var fontSize = 12;
$.jqem.bind(function(a,b,c) {		
	fnResize();
});

function fnResize(){	
	if( $.jqem.current() == fontSize) {					
		$('body').addClass('enh').removeClass('def');
		enh=true;
	}else if($.jqem.current() != fontSize){		
		$('body').removeClass('enh').addClass('def');		
		enh=false;
	};
};
*/

function formSearch ()
{
        document.form.submit() ;
};

function populateCountryList( )
{
        var region = $( "#contactus_region" ).find('option:selected').val();
        
        $("#contactus_country").empty();
        
        $('#contactus_country').append($('<option>',
        { 
                value: "",
                text : "--- Please select ---"
        }));
        
        $.each(countries, function (i, item)
        {
                if( item.region == region )
                {
                        $('#contactus_country').append($('<option>',
                        { 
                                value: item.country_id,
                                text : item.country_label 
                        }));
                }
        });
}

function checkAcceptCookiesLoginPage()
{
        if( document.getElementById("accept_cookies_loginpage").checked == true )
        {
                $('#login-submit-loginpage').removeClass('login_disabled');
                $('#accept_cookies_message_loginpage').removeClass('highlight');
        }
        else
        {
                $('#login-submit-loginpage').addClass('login_disabled');
        }
}

function checkSubmitLoginPage()
{
        if( document.getElementById("accept_cookies_loginpage").checked == true )
        {
                document.getElementById("loginform2").submit();
        }
        else
        {
                $('#accept_cookies_message_loginpage').addClass('highlight');
        }
}