$(document).ready(function(){
	//	if(typeof $.fn.jScrollPane == 'function') { 
	    //		$('.framebox').each(function(){
			//			$(this).jScrollPane({showArrows:true, scrollbarWidth: 20}); 
			//		})
		    //		    }

	//	$('.external').attr('target','_blank')
	
	//hideshowsearch
	$("#hideshowsearch").click(function () {
		if ( $(this).hasClass("hideshowsearch") ){
			$(this).removeClass("hideshowsearch")
			$(this).addClass("hideshowsearch_hover")
		}
		else{
			$(this).removeClass("hideshowsearch_hover")
			$(this).addClass("hideshowsearch")
		}
		$(".poplistsearch").slideToggle("slow");
	}); 
    
	//selectboxes  
	$('.select_input').each(function(){
		createDropDown($(this).attr('id'),'dropdown_'+$(this).attr('id'));
		initDropDown($(this).attr('id'),'dropdown_'+$(this).attr('id'));
	})
	
	if(typeof $.fn.simpleImageCheck == 'function') { 
		$('input:checkbox').simpleImageCheck({
			  image: 'images/bgr_check_boxes.gif',             
			  imageChecked: 'images/bgr_check_boxes_active.gif',
			  afterCheck: function(isChecked) {   
				// do something if isChecked === true
			  }
		});	
	}
	
	function initDropDown(id, itclass){
		$("."+itclass+" dt a").click(function() {
			$("."+itclass+" dd ol").toggle();
			return false;
		});
	
		$(document).bind('click', function(e) {
			var $clicked = $(e.target);
			if (! $clicked.parents().hasClass(itclass))
				$("."+itclass+" dd ol").hide();
		});
				
		$("."+itclass+" dd ol li a").click(function() {
			var text = $(this).html();
			$("."+itclass+" dt a").html(text);
			$("."+itclass+" dd ol").hide();
			
			var source = $("#"+id);
			source.val($(this).find("span.value").html())
			return false;
		});
	}
	function createDropDown(id, itclass){
		var source = $("#"+id);
		var selected = source.find("option[selected]");
		var options = $("option", source);
		
		$("#"+id+"_block").append('<dl id="'+id+'_target" class="'+itclass+'"></dl>')
		$("#"+id+"_target").append('<dt><a href="#">' + selected.text() + 
			'<span class="value">' + selected.val() + 
			'</span></a></dt>')
		$("#"+id+"_target").append('<dd><ol></ol></dd>')
	
		options.each(function(){
			$("#"+id+"_target dd ol").append('<li><a href="#">' + 
				$(this).text() + '<span class="value">' + 
				$(this).val() + '</span></a></li>');
		});
	}
	
});