// JavaScript Document
$(document).ready(function(){

	$('ul.portfolio_list li li').hover(
		function(){
			$(this).addClass('hover');								
		},
		function() {
			$(this).removeClass('hover');								
		}
	);
	
	
	// UPDATE PORTFOLIO DETAIL
	$('ul.portfolio_list li li').click(function(){
		var slug = $(this).children('h4').children('a').attr('rel');
		//alert(slug);
		$('.portfolio_detail .content_holder').fadeOut('normal',function(){
			update_portfolio_detail(slug);
		});
	});
	$('ul.portfolio_list li li a').click(function(){
		var slug = $(this).attr('rel');
		//alert(slug);
		$('.portfolio_detail .content_holder').fadeOut('normal',function(){
			update_portfolio_detail(slug);
		});
		return false;
	});
	
	$('ul.portfolio_images li a').click(function(){
		var dest = $(this).attr('rel');
		var img = $(this).attr('href');
		$(this).parent().parent().children().removeClass('active');
		$('#'+dest+' img').fadeOut('normal',function(){
			$('#'+dest).html('<img src="'+img+'">').fadeIn('normal');
			
		});
		$(this).parent().addClass('active');
		return false;
	});
	
	
});

function update_portfolio_detail(slug) {
	update_html('.portfolio_detail .content_holder',HTTP_ROOT+'lib/ajax/get_portfolio.php?slug='+slug);
	$('.portfolio_detail .content_holder').fadeIn('slow');
}

function update_html(el,source) {
	
	//$(el).html(get_ajax_loader());
	
	$.ajax({
		type: "GET",
		url: source,
		cache: true,
		dataType: "html",
		error: function() {
			$(el).html(get_ajax_error());
		},
		success: function(html) {
			$(el).html(html);
			
		},
	});
	
}

function append_html(el,source,loader) {
	
	//$(loader).html(get_ajax_loader());
	
	$.ajax({
		type: "GET",
		url: source,
		cache: true,
		dataType: "html",
		error: function() {
			$(el).append(get_ajax_error());
		},
		success: function(html) {
			$(el).append(html);	
			//$(el).fadeIn('normal');
			$(loader).remove();
		}
	});
	
}

function get_ajax_loader() {
	
	return '<div class="ajax_loader"><img src="'+ HTTP_ROOT +'css/img/loader.gif"></div>';
	
}
function get_ajax_error() {
	
	return '<div class="ajax_error">Er is iets fout gegaan bij het ophalen van de data. Probeer het opnieuw.</div>';
	
}

function slider(el) {
	
	var wrapper = $(el);
	var wrapper_width = wrapper.width();
	var parent_list = wrapper.children('ul');
	var num_of_pages = parent_list.children('li').children('ul').size();
	parent_list.children('li').width(num_of_pages * wrapper_width);
	
	var curr_page = 1;
	
	if (num_of_pages > 1) {
		var nav_prev = '<div class="slider_prev"><a href="#">Previous</a></div>';
		var nav_next = '<div class="slider_next"><a href="#">Next</a></div>';
		wrapper.prepend(nav_prev);
		wrapper.append(nav_next);
		
		$('.slider_prev').hide();
		if (num_of_pages == 1) {
			$('.slider_next').hide();
		}
		$('.slider_prev').click(function(){
			parent_list.scrollTo((curr_page - 2) * wrapper_width,500);
			if (curr_page > 1) {
				curr_page--;
			}
			if (curr_page == 1) {
				$('.slider_prev').fadeOut('fast');
			}
			if (curr_page < num_of_pages) {
				$('.slider_next').fadeIn('normal');
			} else {
				$('.slider_next').fadeOut('fast');
			}
			return false;
		});

		$('.slider_next').click(function(){
			parent_list.scrollTo(curr_page * wrapper_width,500);
			if (curr_page < num_of_pages) {
				curr_page++;
			}
			if (curr_page == num_of_pages) {
				$('.slider_next').fadeOut('fast');
			}
			if (curr_page > 1) {
				$('.slider_prev').fadeIn('normal');
			}
			return false;
		});

	}
	

}