$(document).ready(function(){    
    $("#slider").easySlider({
        controlsBefore:    '<p id="controls">',
        controlsAfter:    '</p>',
        auto: true, 
        continuous: true
    });

    //Execute the slideShow
    slideShow();



    $(".d-search-button").mouseover(function() {
        $(this).addClass("d-search-button-hover");
    });
    $(".d-search-button").mouseout(function() {
        $(this).removeClass("d-search-button-hover");
    });
	
    $("#q").css("color", '#333');
    $("#q").blur();
});



function slideShow() {
	
    //Set the opacity of all images to 0
    $('#gallery a').css({
        opacity: 0.0
    });
	
    //Get the first image and display it (set it to full opacity)
    $('#gallery a:first').css({
        opacity: 1.0
    });
	
    //Set the caption background to semi-transparent
    $('#gallery .caption').css({
        opacity: 0.7
    });
	
    //Resize the width of the caption according to the image width
    $('#gallery .caption').css({
        width: $('#gallery a').find('img').css('width')
    });
	
    //Get the caption of the first image from REL attribute and display it
    $('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
    .animate({
        opacity: 0.7
    }, 400);
	
    //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
    setInterval('gallery()',6000);
	
}

function gallery() {
	
    //if no IMGs have the show class, grab the first image
    var current = ($('#gallery a.show')?  $('#gallery a.show') : $('#gallery a:first'));
	
    //Get next image, if it reached the end of the slideshow, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));    
	
    //Get next image caption
    var caption = next.find('img').attr('rel');    
	
    //Set the fade in effect for the next image, show class has higher z-index
    next.css({
        opacity: 0.0
    })
    .addClass('show')
    .animate({
        opacity: 1.0
    }, 1000);
	
    //Hide the current image
    current.animate({
        opacity: 0.0
    }, 1000)
    .removeClass('show');
	
    //Set the opacity to 0 and height to 1px
    $('#gallery .caption').animate({
        opacity: 0.0
    }, {
        queue:false, 
        duration:0
    }).animate({
        height: '1px'
    }, {
        queue:true, 
        duration:300
    });    
	
    //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    $('#gallery .caption').animate({
        opacity: 0.7
    },100 ).animate({
        height: '100px'
    },500 );
	
    //Display the content
    $('#gallery .content').html(caption);
	
	
}

// ** Ticker *******************************************
/*

var theCharacterTimeout = 50;
var theStoryTimeout     = 5000;
var theWidgetOne        = "_";
var theWidgetTwo        = "-";
var theWidgetNone       = "";
var theLeadString       = "Latest News :&nbsp;";
                                                        
var theSummaries = new Array();
var theSiteLinks = new Array();
                                                        
var theItemCount = 3;
                                                        
theSummaries[0] = "Congratulations to Paul Hollingworth who was ordained a Permanent Deacon on 4th July by Bishop Crispian.  ";
theSiteLinks[0] = "";
                                                        
theSummaries[1] = "Congratulations to Paul Hollingworth who was ordained a Permanent Deacon on 4th July by Bishop Crispian.  ";
theSiteLinks[1] = "";
                                                        
theSummaries[2] = "Congratulations to Paul Hollingworth who was ordained a Permanent Deacon on 4th July by Bishop Crispian.  ";
theSiteLinks[2] = "";
startTicker();
*/                                                        
                                                        
// Ticker startup
function startTicker()
{
    // Define run time values
    theCurrentStory     = -1;
    theCurrentLength    = 0;
    // Locate base objects
    if (document.getElementById) {    
        theAnchorObject     = document.getElementById("tickerAnchor");
        runTheTicker();       
    }
    else {
        document.write("<style>.ticki{display:none;}.ticko{border:0px; padding:0px;}</style>");
        return true;
    }
}
// Ticker main run loop
function runTheTicker()
{
    var myTimeout;  
    // Go for the next story data block
    if(theCurrentLength == 0)
    {
        theCurrentStory++;
        theCurrentStory      = theCurrentStory % theItemCount;
        theStorySummary      = theSummaries[theCurrentStory].replace(/&quot;/g,'"');        
        theTargetLink        = theSiteLinks[theCurrentStory];
        theAnchorObject.href = theTargetLink;
        thePrefix          = "<span class=\"tickls\">" + theLeadString + "</span>";
    }
    // Stuff the current ticker text into the anchor
    theAnchorObject.innerHTML = thePrefix + 
    theStorySummary.substring(0,theCurrentLength) + whatWidget();
    // Modify the length for the substring and define the timer
    if(theCurrentLength != theStorySummary.length)
    {
        theCurrentLength++;
        myTimeout = theCharacterTimeout;
    }
    else
    {
        theCurrentLength = 0;
        myTimeout = theStoryTimeout;
    }
    // Call up the next cycle of the ticker
    setTimeout("runTheTicker()", myTimeout);
}
// Widget generator
function whatWidget()
{
    if(theCurrentLength == theStorySummary.length)
    {
        return theWidgetNone;
    }
                                                        
    if((theCurrentLength % 2) == 1)
    {
        return theWidgetOne;
    }
    else
    {
        return theWidgetTwo;
    }
}