$(document).ready(function() {
    // Clickable Regions
    $('#home #news div.content').bind('click', function(e) {
        window.location=$('header h1 a', $(this)).attr('href'); 
    });
    
    
    // jQuery Cycle
    $('#header blockquote').cycle({
        timeout: 7000
    });
    $('#home #news').before('<div id="pager">').cycle({
        fx: 'scrollLeft',
        timeout: 5000,
        pager: '#pager'
    });
    
    // Greyscale Client Logos
    $('ul.clients li a img').each(function(i) {
        $(this).fadeTo('fast', '0.3');    
    });
    $('ul.clients li a img').hover(function(){
        $(this).fadeTo('fast', '1.0');
    }, function(){
        $(this).fadeTo('fast', '0.3');
    });
    
    // Gallery
    $('ul.gallery li a').bind('click', function(e) {
        e.preventDefault();
        $('a', $(this).parent().parent()).removeClass('selected');
        $('img.wp-post-image', $(this).parent().parent().parent().parent()).attr('src', $(this).attr('href'));
        $(this).addClass('selected');
    });
    $('div.pager a').bind('click', function(e) {
        e.preventDefault();
        var action = $(this).attr('class');
        
        if ($('form input[name=totalImages]').length > 0) {
            var totalImages = $('div.images form input[name=totalImages]', $(this).parent().parent().parent()).val();
            var currentImageClass = $('div.images form input.selected', $(this).parent().parent().parent()).attr('name');
            var currentImageID = currentImageClass.split('-')[1];
        } else {
            var totalImages = Number($('ul.gallery li', $(this).parent().parent().parent()).length);
            var currentImageClass = $('ul.gallery li a.selected', $(this).parent().parent().parent()).attr('class').split(' ')[0];
            var currentImageID = currentImageClass.split('-')[1];
        }
        
        // Define next / previous image to display
        // Cannot use switch as may have IE specific classes on anchor element
        if (action.search('next') > -1) {
            var newImageID = (currentImageID == (totalImages-1)) ? 0 : (Number(currentImageID) + 1); 
        } else if (action.search('previous') > -1) {
            var newImageID = (currentImageID == 0) ? Number(totalImages-1) : (Number(currentImageID) - 1); 
        } else {
            return false;
        }

        if ($('form input[name=totalImages]').length > 0) { 
            var newImageURL = $('div.images form input[name=image-'+newImageID+']', $(this).parent().parent().parent()).val();
            $('div.images form input', $(this).parent().parent().parent()).removeClass('selected');
            $('div.images form input[name=image-'+newImageID+']', $(this).parent().parent().parent()).addClass('selected');
            $('img.wp-post-image', $(this).parent().parent()).attr('src', newImageURL);    
        } else {
            var newImageURL = $('ul.gallery li a.image-'+newImageID, $(this).parent().parent().parent()).attr('href');
            $('ul.gallery li a', $(this).parent().parent().parent()).removeClass('selected');
            $('ul.gallery li a.image-'+newImageID, $(this).parent().parent().parent()).addClass('selected');
            $('img.wp-post-image', $(this).parent().parent()).attr('src', newImageURL);
        } 
    });
});