function scroll_selector_right(){

	var selector_moving_div_width = document.getElementById('selector_moving_div').offsetWidth;
	var selector_moving_div_left = document.getElementById('selector_moving_div').style.left;
	if(!selector_moving_div_left){ selector_moving_div_left = 0;}
	var selector_static_div_width = document.getElementById('selector_static_div').offsetWidth; 
	
	
	
	if(selector_moving_div_width + parseFloat(selector_moving_div_left) <= selector_static_div_width*2 ){
		
		
		var correctCoOrdinate = selector_static_div_width - selector_moving_div_width;
		$('#selector_moving_div').animate({left:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});
		//alert('move to restricted coordinate '+correctCoOrdinate);	
	}else{
		var correctCoOrdinate = parseFloat(selector_moving_div_left) - selector_static_div_width;
		$('#selector_moving_div').animate({left:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});

		//alert('move to coordinate '+correctCoOrdinate);		
	}
	
}

function scroll_selector_left(){

	var selector_moving_div_width = document.getElementById('selector_moving_div').offsetWidth;
	var selector_moving_div_left = document.getElementById('selector_moving_div').style.left;
	if(!selector_moving_div_left){ selector_moving_div_left = 0;}
	var selector_static_div_width = document.getElementById('selector_static_div').offsetWidth;	
	
	//alert("parseFloat("+selector_moving_div_left+") + "+selector_static_div_width+" >=0)");
	
	if(parseFloat(selector_moving_div_left) + selector_static_div_width >=0){
		var correctCoOrdinate = 0;
		$('#selector_moving_div').animate({left:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});
	}else{
		var correctCoOrdinate = parseFloat(selector_moving_div_left) + selector_static_div_width;
		$('#selector_moving_div').animate({left:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});
	}
	
}

function scroll_selector_down(){
	var selector_moving_div_height = document.getElementById('selector_moving_div').offsetHeight;
	var selector_moving_div_top = document.getElementById('selector_moving_div').style.top;
	if(!selector_moving_div_top){ selector_moving_div_top = 0;}
	var selector_static_div_height = document.getElementById('selector_static_div').offsetHeight; 
	
	if(selector_moving_div_height + parseFloat(selector_moving_div_top) <= selector_static_div_height*2 ){
		var correctCoOrdinate = selector_static_div_height - selector_moving_div_height;
		$('#selector_moving_div').animate({top:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});
		//alert('move to restricted coordinate '+correctCoOrdinate);	
	}else{
		var correctCoOrdinate = parseFloat(selector_moving_div_top) - selector_static_div_height;
		$('#selector_moving_div').animate({top:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});

		//alert('move to coordinate '+correctCoOrdinate);		
	}
	
}

function scroll_selector_up(){
	var selector_moving_div_height = document.getElementById('selector_moving_div').offsetHeight;
	var selector_moving_div_top = document.getElementById('selector_moving_div').style.top;
	if(!selector_moving_div_top){ selector_moving_div_top = 0;}
	var selector_static_div_height = document.getElementById('selector_static_div').offsetHeight;	
	
	
	if(parseFloat(selector_moving_div_top) + selector_static_div_height >=0){
		var correctCoOrdinate = 0;
		$('#selector_moving_div').animate({top:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});
	}else{
		var correctCoOrdinate = parseFloat(selector_moving_div_top) + selector_static_div_height;
		$('#selector_moving_div').animate({top:correctCoOrdinate}, {duration: 500, easing: 'easeInOutQuad'});
	}
	
}