window.onload = function()
   	{
   		var container = $('div.work_gallery');
        var ul = $('ul', container);
        
        var itemsWidth = ul.innerWidth() - container.outerWidth();

        $('.slider', container).slider({
            min: 0,
            max: itemsWidth,
            handle: '.handle',
            stop: function (event, ui) {
                ul.animate({'left' : '-'+ui.value+'px'}, 500);
            },
            slide: function (event, ui) {
				ul.css('left', '-'+ui.value+'px');
            }
        });		
   	}


	$(document.body).ready(
		function()
		{
			$('.project').click
							(
								function(e)
								{
									e.preventDefault();
									var id = $(e.target).parent().attr('rel');
									
									data = {};
									data.project_id = id;
									
									$.get(siteUrl+'work/projectInfo', data, 
										function(data)
										{
											$('#project_display_area').html(data);
										}
									);
								}
							);
							
	
										
		}
	);