function edgrid_back_split_str(id_str,num) {
    if(num == null){
      num = 1;
    }
		line_name_arr = id_str.split("-");
		return line_name_arr[line_name_arr.length - num];
}



function get_html(num){
	var info = new Object();
	info.img = '';
	info.word = '';
	
	switch(num){
	
		case "1":
			info.img = $("#c10 .csc-textpic").find("img").attr("src");
			info.word = $("#c10 .csc-textpic-text .bodytext").html();
			break;
		case "2":
			info.img = $("#c11 .csc-textpic").find("img").attr("src");
			info.word = $("#c11 .csc-textpic-text .bodytext").html();
			break;
		case "3":
			info.img = $("#c12 .csc-textpic").find("img").attr("src");
			info.word = $("#c12 .csc-textpic-text .bodytext").html();
			break;
		case "4":
			info.img = $("#c13 .csc-textpic").find("img").attr("src");
			info.word = $("#c13 .csc-textpic-text .bodytext").html();
			break;
	}
	
	return info;
}

function show_html(id){

		var num = edgrid_back_split_str(id,1);
		var info = get_html(num);
		$("#home-ctl-box-body").empty();
		$("#home-ctl-box-body-outer").css("background-image","url(/"+info.img+")");
		$("#home-ctl-box-body").html(info.word);
}

	
	

$(document).ready(function(){

     show_html("1");
     
		$(".ctl-button").click(function(){
		    $(".ctl-button").removeClass("active");
        $(this).addClass("active");
				var id = $.trim($(this).attr("id"));
				show_html(id);
		});
});