// INIT 
$(document).ready(function(){	
						   
			$('#designslideUp').hide();
			
			var cHeight = $('#designslidercontainer').height();
			var sHeight = $('#designinnerslider').height();
			
			if (sHeight <= cHeight){
				$('#designslideDown').hide();	
			}
			
			$('#designslideDown').mousedown(function(){
				down();
			});
			
			$('#designslideUp').mousedown(function(){
				up();
			});
			
			
			$('#designslideDown').mouseup(function(){
				 $("#designinnerslider").stop();
			});
			
			$('#designslideDown').mouseout(function(){
				 $("#designinnerslider").stop();
			});
			
			$('#designslideUp').mouseup(function(){
				 $("#designinnerslider").stop();
			});
			
			$('#designslideUp').mouseout(function(){
				 $("#designinnerslider").stop();
			});
			
			
			
			$('.alpha').click(function(){
				
				var sTop = $('#designinnerslider').position().top;
				var endpos = $("#" + $(this).html()).offsetParent().position().top;	
				var cendpos = endpos + sTop;
				var cHeight = $('#designslidercontainer').height();
				var sHeight = $('#designinnerslider').height();
				var offSet = parseInt(sHeight + sTop - cHeight);
					
				//prevent from double clicking queue animations
				$("#designinnerslider").stop();
				
				//alert(offSet);
				$("#designinnerslider").animate({top: "-=" + cendpos + "px"}, 500, "linear", function(){
										
					var sTop = $('#designinnerslider').position().top;
					var offSet = parseInt(sHeight + sTop - cHeight);
					
					if(sTop < 0){
						$('#designslideUp').show();	
						$('#designslideDown').show();
						
					}
					else{
						$('#designslideUp').hide();	
						
					}
					if(offSet < 0){
						$('#designslideDown').hide();	
						//$("#designinnerslider").stop();
						//$("#designinnerslider").animate({top: "-=" + offSet + "px"}, 0, function(){});
						//jQuery.fx.off = true;
						//alert(cendpos - sTop);
						//alert(sTop );
						//alert(offSet);
						//$("#designinnerslider").css("top", "-" + offSet + offSet);
						}
						
				});
				
			});
			
			
			
});

//FUNCTIONS 

function down(){
	
	$('#designslideUp').show();
	
	var speed = 2500;
	var cHeight = $('#designslidercontainer').height();
	var cTop = $('#designslidercontainer').position().top;
	
	var sHeight = $('#designinnerslider').height();
	var sTop = $('#designinnerslider').position().top;
	var offSet = parseInt(sHeight + sTop - cHeight);
	
	
	$("#designinnerslider").animate({top: "-=" + offSet + "px"}, speed, function(){
		 $('#designslideDown').hide();	
	});
	
}


function up(){
	
	$('#designslideDown').show();	
	
	var speed = 2500;
	var cHeight = $('#designslidercontainer').height();
	var cTop = $('#designslidercontainer').position().top;
	
	var sHeight = $('#designinnerslider').height();
	var sTop = $('#designinnerslider').position().top;
	var offSet = parseInt(sHeight + sTop - cHeight);
	
	$("#designinnerslider").animate({top: "0px"}, speed, function(){
			$('#designslideUp').hide();													  
	});
}