/hosting/home/nonun/public_html/mashup/index.html.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Lifepod mashup</title>
<style type="text/css">
v\:* {
        behavior:url(#default#VML);
}
</style>
<style type="text/css" media="all">@import "main.css";</style>
<script type="text/javascript">
<!--
//구글맵 API 키
var gmapAPIKey;
if (document.location.host.match('lifepod'))
        gmapAPIKey='ABQIAAAA7hd66PfqLKjzMuTDgDzbJhSdwxAA-wj6qkLRJ81zPw7S-hC4IRQkFfRQwAyZVP29J9EDUzI3gZ2cDw';
else
        gmapAPIKey='ABQIAAAA7hd66PfqLKjzMuTDgDzbJhT7wdEOpZk4Dma17AWaG21K6bsMFxSWAR6SNBHlNOEGo7ncFx0FuUMnTQ';

document.write('<script src="http://maps.google.com/maps?file=api&v=2&key='+gmapAPIKey+'" type="text/javascript"></s'+'cript>');
-->
</script>
<script src="airport.js" type="text/javascript"></script>
<script type="text/javascript">
<!--

//브라우저 체크
var _isIE=navigator.userAgent.toLowerCase().match(/msie/);
var _isSafari=(navigator.userAgent.match(/Safari/i))?true:false;

var gmap;

function load() {
        if (GBrowserIsCompatible()) {
                gmap=new MashMap('map');
        }
}

//윈도우 이벤트 등록
addEvent(window, 'load', load);
addEvent(window, 'unload', GUnload);


//이동
function go(airport) {
        if (airport) {
                gmap.go(airport);
                gmap.ajaxRequest('DAUM_flight', 'search='+airports[airport].title, flightList);
                gmap.ajaxRequest('NAVER_book'/*DAUM_book*/, 'search='+airports[airport].country, bookList);
                gmap.ajaxRequest('NAVER_blog', 'search='+airports[airport].country+' 여행', naverBlogList);
                gmap.ajaxRequest('DAUM_blog', 'search='+airports[airport].country+' 여행', daumBlogList);
                gmap.ajaxRequest('DAUM_cafe', 'search='+airports[airport].country+' 여행', daumCafeList);
                gmap.ajaxRequest('NAVER_kin', 'search='+airports[airport].country+' 여행', naverKinList);
                gmap.ajaxRequest('DAUM_knowledge', 'search='+airports[airport].country+' 여행', daumKnowledgeList);
                gmap.ajaxRequest('DAUM_tourProduct', 'search='+airports[airport].title, tourProductList);
        }
}

//포스트잇 레이어 얻기, 없으면 생성하기
var _postit={};
var _postitZIndex=0;
function getPostit(id) {
        if (!_postit[id]) {
                var cnt=0;
                for (var key in _postit)
                        cnt++;
                _postit[id]=appendNew($('div_postit_container'), 'DIV', null, 'postit');
                _postit[id].style.top=Math.floor(cnt/4)*_postit[id].offsetHeight+Math.round((Math.random()-0.5)*30)+(cnt>3?-30:0)+'px';
                _postit[id].style.left=Math.round(-60+(cnt%4)*(_postit[id].offsetWidth-10)+Math.round((Math.random()-0.7)*20)+(cnt>3?_postit[id].offsetWidth/5:0))+'px';
                _postit[id].style.zIndex=++_postitZIndex;
                appendNew(_postit[id], 'DIV', null, 'postit_bg '+id);
                appendNew(_postit[id], 'DIV', null, 'postit_container');

                addEvent(_postit[id], 'mouseover', visiblePostit);
        }
        truncate(_postit[id].lastChild);
        return _postit[id].lastChild;
}

//포스트잇 맨 위로
function visiblePostit(e) {
        var div=oFindParentByClassName(eventSrc(e), 'postit');
        if (!div) return;
        div.style.zIndex=++_postitZIndex;
}


//네이버 블로그 RSS
function naverBlogList(data) {
        if (!data || !data.channel || !data.channel[0] || !data.channel[0].item) return;
        var div=getPostit('naver_blog');
        if (!div) return;
        rssListDraw(div, data.channel[0]);
}

//다음 블로그 RSS
function daumBlogList(data) {
        if (!data || !data.channel || !data.channel[0] || !data.channel[0].item) return;
        var div=getPostit('daum_blog');
        if (!div) return;
        rssListDraw(div, data.channel[0]);
}

//다음 카페 RSS
function daumCafeList(data) {
        if (!data || !data.channel || !data.channel[0] || !data.channel[0].item) return;
        var div=getPostit('daum_cafe');
        if (!div) return;
        rssListDraw(div, data.channel[0]);
}

//네이버 지식인 RSS
function naverKinList(data) {
        if (!data || !data.channel || !data.channel[0] || !data.channel[0].item) return;
        var div=getPostit('naver_kin');
        if (!div) return;
        rssListDraw(div, data.channel[0]);
}

//다음 신지식 RSS
function daumKnowledgeList(data) {
        if (!data || !data.channel || !data.channel[0] || !data.channel[0].item) return;
        var div=getPostit('daum_knowledge');
        if (!div) return;
        rssListDraw(div, data.channel[0]);
}

//공용 RSS 그리기
function rssListDraw(div, data) {
        var cnt=data['item'].length;
        var items=data['item'];
        for (var i=0; i < cnt; i++) {
                var node=appendNew(div, 'DIV', '<a href="'+items[i]['link'][0]+'" target="_blank">'+items[i]['title'][0]+'</a>', 'node');
                node.title=items[i]['description'][0].replace(/<[^>]+>/g, '');
        }
}

//할인항공권 검색
function flightList(data) {
        var div=getPostit('daum_flight');
        if (!div) return;

        if (!data || !data['item'] || !data['item'][0]) {
                div.innerHTML='할인항공권 검색 결과가 없습니다';
                return;
        }

        var items=data['item'];
        for (var i=0; i < items.length; i++)
                var node=appendNew(div, 'DIV', '<a href="javascript:;" onclick="flightPop(\''+items[i]['url'][0]+'\')"><span class="money">'+numberFormat(items[i]['cost'][0])+'원</span>['+items[i]['airline'][0]+' '+items[i]['nation'][0]+']<br>'+items[i]['arean'][0]+' '+items[i]['direct'][0]+'</a>', 'node');
}

//할인항공권 팝업
function flightPop(url) {
        var wleft = screen.availWidth/2-250;
        var wtop = screen.availHeight/2-300;
        var newWinB = window.open(url, 'ScannedFareDetail', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=no,copyhistory=no,width=475,height=560,left='+wleft+',top='+wtop);
        if (newWinB)
                newWinB.focus();
        else
                alert('팝업을 허용해 주세요');
}

//여행상품 검색
function tourProductList(data) {
        var div=getPostit('daum_tourProduct');
        if (!div) return;

        if (!data || !data['item'] || !data['item'][0]) {
                div.innerHTML='여행상품 검색 결과가 없습니다';
                return;
        }

        var items=data['item'];
        for (var i=0; i < items.length; i++)
                var node=appendNew(div, 'DIV', '<a href="'+items[i]['url'][0]+'" target="_blank"><span class="money">'+numberFormat(items[i]['pcost'][0])+'원</span>['+items[i]['corp'][0]+' '+items[i]['gbn'][0]+']<br><span class="floatRight">'+(items[i]['period']?items[i]['period'][0]:'')+'</span>'+items[i]['pname'][0]+'</a>', 'node');
}

//책검색
function bookList(data) {
        var div=getPostit('naver_book');
        if (!div) return;

        //다음 책검색 그리기
        function bookListDrawDAUM(div, data) {
                if (!data || !data['item'] || !data['item'][0]) {
                        div.innerHTML='관련 도서 검색 결과가 없습니다';
                        return;
                }

                var cnt=data['item'].length;
                var items=data['item'];
                for (var i=0; i < cnt; i++) {
                        var node=appendNew(div, 'DIV', '<a href="'+items[i]['link'][0]+'" target="_blank"><img class="book" src="'+items[i]['cover_s_url'][0]+'"><span class="money">'+numberFormat(items[i]['sale_price'][0])+'원</span>'+items[i]['title'][0]+'</a><div style="clear:both"></div>', 'node');
                }
        }

        //네이버 책검색 그리기
        function bookListDrawNAVER(div, data) {
                if (!data || !data['channel'] || !data['channel'][0] || !data['channel'][0]['item']) return;
                if (data['channel'][0]['item'].length <= 0) {
                        div.innerHTML='관련 도서 검색 결과가 없습니다';
                        return;
                }

                var cnt=parseInt(data['channel'][0]['item'].length);
                if (isNaN(cnt)) cnt=0;

                var items=data['channel'][0]['item'];
                for (var i=0; i < cnt; i++) {
                        var node=appendNew(div, 'DIV', '<a href="'+items[i]['link'][0]+'" target="_blank"><img class="book" src="'+items[i][(_isSafari?'img':'image')][0]+'"><span class="money">'+numberFormat(items[i]['discount'][0])+'원</span>'+items[i]['title'][0]+'</a><div style="clear:both"></div>', 'node');
                        node.title=items[i]['description'][0].replace(/<[^>]+>/g, '');
                }
        }

        //bookListDrawDAUM(div, data);
        bookListDrawNAVER(div, data);
}

-->
</script>

</head>
<body>
<div class="center">
        <div class="body_container">
                <!-- 상단 -->
                <div>
                        <img src="img/header.gif" alt="Daum과 Naver가 함께하는 여행정보 ㄳ" />
                        <div class="question">
                                <div class="plane_container"><div class="plane"></div></div>
<script type="text/javascript">
<!--
document.write('<select onchange="go(this.value);this.blur();"><option value="">선택하세요</option>');

var _country='';
for (var key in airports) {
        if (key == 'ICN')
                continue;
        if (airports[key].country != _country) {
                if (_country)
                        document.write('</optgroup>');
                document.write('<optgroup label="'+airports[key].country+'">');
                _country=airports[key].country;
        }
        document.write('<option value="'+key+'">'+airports[key].title+'</option>');
}
document.write('</optgroup></select>');
-->
</script>
                        </div>
                </div>

                <!-- 하단 -->
                <div class="footer">
                        <span class="floatLeft">
                                소스(<a href="index.html.html">index.html</a>, <a href="main.css.html">main.css</a>, <a href="airport.js.html">airport.js</a>, <a href="ajax.html.html">ajax.html</a>)
                        </span>
                        Powered by
<script type="text/javascript">
<!--
var _foot=['<a href="http://www.daum.net/"; target="_blank">Daum</a>', '<a href="http://www.naver.com"; target="_blank">Naver</a>'];
var _tmp=Math.ceil(Math.random()*100000000);
document.write(_foot[_tmp%2]+' , '+_foot[1-(_tmp%2)]);
-->
</script>
                        , <a href="http://www.google.co.kr" target="_blank">Google</a>
                        <span class="desc">(표시순서는 랜덤이니 삐지지 마세요)</span>
                </div>

                <!-- 지도 -->
                <div class="map_container">
                        <div id="map"></div>
                        <div class="clear"></div>
                </div>

                <!-- 포스트잇 컨테이너 -->
                <div>
                        <div id="div_postit_container"></div>
                </div>
        </div>
</div>
</body>
</html>