$(document).ready(function(){
	$('img[@src$=.png], div').ifixpng(); 
});

slides = {

	current: 0,
	items: [],
	container: '#projects',
	pagination: '#pagination',
	controller: '#next',
	
	init: function (container, pagination, controller) {
		slides.container = container;
		slides.pagination = pagination;
		slides.controller = controller;
		i = 0;
		$(slides.container).each(function(){
			slides.items.push(this);
			$(slides.pagination).append('<li class="dot' + (i == slides.current ? ' active' : '') + '"><a href="#" id="dot-' + i + '"><span>' + i + '</span></a></li>');
			$('#dot-' + i).click(slides.switch_dot);
			i++;
		});
		$(slides.controller).click(slides.next);
	},
	
	go: function (id) {
		slides.current = id;
		$(slides.container).each(function(){
			if ($(this).attr('id') !== ('project-' + id)) {
				$(this).css('display', 'none');
			}
		});
		$('#project-' + id).css('display', 'block');
		$('#default_title').html($('#title-' + slides.current).html());
		$('#default_description').html($('#description-' + slides.current).html());
	},
	
	next: function () {
		if (slides.current < slides.items.length - 1) {
			slides.current++;
		} else {
			slides.current = 0;
		}
		slides.go(slides.current);
		$('#dot-' + slides.current).click();
	},
	
	switch_dot: function () {
		$(this).parent().parent().children('li').each(function(){
			$(this).removeClass('active');
		});
		$(this).parent().addClass('active');
		slides.go($(this).attr('id').replace('dot-', ''));
		return false;
	}
	
};