// Simple jQuery script that changes the background of the current page in the navigation.

jQuery(document).ready(function(){

	// Remove the default active class
	jQuery('#navigation-top ul li a').removeClass('active');

	// Assign the active class to the correct tab matching the location
	var currentPathName		= window.location.pathname;

	switch (currentPathName)
	{
		case "/":
			jQuery('#navigation-top ul .home a').addClass('active');
			break;
		case "/about-us/":
			jQuery('#navigation-top ul .about-us a').addClass('active');
			break;
		case "/careers/":
			jQuery('#navigation-top ul .careers a').addClass('active');
			break;
		case "/socials/":
			jQuery('#navigation-top ul .socials a').addClass('active');
			break;
		case "/sports/":
			jQuery('#navigation-top ul .sports a').addClass('active');
			break;
		case "/publications/":
			jQuery('#navigation-top ul .publications a').addClass('active');
			break;
		case "/sponsors/":
			jQuery('#navigation-top ul .sponsors a').addClass('active');
			break;
		case "/contact-us/":
			jQuery('#navigation-top ul .contact-us a').addClass('active');
			break;
		case "/":
			jQuery('#navigation-top ul .home a').addClass('active');
			break;
		default:
	}

	/**
	*
	*	Slider
	*
	**/

	//Speed of the slideshow
	var speed = 5000;

	//You have to specify width and height in #slider CSS properties
	//After that, the following script will set the width and height accordingly
	$('#mask-gallery, #gallery li').width($('#slider').width());    
	$('#gallery').width($('#slider').width() * $('#gallery li').length);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());

	//Assign a timer, so it will run periodically
	var run = setInterval('newsscoller(0)', speed); 

	$('#gallery li:first, #excerpt li:first').addClass('selected');

	//Pause the slidershow with clearInterval
	$('#btn-pause').click(function () {
	    clearInterval(run);
	    return false;
	});

	//Continue the slideshow with setInterval
	$('#btn-play').click(function () {
	    run = setInterval('newsscoller(0)', speed); 
	    return false;
	});

	//Next Slide by calling the function
	$('#btn-next').click(function () {
	    newsscoller(0); 
	    return false;
	}); 

	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
	    newsscoller(1); 
	    return false;
	}); 

	//Mouse over, pause it, on mouse out, resume the slider show
	$('#slider').hover(

	    function() {
	        clearInterval(run);
	    }, 
	    function() {
	        run = setInterval('newsscoller(0)', speed); 
	    }
	);
	
});

function newsscoller(prev) {

    //Get the current selected item (with selected class), if none was found, get the first item
    var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
    var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');

    //if prev is set to 1 (previous item)
    if (prev) {
        
        //Get previous sibling
        var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
        var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
    
    //if prev is set to 0 (next item)
    } else {
        
        //Get next sibling
        var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
        var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
    }

    //clear the selected class
    $('#excerpt li, #gallery li').removeClass('selected');
    
    //reassign the selected class to current items
    next_image.addClass('selected');
    next_excerpt.addClass('selected');

    //Scroll the items
    $('#mask-gallery').scrollTo(next_image, 800);       
    $('#mask-excerpt').scrollTo(next_excerpt, 800);                 
    
}