var c = 0;

function jsonFlickrFeed(response)
{
	$.each(response.items, function(img, item) {
		var link = item.link;

                    if(c < 8)
                        {
                            $('#flickr-left').append('<a href="' + link + '" target="_blank" title="' + item.title + '"><img src="' + item.media.m.replace('_m.jpg','_s.jpg') + '" width="75" height="75" alt="'+item.title+'" /></a>');
                        }
                    else if (c == 8)
                        {
                            $('#flickr-middle').append('<a href="' + link + '" target="_blank" title="' + item.title + '"><img src="' + item.media.m.replace('_m.jpg','_z.jpg') + '" alt="'+item.title+'" /></a>');
                        }
                    else if(c < 17)
                        {
                            $('#flickr-right').append('<a href="' + link + '" target="_blank" title="' + item.title + '"><img src="' + item.media.m.replace('_m.jpg','_s.jpg') + '" width="75" height="75" alt="'+item.title+'" /></a>');
                        }
                        c++;
	});
}

function carousel_initCallback(carousel)
{
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });
 
    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });
 
    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {

    var flickr_id = '55142052@N02';
    var flickr_tags = '';
    var flickr_url = 'http://api.flickr.com/services/feeds/photos_public.gne';

    $.ajax({
            url: flickr_url,
            data: {id: flickr_id, format: 'json', tags: flickr_tags},
            dataType: 'script'
    });

    $('#carousel').jcarousel({
        auto: 5,
        animation: 1000,
        wrap: 'circular',
        scroll: 1,
	initCallback: carousel_initCallback
    });
    $("#accordion").accordion();

    $('#contact_us').click(function(){
        $.scrollTo($('#footer'),800);
    });

});