$(document).ready(function() {

    var defaultPost = 0;
    var numberOfList = 4; // starts from 0

    getPost(defaultPost); // get default on page load
    getImageList(defaultPost); // display image list

    var displayImage = function() {
    //$(this).parent().siblings().removeClass('bigger');
    //$(this).parent().addClass('bigger');
    var rel = $(this).attr('rel');
    var exploderel = rel.split('-');
    var id = exploderel[1];
    getPost(id);
    return false;
    };

    $('#photo-slider li').livequery(function(){
        $(this)
            .hover(function() {
                $(this).find('a img').attr('src',$(this).find('a img').attr('src').replace(/_off.jpg/,"_on.jpg"));
            }, function() {
                $(this).find('a img').attr('src',$(this).find('a img').attr('src').replace(/_on.jpg/,"_off.jpg"));
            })});
    $('#photo-slider li a').livequery('click', displayImage);


	var photoSliderNav = function() {
        var nav = $(this).attr('rel');
        var currentPhoto = $('#content-id').text();
        if((nav == 'older') && (currentPhoto < (numberOfList))){
            currentPhoto = parseInt(currentPhoto) + 1;
            //$("#photo-slider li.bigger").removeClass('bigger').next().addClass('bigger');
        }
        else if((nav == 'newer') && (currentPhoto > 0)){
            currentPhoto = parseInt(currentPhoto) - 1;
            //$("#photo-slider li.bigger").removeClass('bigger').prev().addClass('bigger');
        }
        getPost(currentPhoto);
        return false;
	};
    $('.photo-slider-nav').livequery('click', photoSliderNav);

});

function getPost(idx) {
    $.get("front.xml",function(xml){
        $("content>item:eq("+idx+")",xml).each(function () {
            $('#content-id').html(idx);
            $('#display-title').html($('title',this).text());
            $('#display-date').html($('pubdate',this).text());
            var display_image = '<img src="' + $('image',this).text() + '" alt="" />';
            $('.display-image').html(display_image);
            $('.content-area div p').html($('content',this).text());
            $('#photo-slider li').css({opacity: 0.65});
            $('#photo-slider li.bigger').css({opacity: 1});
        });
    });
}

function getImageList(defaultPost) {
    $.get("front.xml",function(xml){
		myHTMLOutput = '';
		$('item',xml).each(function(i) {
    		itemThumbnail = $(this).find("thumbnail").text();
    		itemTitle = $(this).find("title").text();
            if(i == defaultPost){
    		    //mydata = '<li class="bigger"><a href="#" rel="thumb-'+ i +'"><img src=" '+ itemThumbnail + '" alt="' + itemTitle + '" /></a></li>';
    		    mydata = '<li><a href="#" rel="thumb-'+ i +'"><img src=" '+ itemThumbnail + '" alt="' + itemTitle + '" /></a></li>';
            }
            else{
    		    mydata = '<li><a href="#" rel="thumb-'+ i +'"><img src=" '+ itemThumbnail + '" alt="' + itemTitle + '" /></a></li>';
            }
    		myHTMLOutput = myHTMLOutput + mydata;
        });
	$("#photo-slider").append(myHTMLOutput);
        $('#photo-slider li').css({opacity: 0.65});
        $('#photo-slider li.bigger').css({opacity: 1});
        $('.photo-slider ul').width(($('.photo-slider ul li a img').size())*92);
        $('.photo-slider').width((($('.photo-slider ul li a img').size()+1)*80)+155);
    });

}