$(document).ready(function(){
    //paginate();
    gallery();
    //$('#gallery > li:first').addClass('firstChild');
    if($.browser.msie && $.browser.version < 7){
        $(document).pngFix();
    }
    
});

function gallery(){
    $('#gallery li img').click(function(){
        var thumblink =  $('#mainprojimg img').attr('thumb_src');
        var newimglink = $('#mainprojimg img').attr('src');
        var thumblinkalt =  $('#mainprojimg img').attr('alt');
        
        var imglink =  this.getAttribute('main_src');
        var newimgthumb = $(this).attr('src');
        var imglinkalt =  this.getAttribute('alt');
        
        $('#mainprojimg img').attr('src', imglink);
        $('#mainprojimg img').attr('alt', imglinkalt);
        $('#mainprojimg img').attr('thumb_src', newimgthumb);
        $(this).attr('src', thumblink);
        $(this).attr('alt', thumblinkalt);
        $(this).attr('main_src', newimglink);
    });

}

function paginate(){
	//how much items per page to show
	var show_per_page = 6;
	var number_of_items = $('#projectlist').children().size();
	var number_of_pages = Math.ceil(number_of_items/show_per_page);
	$('#current_page').val(0);
	$('#show_per_page').val(show_per_page);

	var navigation_html = 'more projects &gt; ';
	var current_link = 0;
	while(number_of_pages > current_link){
		navigation_html += '<a class="page_link" href="javascript:go_to_page(' + current_link +')" longdesc="' + current_link +'">'+ (current_link + 1) +'</a>';
        if (current_link != (number_of_pages-1)){
            navigation_html += ' | ';
        }
		current_link++;
	}
	

	$('#page_navigation').html(navigation_html);
	$('#page_navigation .page_link:first').addClass('active_page');
	$('#projectlist').children().css('display', 'none');
	$('#projectlist').children().slice(0, show_per_page).css('display', 'block');
}

function previous(){
	new_page = parseInt($('#current_page').val()) - 1;
	if($('.active_page').prev('.page_link').length==true){
		go_to_page(new_page);
	}
}

function next(){
	new_page = parseInt($('#current_page').val()) + 1;
	if($('.active_page').next('.page_link').length==true){
		go_to_page(new_page);
	}
}

function go_to_page(page_num){
	var show_per_page = parseInt($('#show_per_page').val());
	start_from = page_num * show_per_page;
	end_on = start_from + show_per_page;
	$('#projectlist').children().css('display', 'none').slice(start_from, end_on).css('display', 'block');
	$('.page_link[longdesc=' + page_num +']').addClass('active_page').siblings('.active_page').removeClass('active_page');
	$('#current_page').val(page_num);
}