function loadCss(file, id){
	var cssTag = document.getElementById(id);
	var head = document.getElementsByTagName("head")[0];
	if(cssTag) head.removeChild(cssTag);
	css = document.createElement('link');
	css.href = file;
	css.rel = 'stylesheet';
	css.type = 'text/css';
	css.id = id;
	head.appendChild(css);
}




function loadJs(file, id, callback){
	var scriptTag = document.getElementById(id);
	var head = document.getElementsByTagName("head")[0];
	if(scriptTag) head.removeChild(scriptTag);
	script = document.createElement('script');
	script.src = file;
	script.type = 'text/javascript';
	script.id = id;
	head.appendChild(script);

    script.onreadystatechange = function () {
		if (script.readyState == 'complete' || script.readyState == 'loaded' || script.readyState == 'interactive') {
			jQuery(document).ready(function(){
			callback();
			});
        }
    }
	script.onload = function () {
		jQuery(document).ready(function(){
		callback();
		});
	}
}

loadCss("/css/autocomplete.css", "kxapi_autocomplete");
loadCss("/css/kxsearch.css", "kxapi_search");
loadJs("/js/all_utf-8.js","kxapi_all_utf-8", 	function(){
		var kxapicon = '<div id=\"kx_search\" class=\"kx_yui-skin-sam\" style=\"width:700px;height:85px;\">    	<div class=\"kx_content\" style=\"height:80px;border:1px #BFBFBF solid\">				<form id=\"sjipiao\" name=\"sjipiao\" method=\"get\" action=\"search.asp\" accept-charset=\"utf-8\" onsubmit=\"return kx_check_jipiao();\" >	   	<table id=\"kx_jipiao_table\" class=\"kx_table\" width=\"100%\" height=\"75\">			<tr>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">出发城市</p>					<div class=\"kx_text kx_autocomplete\" id=\"api_jipiao_frmcity_div\">						<a target=\"_self\" class=\"kx_img\"  href=\"javascript:KXshowHotCity(\'kx_jipiao_frm_a\',\'api_jipiao_frmcity\',\'hengfu\',\'jipiao\');\" id=\"kx_jipiao_frm_a\"  title=\"选择热门城市\"><img src=\"http://bdoem.kuxun.cn/api/img/kx_cs.gif\" /></a>						<input class=\"kx_input\" type=\"text\" name=\"t\" id=\"api_jipiao_frmcity\" value=\"北京\" autocomplete=\"off\" onfocus=\"KXhideHotCity();\"/>						<input type=\"hidden\" name=\"From\" id=\"From\" value=\"\" />						<div id=\"container1\"></div>					</div>				</td>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">到达城市</p>					<div class=\"kx_text kx_autocomplete\" id=\"api_jipiao_tocity_div\">						<a target=\"_self\"  class=\"kx_img\" href=\"javascript:KXshowHotCity(\'kx_jipiao_to_a\',\'api_jipiao_tocity\',\'hengfu\',\'jipiao\');\" id=\"kx_jipiao_to_a\"  title=\"选择热门城市\"><img src=\"http://bdoem.kuxun.cn/api/img/kx_cs.gif\" /></a>							<input class=\"kx_input\" type=\"text\" name=\"q\" id=\"api_jipiao_tocity\" value=\"上海\" autocomplete=\"off\" onfocus=\"KXhideHotCity();\" />							<input type=\"hidden\" name=\"to\" id=\"to\" value=\"\" />							<div id=\"container2\"></div>					</div>				</td>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">出发日期</p>					<div class=\"kx_text\">						<a target=\"_self\"  class=\"kx_date\" style=\"cursor:pointer;\" onclick=\"event.cancelBubble=true;kx_showCalendar(\'i-date\',false,\'i-date\', null, calcallback);KXhideHotCity();\" style=\"cursor:pointer;\"><img id=\"fromDateImg\" title=\"选择日期\" alt=\"选择日期\" src=\"http://bdoem.kuxun.cn/api/img/kx_rili.gif\" border=\"0\" /></a>						<input class=\"kx_input f13\" type=\"text\" name=\"date\" autocomplete=\"off\" id=\"i-date\" onclick=\"kx_showCalendar(\'i-date\',false,\'i-date\', null, calcallback);event.cancelBubble=true;\" readonly=\"readonly\" />					</div>				</td>				<td style=\"display:none;\" width=\"20%\" valign=\"middle\"> 					<p class=\"kx_h1\"><input class=\"kx_checkbox\" type=\"checkbox\" onclick=\"kx_changeAirType(this)\" /><label for=\"return\">返程日期</label></p>					<div class=\"kx_text\" id=\"kx_redate\" style=\"display:none;\">						<a target=\"_self\"  style=\"cursor:pointer;\" class=\"kx_date\" onclick=\"event.cancelBubble=true;kx_showCalendar(\'i-date2\',false,\'i-date2\', null, calcallback,\'i-date\');KXhideHotCity();\" style=\"cursor:pointer;\"><img id=\"fromDateImg\" title=\"选择日期\" alt=\"选择日期\" src=\"http://bdoem.kuxun.cn/api/img/kx_rili.gif\" border=\"0\" /></a>												<input class=\"kx_input f13\" id=\"i-date2\" name=\"Rtdate\"  type=\"text\" onclick=\"event.cancelBubble=true;kx_showCalendar(\'i-date2\',false,\'i-date2\', null, calcallback,\'i-date\');\" readonly autocomplete=\"off\" />						<input type=\"hidden\" id=\"kx_airtype\" name=\"type\" value=\"1\" />					</div>					<div class=\"kx_text\" id=\"kx_redate1\" disabled style=\"background:#E8E8E8;\">					</div>				</td>				<td width=\"20%\" valign=\"middle\" class=\"kx_table_sub\">					<input type=\"hidden\" name=\"fromid\" value=\"Kuwxl-S1099861\" />					<input style=\"width:120px;\" class=\"kx_submit\" type=\"submit\" value=\"特价机票搜索\" />									</td>			</tr>		</table>    </form>		<!--酒店-->		<form method=\"get\" name=\"hotelform\"  action=\"http://hotel.kuxun.cn/search.php\" onsubmit=\"return kx_check_hotel();\" target=\"_blank\" style=\"display:none;\">		<table id=\"kx_hotel_table\" class=\"kx_table\" width=\"100%\" height=\"75px\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\" style=\"display:none;\">			<tr>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">城市</p>					<div class=\"kx_text kx_autocomplete\" id=\"kx_hotel_city_div\">						<a target=\"_self\"  id=\"kx_hotel_a\"  class=\"kx_img\" href=\"javascript:KXshowHotCity(\'kx_hotel_a\',\'kx_hotel_city\',\'hengfu\',\'hotel\');\"  title=\"选择热门城市\"><img src=\"http://bdoem.kuxun.cn/api/img/kx_cs.gif\" /></a>						<input id=\"kx_hotel_city\" class=\"kx_input\" name=\"city\" type=\"text\" value=\"\" onfocus=\"KXhideHotCity();\" autocomplete=\"off\" />						<div id=\"container3\"></div>					</div>				</td>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">入住日期</p>					<div class=\"kx_text\">						<a target=\"_self\"  href=\"#\" class=\"kx_date\" style=\"background:url(http://bdoem.kuxun.cn/api/img/kx_rili.gif) no-repeat\" onclick=\"event.cancelBubble=true;kx_showCalendar(\'i-startdate\',false,\'i-startdate\', null, calcallback);KXhideHotCity();\" style=\"cursor:pointer;\"></a>						<input class=\"kx_input f13\" type=\"text\" name=\"date\" autocomplete=\"off\" id=\"i-startdate\" onclick=\"kx_showCalendar(\'i-startdate\',false,\'i-startdate\', null, calcallback);event.cancelBubble=true;kx_\" readonly=\"readonly\" />					</div>				</td>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">离店日期</p>					<div class=\"kx_text\" id=\"kx_redate\">						<a target=\"_self\"  href=\"#\" class=\"kx_date\" onclick=\"event.cancelBubble=true;kx_showCalendar(\'i-enddate\',false,\'i-enddate\', null, calcallback,\'i-startdate\');KXhideHotCity();\" style=\"cursor:pointer;\"><img id=\"fromDateImg\" title=\"选择日期\" alt=\"选择日期\" src=\"http://bdoem.kuxun.cn/api/img/kx_rili.gif\" border=\"0\" /></a>												<input id=\"i-enddate\" class=\"kx_input f13\" name=\"enddate\"  type=\"text\" onclick=\"event.cancelBubble=true;kx_showCalendar(\'i-enddate\',false,\'i-enddate\', null, calcallback,\'i-startdate\');\" readonly autocomplete=\"off\" />					</div>				</td>				<td width=\"20%\" valign=\"middle\">					<p class=\"kx_h1\">位置/酒店名称</p>					<div class=\"kx_text kx_autocomplete\">						<input class=\"kx_input\" type=\"text\"  id=\"input03\" name=\"hotel\" />					</div>				</td>				<td width=\"20%\" valign=\"middle\" class=\"kx_table_sub\">					<input type=\"hidden\" name=\"fromid\" value=\"Kuwxl-S1095951_jd\" />					<input class=\"kx_submit\" type=\"submit\" value=\"酒店搜索\" />									</td>			</tr>		</table>	</form>		<!--火车票-->		<form name=\"huochepiao\" method=\"GET\" action=\"http://skb.kuxun.cn/search.php\" onsubmit=\"return kx_check_ticket();\" target=\"_blank\" style=\"display:none;\">		<table id=\"kx_skb_table\" style=\"display:none;\" class=\"kx_table\" width=\"100%\" height=\"75px\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">			<tr>				<td width=\"30%\" valign=\"middle\">					<p class=\"kx_h1\">出发城市</p>					<div class=\"kx_text kx_autocomplete\" id=\"kx_skb_frmcity_div\">						<a target=\"_self\"  id=\"kx_skb_from_a\" class=\"kx_img\" href=\"javascript:KXshowHotCity(\'kx_skb_from_a\',\'kx_skb_frmcity\',\'hengfu\',\'skb\');\"  title=\"选择热门城市\"><img src=\"http://bdoem.kuxun.cn/api/img/kx_cs.gif\" /></a>						<input id=\"kx_skb_frmcity\" class=\"kx_input\" type=\"text\" name=\"From\" onfocus=\"KXhideHotCity();\" autocomplete=\"off\" />						<div id=\"container4\"></div>					</div>				</td>				<td width=\"40%\" valign=\"middle\">					<p class=\"kx_h1\">目的城市或车次</p>					<div class=\"kx_text kx_autocomplete\" id=\"kx_skb_tocity_div\">						<a target=\"_self\"  id=\"kx_skb_to_a\" class=\"kx_img\" href=\"javascript:KXshowHotCity(\'kx_skb_to_a\',\'kx_skb_tocity\',\'hengfu\',\'skb\');\"  title=\"选择热门城市\"><img src=\"http://bdoem.kuxun.cn/api/img/kx_cs.gif\" /></a>						<input id=\"kx_skb_tocity\" class=\"kx_input\" type=\"text\" name=\"q\" value=\"\" onfocus=\"KXhideHotCity();\" autocomplete=\"off\"/>						<div id=\"container5\"></div>					</div>				</td>				<td width=\"30%\" valign=\"middle\" class=\"kx_table_sub\">					<input type=\"hidden\" name=\"T\" value=\"Train\" />					<input type=\"hidden\" name=\"fromid\" value=\"Kuwxl-S1095951_hc\" />					<input class=\"kx_submit\" type=\"submit\" value=\"查询时刻表\" />				</td>			</tr>		</table>	</form>			<iframe id=\"kx_ifmbg_hotcity\" style=\"display:none;position:absolute;z-index:90;width:282px;height:180px;\" frameborder=\"no\"></iframe>			<div id=\"kx_hotCity\" style=\"display:none;z-index:100;position:absolute;float:left;\">			<div id=\"kx_hotCity_content\" class=\"kx_hotCity_content\">				<h6 class=\"h6\"><img class=\"kx_close\" src=\"http://bdoem.kuxun.cn/api/img/close.gif\" onclick=\"KXhideHotCity();\" />热门城市</h6>				<ul class=\"kx_tc_ul\">					<li><a target=\"_self\">北京</a></li><li><a target=\"_self\">上海</a></li><li><a target=\"_self\">广州</a></li><li><a target=\"_self\">深圳</a></li><li><a target=\"_self\">成都</a></li>					<li><a target=\"_self\">重庆</a></li><li><a target=\"_self\">西安</a></li><li><a target=\"_self\">杭州</a></li><li><a target=\"_self\">南京</a></li><li><a target=\"_self\">沈阳</a></li>					<li><a target=\"_self\">天津</a></li><li><a target=\"_self\">武汉</a></li><li><a target=\"_self\">大连</a></li><li><a target=\"_self\">青岛</a></li><li><a target=\"_self\">长沙</a></li>					<li><a target=\"_self\">昆明</a></li><li><a target=\"_self\">长春</a></li><li><a target=\"_self\">郑州</a></li><li><a target=\"_self\">海口</a></li><li><a target=\"_self\">合肥</a></li>					<li><a target=\"_self\">济南</a></li><li><a target=\"_self\">福州</a></li><li><a target=\"_self\">哈尔滨</a></li><li><a target=\"_self\">乌鲁木齐</a></li>				</ul>			</div>		</div>		  <iframe id=\"kx_ifmbg_rili\" style=\"display:none;position:absolute;z-index:90;width:363px;height:185px;\" frameborder=\"no\"></iframe>	  <div id=\"CalFrame\" name=\"CalFrame\" style=\"display:none;position:absolute;z-index:100;float:left;\" >		  <div id=\"yiying\">			<div id=\"rq\">				<div class=\"title\">					<em id=\"prev\"><img class=\"apileft\" src=\"http://bdoem.kuxun.cn/api/calendar2/image/blank_bg.gif\" /></em>					<span id=\"minfo\"></span>					<em id=\"next\"><a target=\"_self\" href=\'javascript:drawTitle(yy,mm+2);drawCalendar(yy,mm+2,\"d\");drawCalendar(yy,mm-1,\"b\");\'><img class=\"apileft\" src=\"http://bdoem.kuxun.cn/api/calendar2/image/rq_bg2.gif\" /></a></em>					<a target=\"_self\" href=\"javascript:kx_hideCalendar();\"><img class=\"apiright\" src=\"http://bdoem.kuxun.cn/api/calendar2/image/rq_bg3.gif\"/></a>				</div>				<div class=\"yue\">					<div class=\"week\">						<font color=\"red\">日</font>&nbsp;一&nbsp;二&nbsp;三&nbsp;四&nbsp;五&nbsp;<font color=\"green\">六</font>	            	</div>					<p id=\"leftcal\">											<script language=javascript>					<!--//					var str = \"\";					for(i = 0; i < 6; i++) {						for(j = 1; j <= 7; j++) {		                    str += \"<var id=b\" + (i * 7 + j) + \"></var>\";		                }					}					document.write(str);					//-->					</script>											</p>				</div>				<div class=\"yue border\">					<div class=\"week\">		                <font color=\"red\">日</font>&nbsp;一&nbsp;二&nbsp;三&nbsp;四&nbsp;五&nbsp;<font color=\"green\">六</font>					</div>					<p id=\"rightcal\">											<script language=javascript>					<!--//					var str = \"\";					for(i = 0; i < 6; i++) {						for(j = 1; j <= 7; j++) {		                    str += \"<var id=d\" + (i * 7 + j) + \"></var>\";		                }					}					document.write(str);					//-->					</script>											</p>				</div>			</div>  		</div>	</div> <!-- end of divid= CalFrame-->  </div><!--end of divid = kx_content--></div><!--end of divid = kx_search--><script>		</script>';
		jQuery("#kxbox").html(kxapicon);
		kx_initDate();
		//showRadioByType(1);
		if (typeof YAHOO != 'undefined')
			KX.AC.init(KX.AC.mychannels);
		kx_drawfuc();
		kx_resizeCalendar();
	});


