var osb = {

underline:function(){
						 var target = $(this);
						 if(target.attr('class') != 'selected')
							 target.css('text-decoration',  'underline'); 
					 },
noUnderline:function(target){ 
							 $(this).css('text-decoration',  'none'); 
						 },
select:function(){

				 //make selected bold
				 $('.selected').attr('class', '').css('font-weight', 'normal');
				 $(this).attr('class', 'selected').css('font-weight', 'bold');

				 //change image
				 var src = $(this).attr('name');
				 if($('#mainImage').attr('src') != src)
				 $('#mainImage').attr('src', osb.root+src);
				 /*
				 $('body').append('<img id="newImage" src="'+osb.root+src+'" />');
				 var offset = $('#mainImage').offset();
				 $('#newImage')
					 .css({
						 'display':'none',
						 'position':'absolute',
						 'top':offset.top,
						 'left':offset.left,
						 'float':$('#mainImage').css('float')
						 })
				 	 .fadeIn(1, function(){ 
							 $('#imageProp').remove();
							 $('#mainImage').after('<div id="imageProp" style="\
								 display:block;\
								 width:1px;\
								 height:'+$('#mainImage').height()+'px;\
								 background:white;\
								 float:'+$('#mainImage').css('float')+'\
								 "></div>');
							 $('#mainImage').replaceWith($('#newImage')); 
							 $('#newImage').css({'position':'static'});
							 $('#newImage').attr('id', 'mainImage');
							 });
							 */

				 return false;
			 },
preload:function(){
					var src = $(this).attr('href');
					var loader = new Image();
					loader.src = src;
				}
}

$(function() {

	//this path configuring block was above/outside JQuery callback, but no work on server. Beats me.
	osb.root = '';
	//if(window.location.host != 'osb.testsite' || window.location.host != 'o-sb.co.uk')
		//osb.root = '/osbsite/'

	$('#imagesMenu>li>a').each(function(){
		$(this).replaceWith('<span name="'+$(this).attr('href')+'">'
			+$(this).text()+
			'</span>')
		})
	$('#imagesMenu>li:first').children().each(osb.select);
		
	$('#imagesMenu>li>span')
		.hover(osb.underline, osb.noUnderline)
    .click( function(){
      urchinTracker($(this).text());
      })
		.click(osb.select)
		.each(osb.preload);

	//colorise
	var colors = ["#466969", "#647864", "#555832", "#6A5051", "#5E3158"];
	var color = colors[Math.ceil(Math.random()*(colors.length-1))];
	$('body').css({'color':color});
	$('a').css({'color':color});
	$('#o-sb img, #all_clients').css({'background':color});
	if(jQuery.browser.msie)
	$('#o-sb').css({'background':color});
});