/*
Jquery action
*/
function cycleImage() {
    var image = $('.cycle_image.engaged');
	image.delay(6000).fadeOut(2200,function(){
        var nextImage = $(this).next('.cycle_image');
        if (nextImage.length == 0){
            nextImage = $('.cycle_image').first();
        }
        nextImage.fadeIn(2000).addClass('engaged');
        setTimeout('cycleImage()',1000);
	}).removeClass('engaged');
}

function displayPopup(imgFile) {
        $('#popupImage').attr('src',imgFile)
                        .load(function() {
        
            var popupDisplay = $('#popup').css('display');
            
            if(popupDisplay == 'none'){
                $('#shadowBox').css('display','block')
                               .css('opacity',0)
                               .animate({opacity:.7});
                $('#popup').css('display','block');
            }       
        });
}

$(function() {
        // Click on a pop-uppable image
        $('.thumbs a').click(function(e) {                
                var imgFile = 'img/'+$(this).attr('id')+'.jpg';
                displayPopup(imgFile);
                return false;
        });
        
        // Scroll through popup images
        $('#left_arrow').click(function() {
                // Find current img id
                var newID = parseInt($('#popupImage').attr('src')
                                                     .replace('.jpg','')
                                                     .replace('img/big',''))-1;
                if (newID == 0) {
                    newID = $('.thumbs a').length;
                }
                
                // Display
                var imgFile = 'img/big'+newID+'.jpg';
                displayPopup(imgFile);
                
                return false;
        });
        $('#right_arrow').click(function() {
                // Find current img id
                var newID = parseInt($('#popupImage').attr('src')
                                                     .replace('.jpg','')
                                                     .replace('img/big',''))+1;
                if ($('#big'+newID).length == 0) {
                    newID = 1;
                }
                
                // Display
                var imgFile = 'img/big'+newID+'.jpg';
                displayPopup(imgFile);
                
                return false;
        });
        
        //Close image popup
        $('#close_popup').click(function() {
                $('#shadowBox').css('display','none');
                $('#popup').css('display','none');
                return false;
        });
        $('#shadowBox').click(function() {
                $('#shadowBox').css('display','none');
                $('#popup').css('display','none');
                return false;
        });
});

// On complete load
$(window).load(function() {
        var firstImage = $('.cycle_image.engaged');
        if (firstImage.length != 0){
            cycleImage();
        }
});