//function to convert px measuremnt into plain number
function getWidthFromMeasurement(measurement) {
	if(measurement == 'auto') {
		mSubStr = 0;
	} else if(measurement == undefined) {
		mSubStr = 0;
	} else {
		var pxIndex = measurement.lastIndexOf('px');
		var mSubStr = measurement.substring(0, pxIndex);
	}
	
	return new Number(mSubStr);
}

jQuery(function(){
	var subMenuLength = 0;
	
	if(jQuery('.submenu_profile') != 'undefined') {
		var subMenuWrapperLength = getWidthFromMeasurement(jQuery('.submenu_profile').css('width'));
	}
	
	//get all menu image widths to find menu total length
	jQuery('.submenu_profile ul.profile li img').each(function() {
		subMenuLength += jQuery(this).width();
	});
	
	//add click handler to right button
	jQuery("#sub_menu_button_left, #sub_menu_button_right").click(function() {
		var currentId = jQuery(this).attr('id');
		var incrementVal = 50;
		
		var lVal = getWidthFromMeasurement(jQuery('.submenu_profile ul.profile').css('left'));
		var rVal = getWidthFromMeasurement(jQuery('.submenu_profile ul.profile').css('right'));
		
		switch(currentId) {
			case 'sub_menu_button_left':
				
				//if sub menu longer than wrapper shift menu left
				if(subMenuLength > subMenuWrapperLength) {
					if(lVal < 0) {
						jQuery('.submenu_profile ul.profile').css('left', lVal+incrementVal);
						
						jQuery('.submenu_profile ul.profile').css('right', rVal-incrementVal);
					}
				}
			break;
			case 'sub_menu_button_right':
				
				//if sub menu longer than wrapper shift menu left
				if(subMenuLength > subMenuWrapperLength) {
					var offsetLimit = subMenuLength - subMenuWrapperLength;
					if(rVal < offsetLimit) {
						jQuery('.submenu_profile ul.profile').css('right', rVal+incrementVal);
						
						jQuery('.submenu_profile ul.profile').css('left', lVal-incrementVal);
					}
				}
			break;
		}
	});
});