/*
* JQuery based.
*/

function initHover (id) {
        var tmp = '';
        var relative = '';
	bw = $('#bw'+id);
	$(bw).hover(
	function(){
		tmp = $("img", this).attr("src");
		relative = $("img", this).attr("rel");
		$("img", this).attr({src: relative});
	}, 
	function() {
	       $("img", this).attr({rel: relative});
               $("img", this).attr({src: tmp});
	});
}


function initHover_old(id) {
        var tmp = '';
        var rel = '';
	bw = $('#bw'+id);
	color = $('#color'+id);
	$(bw).mouseover(
	function(){
		tmp = $("img", this).attr("src");
		rel = $("img", this).attr("rel");
		$("img", this).attr({src: rel});
	       // $(".img_holder", this).css({'display':'none'});
	       // $(".img_holder", this).css({'display':'block'});
		//$(".img_holder", color).show();
		//$(".img_holder", this).hide("slow");
		
	});
	$(color).mouseout(	
	function() {
	       // $(".img_holder", this).css({'display':'none'});
	      //  $(".img_holder", bw).css({'display':'block'});	
		//$(".img_holder", bw).show();
		//$(".img_holder", this).hide("slow");
	});	
}