/*	| PORTFOLIO SLIDER
	---------------------------	*/
var slidey = {
	curpos : 0,
	todo : null,
	init : function() {
		slidey.viewer = $('#viewer');
		slidey.slide = $('#slide');
		slidey.slider = $('#slider');
		slidey.controller = $('#controller');
		slidey.w = $(slidey.slide).width() - $(slidey.viewer).width();
		$('#L').click(slidey.moveto);
		$('#R').click(slidey.moveto);
		$(document).keypress(slidey._keycode);
		
		var per = $(slidey.viewer).width() / $(slidey.slide).width();
		var width = eval(per * $(slidey.controller).width()) - 10;
		$(slidey.slider).width(width);
		
		$(slidey.controller).slider( { handle: '#slider', axis : 'horizontal', start: function(){ slidey.todo = 'move'; }, stop : function(){ slidey.todo = ''; }, slide: slidey.scrub } );
		
		$('#slide .details').css({opacity:0.85});
		$('#slide li').hover( function(){ $(this).find('.details').stop().animate({top:52,height:258},'normal'); }, function(){ $(this).find('.details').stop().animate({top:292,height:18},'normal'); });
	},
	scrub : function(e, ui) {
		var cord = 0 - ((ui.value / 100) * slidey.w);
		slidey.todo == 'move' ? $(slidey.slide).css({left:cord}) : $(slidey.slide).stop().animate({left:cord},'normal');
	},
	moveto : function() {
		// Find Step Intervals
		var steps = slidey.slide.width() / slidey.viewer.width();
		// Find Current Step Interval
		var left = slidey.slide.css('left'); left = left.replace('px','');
		var curstep = Math.round(0 - ((left) / slidey.viewer.width()));
		var slideint = ( slidey.controller.width() - slidey.slider.width()) / (steps - 1);
		
		if( !curstep ) curstep = 0;
		this.id == 'L' ? curstep-- : curstep++;
		
		if( curstep < 0 || curstep >= steps ) return false;
		
		var viewLeft = 0 - (slidey.viewer.width() * curstep);
		var slideLeft = slideint * curstep;
				
		$(slidey.slide).stop().animate({left:viewLeft},'normal');
		$(slidey.slider).stop().animate({left:slideLeft},'normal');
		return false;
	},
	_keycode : function(e) {
		var code;
		if( window.event ) 
			code = window.event.keyCode;
		else if( e ) 
			code = e.which;

		if(code == '44') 
			$('#L').click(); 
		else if(code == '46') 
			$('#R').click(); 
		
		if( code == 13 )
			void(0);
		return code;
	}
}
$(document).ready(slidey.init);