function run_player(){
        var videos = [{"id":"1","title":"test01","youtube_url":"https:\/\/www.youtube.com\/watch?v=WVI26f0diYs","img_url":null,"logo_url":"http:\/\/www.minijob.com.tw\/wp-content\/plugins\/videonova\/uploads\/1405399757-seo_killer_box.png","video_ad_id":"1","html_overlay_id":"1","survey_id":"0","is_autoplay":"0","has_controls":"1","guid":"D4A2F3D7-1E84-5C25-6963-4547DC06A380","video_ad_seconds":"23","html_overlay_seconds":"28","survey_seconds":"0","banner_seconds":"15","banner_interval":"0","is_fb_like":"0"},{"id":"2","title":"005","youtube_url":"https:\/\/www.youtube.com\/watch?v=Mja0bICbV3o","img_url":null,"logo_url":null,"video_ad_id":"0","html_overlay_id":"0","survey_id":"0","is_autoplay":"0","has_controls":"0","guid":"008BFFF9-505B-BA66-A8A5-5D2CB3D4B224","video_ad_seconds":"0","html_overlay_seconds":"0","survey_seconds":"0","banner_seconds":"23","banner_interval":"0","is_fb_like":"0"}];
        var video_ads = [{"id":"1","title":"test001","youtube_url":"https:\/\/www.youtube.com\/watch?v=Vjcje24KlCQ","redirect_url":"http:\/\/www.minijob.com.tw\/"}];
        var html_overlays = [{"id":"1","title":"gp","content":"<table width=\"600\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">\r\n  <tr>\r\n    <td align=\"center\"><img src=\"http:\/\/www.minijob.com.tw\/ads\/images\/01.jpg\" width=\"600\" height=\"344\" \/><\/td>\r\n  <\/tr>\r\n  <tr>\r\n    <td align=\"center\"><style type=\"text\/css\">\r\n    #WFItem5125905 html {\r\n        color:#000 !important;\r\n        background:#FFF !important;\r\n    }\r\n    #WFItem5125905 body, #WFItem5125905 div, #WFItem5125905 dl, #WFItem5125905 dt, #WFItem5125905 dd, #WFItem5125905 ul, #WFItem5125905 ol, #WFItem5125905 li, #WFItem5125905 h1, #WFItem5125905 h2, #WFItem5125905 h3, #WFItem5125905 h4, #WFItem5125905 h5, #WFItem5125905 h6, #WFItem5125905 pre, #WFItem5125905 code, #WFItem5125905 form, #WFItem5125905 fieldset, #WFItem5125905 legend, #WFItem5125905 input, #WFItem5125905 textarea, #WFItem5125905 p, #WFItem5125905 blockquote, #WFItem5125905 th, #WFItem5125905 td {\r\n        margin-left:0 !important;\r\n        margin-right:0 !important;\r\n        margin-top:0 !important;\r\n        margin-bottom:0 !important;\r\n        padding-left:0 !important;\r\n        padding-bottom:0 !important;\r\n        padding-right:0 !important;\r\n        padding-top:0 !important;\r\n        width:auto !important;\r\n        background-image:none !important;\r\n        box-sizing:content-box !important;\r\n        -webkit-box-sizing:content-box !important;\r\n        -moz-box-sizing:content-box !important;\r\n    }\r\n    #WFItem5125905 div, #WFItem5125905 dl, #WFItem5125905 dt, #WFItem5125905 dd, #WFItem5125905 ul, #WFItem5125905 ol, #WFItem5125905 li, #WFItem5125905 h1, #WFItem5125905 h2 {\r\n        border:none !important;\r\n        background:none !important;\r\n        float:none !important;\r\n        width:auto !important;\r\n        -moz-box-shadow:0 !important;\r\n        -webkit-box-shadow:0 !important;\r\n        box-shadow:0 !important;\r\n        text-indent:inherit !important;\r\n        position:static !important;\r\n        visibility:inherit !important;\r\n    }\r\n    #WFItem5125905 table {\r\n        border-collapse:collapse !important;\r\n        border-spacing:0 !important;\r\n    }\r\n    #WFItem5125905 fieldset, #WFItem5125905 img {\r\n        border:0 !important;\r\n    }\r\n    #WFItem5125905 address, #WFItem5125905 caption, #WFItem5125905 cite, #WFItem5125905 code, #WFItem5125905 dfn, #WFItem5125905 em, #WFItem5125905 th, #WFItem5125905 var {\r\n        font-style:normal !important;\r\n        font-weight:normal !important;\r\n    }\r\n    #WFItem5125905 strong {\r\n        font-style:normal !important;\r\n        font-weight:bold !important;\r\n    }\r\n    #WFItem5125905 em {\r\n        font-style:italic !important;\r\n        font-weight:normal !important;\r\n        position:static !important;\r\n    }\r\n    #WFItem5125905 li {\r\n        list-style:none !important;\r\n    }\r\n    caption, #WFItem5125905 th {\r\n        text-align:left !important;\r\n    }\r\n    #WFItem5125905 h1, #WFItem5125905 h2, #WFItem5125905 h3, #WFItem5125905 h4, #WFItem5125905 h5, #WFItem5125905 h6 {\r\n        font-size:100% !important;\r\n        font-weight:normal !important;\r\n    }\r\n    #WFItem5125905 q:before, #WFItem5125905 q:after {\r\n        content:\" \" !important;\r\n    }\r\n    #WFItem5125905 abbr, #WFItem5125905 acronym {\r\n        border:0 !important;\r\n        font-variant:normal !important;\r\n    }\r\n    #WFItem5125905 sup {\r\n        vertical-align:text-top !important;\r\n    }\r\n    #WFItem5125905 sub {\r\n        vertical-align:text-bottom !important;\r\n    }\r\n    #WFItem5125905 input, #WFItem5125905 textarea, #WFItem5125905 select {\r\n        font-family:inherit !important;\r\n        font-size:inherit !important;\r\n        font-weight:inherit !important;\r\n        height:auto !important;\r\n        line-height:auto !important;\r\n    }\r\n    #WFItem5125905 input, #WFItem5125905 textarea, #WFItem5125905 select {\r\n        *font-size:100% !important;\r\n    }\r\n    #WFItem5125905 legend {\r\n        color:#000 !important;\r\n    }\r\n    #WFItem5125905 .clearfix:after {\r\n        visibility: hidden !important;\r\n        display: block !important;\r\n        font-size: 0 !important;\r\n        content:\" \" !important;\r\n        clear: both !important;\r\n        height: 0 !important;\r\n    }\r\n    #WFItem5125905 .clearer {\r\n        display: block !important;\r\n        clear:both !important;\r\n        font-size:0.1px !important;\r\n        height:0.1px !important;\r\n        line-height:0.1px !important;\r\n        width:100% !important;\r\n    }\r\n    #WFWrapper .close {\r\n        background:url(https:\/\/app.getresponse.com\/images\/common\/highslide\/close.png) repeat scroll 0 0 transparent !important;\r\n        cursor:pointer !important;\r\n        height:30px !important;\r\n        position:absolute !important;\r\n        right:-15px !important;\r\n        top:-15px !important;\r\n        width:30px !important;\r\n        z-index:1 !important;\r\n    }\r\n    #wfCloseX {\r\n        background:url(https:\/\/app.getresponse.com\/images\/common\/highslide\/close.png) repeat scroll 0 0 transparent !important;\r\n        cursor:pointer !important;\r\n        height:30px !important;\r\n        position:absolute !important;\r\n        right:0 !important;\r\n        top:0 !important;\r\n        width:30px !important;\r\n        z-index:1 !important;\r\n        cursor:pointer !important;\r\n    }\r\n    #WFItem5125905 .clrB {\r\n        clear:both !important;\r\n        text-align:left !important;\r\n    }\r\n    #WFItem5125905 * html .clearfix {\r\n        zoom: 1 !important;\r\n    }\r\n    #WFItem5125905 *:first-child+html .clearfix {\r\n        zoom: 1 !important;\r\n    }\r\n    #WFItem5125905 .wf-contbox {\r\n        width:100% !important;\r\n    }\r\n    .wf-formTpl li:before {\r\n        content:\" \" !important;\r\n    }\r\n    #WFItem5125905 form {\r\n        display:inline-block !important;\r\n        width:100% !important;\r\n    }\r\n    #WFItem5125905 label {\r\n        margin:0 !important;\r\n    }\r\n    #WFItem5125905 p {\r\n        line-height:18px !important;\r\n        font-size:11px !important;\r\n    }\r\n    #WFItem5125905 input[type=\"submit\"] {\r\n        cursor:pointer !important;\r\n        text-shadow:none !important;\r\n        filter:none !important;\r\n        float:none !important;\r\n        text-transform:none !important;\r\n        letter-spacing:0 !important;\r\n        white-space: nowrap !important;\r\n        word-wrap:normal !important;\r\n    }\r\n    #WFItem5125905 .wf-label {\r\n        word-break: normal !important;\r\n        width: auto !important;\r\n        float: none !important;\r\n        width: auto !important;\r\n    }\r\n    #WFItem5125905 {\r\n        width:230px !important;\r\n    }\r\n    #WFItem5125905 {\r\n        color: #555555 !important;\r\n        font-family: Arial, Helvetica, sans-serif !important;\r\n        font-size: 12px !important;\r\n    }\r\n    #WFItem5125905 .wf-body li {\r\n        padding: 10px 15px !important;\r\n        clear: both !important;\r\n    }\r\n    #WFItem5125905 .actTinyMceElBodyContent ul li {\r\n        padding: 3px !important;\r\n        list-style-type: disc !important;\r\n    }\r\n    #WFItem5125905 .actTinyMceElBodyContent ol li {\r\n        padding: 3px !important;\r\n        list-style-type: decimal !important;\r\n    }\r\n    #WFItem5125905 .actTinyMceElBodyContent ul {\r\n        margin-left: 20px !important;\r\n    }\r\n    #WFItem5125905 .actTinyMceElBodyContent ol {\r\n        margin-left: 25px !important;\r\n    }\r\n    #WFItem5125905 .actTinyMceElBodyContent ol ol {\r\n        margin-top: 0 !important;\r\n        margin-bottom: 0 !important;\r\n    }\r\n    #WFItem5125905 .wf-body {\r\n        background-color: #F0F0F0 !important;\r\n        background-image: none !important;\r\n        background-position: left top !important;\r\n        background-repeat: no-repeat !important;\r\n        border-color: #92757d !important;\r\n        border-width: 0px !important;\r\n        border-style: none !important;\r\n        padding-left: 0 !important;\r\n        padding-right: 0 !important;\r\n        padding-top: 0 !important;\r\n        padding-bottom: 0 !important;\r\n        -webkit-border-top-left-radius: 0px !important;\r\n        -moz-border-radius-topleft: 0px !important;\r\n        border-top-left-radius: 0px !important;\r\n        -webkit-border-top-right-radius: 0px !important;\r\n        -moz-border-radius-topright: 0px !important;\r\n        border-top-right-radius: 0px !important;\r\n        -webkit-border-bottom-left-radius: 0px !important;\r\n        -moz-border-radius-bottomleft: 0px !important;\r\n        border-bottom-left-radius: 0px !important;\r\n        -webkit-border-bottom-right-radius: 0px !important;\r\n        -moz-border-radius-bottomright: 0px !important;\r\n        border-bottom-right-radius: 0px !important;\r\n    }\r\n    #WFItem5125905 .wf-header {\r\n        color: #2B93D3 !important;\r\n        background-color: #F5F5F5 !important;\r\n        background-image: none !important;\r\n        background-position: left top !important;\r\n        background-repeat: no-repeat !important;\r\n        border-color: #6b6262 !important;\r\n        border-width: 0px !important;\r\n        border-style: none !important;\r\n        padding-left: 10px !important;\r\n        padding-right: 10px !important;\r\n        padding-top: 20px !important;\r\n        padding-bottom: 0px !important;\r\n        display: block !important;\r\n        min-height: 32px !important;\r\n        -webkit-border-top-left-radius: 0px !important;\r\n        -moz-border-radius-topleft: 0px !important;\r\n        border-top-left-radius: 0px !important;\r\n        -webkit-border-top-right-radius: 0px !important;\r\n        -moz-border-radius-topright: 0px !important;\r\n        border-top-right-radius: 0px !important;\r\n        -webkit-border-bottom-left-radius: 0px !important;\r\n        -moz-border-radius-bottomleft: 0px !important;\r\n        border-bottom-left-radius: 0px !important;\r\n        -webkit-border-bottom-right-radius: 0px !important;\r\n        -moz-border-radius-bottomright: 0px !important;\r\n        border-bottom-right-radius: 0px !important;\r\n    }\r\n    #WFItem5125905 .wf-footer {\r\n        color: #2B93D3 !important;\r\n        background-color: #F0F0F0 !important;\r\n        background-image: none !important;\r\n        background-position: left top !important;\r\n        background-repeat: no-repeat !important;\r\n        border-color: #6b6262 !important;\r\n        border-width: 0px !important;\r\n        border-style: none !important;\r\n        padding-left: 10px !important;\r\n        padding-right: 10px !important;\r\n        padding-top: 10px !important;\r\n        padding-bottom: 10px !important;\r\n        display: block !important;\r\n        min-height: 25px !important;\r\n        -webkit-border-top-left-radius: 0px !important;\r\n        -moz-border-radius-topleft: 0px !important;\r\n        border-top-left-radius: 0px !important;\r\n        -webkit-border-top-right-radius: 0px !important;\r\n        -moz-border-radius-topright: 0px !important;\r\n        border-top-right-radius: 0px !important;\r\n        -webkit-border-bottom-left-radius: 0px !important;\r\n        -moz-border-radius-bottomleft: 0px !important;\r\n        border-bottom-left-radius: 0px !important;\r\n        -webkit-border-bottom-right-radius: 0px !important;\r\n        -moz-border-radius-bottomright: 0px !important;\r\n        border-bottom-right-radius: 0px !important;\r\n    }\r\n    #WFItem5125905 .wf-input {\r\n        padding: 2px 0 !important;\r\n        font-family: Arial !important;\r\n        font-size: 14px !important;\r\n        color: #000000 !important;\r\n        font-weight: normal !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n        background-color: #FFFFFF !important;\r\n        border-width: 1px !important;\r\n        border-color: #D9D9D9 !important;\r\n        border-style: solid !important;\r\n        width: 100% !important;\r\n        -webkit-border-top-left-radius: 8px !important;\r\n        -moz-border-radius-topleft: 8px !important;\r\n        border-top-left-radius: 8px !important;\r\n        -webkit-border-top-right-radius: 8px !important;\r\n        -moz-border-radius-topright: 8px !important;\r\n        border-top-right-radius: 8px !important;\r\n        -webkit-border-bottom-left-radius: 8px !important;\r\n        -moz-border-radius-bottomleft: 8px !important;\r\n        border-bottom-left-radius: 8px !important;\r\n        -webkit-border-bottom-right-radius: 8px !important;\r\n        -moz-border-radius-bottomright: 8px !important;\r\n        border-bottom-right-radius: 8px !important;\r\n    }\r\n    #WFItem5125905 .wf-input {\r\n        font-family: Arial !important;\r\n        font-size: 14px !important;\r\n        color: #555555 !important;\r\n        font-weight: normal !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n        background-color: #FFFFFF !important;\r\n        border-width: 1px !important;\r\n        border-color: #D9D9D9 !important;\r\n        border-style: solid !important;\r\n        width: 100% !important;\r\n        -webkit-border-top-left-radius: 8px !important;\r\n        -moz-border-radius-topleft: 8px !important;\r\n        border-top-left-radius: 8px !important;\r\n        -webkit-border-top-right-radius: 8px !important;\r\n        -moz-border-radius-topright: 8px !important;\r\n        border-top-right-radius: 8px !important;\r\n        -webkit-border-bottom-left-radius: 8px !important;\r\n        -moz-border-radius-bottomleft: 8px !important;\r\n        border-bottom-left-radius: 8px !important;\r\n        -webkit-border-bottom-right-radius: 8px !important;\r\n        -moz-border-radius-bottomright: 8px !important;\r\n        border-bottom-right-radius: 8px !important;\r\n    }\r\n    #WFItem5125905 .wf-label {\r\n        font-family: Arial !important;\r\n        font-size: 12px !important;\r\n        color: #555555 !important;\r\n        font-weight: bold !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n        padding-top: 3px !important;\r\n        padding-bottom: 3px !important;\r\n        padding-left: 0 !important;\r\n        padding-right: 3px !important;\r\n        display: block !important;\r\n    }\r\n    #WFItem5125905 .wf-button {\r\n        font-family: Arial !important;\r\n        font-size: 22px !important;\r\n        color: #FFFFFF !important;\r\n        font-weight: bold !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n        background-color: #0DBAFF !important;\r\n        background-image: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/gradient_top.png) !important;\r\n        border-width: 0px !important;\r\n        border-color: #000000 !important;\r\n        border-style: none !important;\r\n        padding-left: 16px !important;\r\n        padding-right: 16px !important;\r\n        padding-top: 8px !important;\r\n        padding-bottom: 8px !important;\r\n        -webkit-border-top-left-radius: 8px !important;\r\n        -moz-border-radius-topleft: 8px !important;\r\n        border-top-left-radius: 8px !important;\r\n        -webkit-border-top-right-radius: 8px !important;\r\n        -moz-border-radius-topright: 8px !important;\r\n        border-top-right-radius: 8px !important;\r\n        -webkit-border-bottom-left-radius: 8px !important;\r\n        -moz-border-radius-bottomleft: 8px !important;\r\n        border-bottom-left-radius: 8px !important;\r\n        -webkit-border-bottom-right-radius: 8px !important;\r\n        -moz-border-radius-bottomright: 8px !important;\r\n        border-bottom-right-radius: 8px !important;\r\n    }\r\n    #WFItem5125905 .wf-button:hover {\r\n        !important;\r\n    }\r\n    #WFItem5125905 .wf-submit {\r\n        text-align: center !important;\r\n    }\r\n    #WFItem5125905 .wf-labelpos {\r\n        float: none !important;\r\n        width: auto !important;\r\n        text-align: left !important;\r\n    }\r\n    #WFItem5125905 .wf-labelpos {\r\n        float:none !important;\r\n        width:auto !important;\r\n        text-align:left !important;\r\n        display:block !important;\r\n    }\r\n    #WFItem5125905 .wf-inputpos {\r\n        float: none !important;\r\n        width: auto !important;\r\n    }\r\n    #WFItem5125905 .wf-inputpos {\r\n        float:none !important;\r\n        width:auto !important;\r\n    }\r\n    #WFItem5125905 .wf-privacy {\r\n        font-family: Arial !important;\r\n        font-size: 12px !important;\r\n        color: #B8B8B8 !important;\r\n        font-weight: normal !important;\r\n        font-style: italic !important;\r\n        text-decoration: none !important;\r\n        text-align: center !important;\r\n    }\r\n    #WFItem5125905 .wf-privacyico {\r\n        padding: 4px 0 0 20px !important;\r\n        background: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/lock.png) no-repeat left center !important;\r\n    }\r\n    #WFItem5125905 .wf-counter {\r\n        font-family: Arial !important;\r\n        font-size: 12px !important;\r\n        color: #44454f !important;\r\n        font-weight: bold !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n        text-align: center !important;\r\n    }\r\n    #WFItem5125905 .wf-poweredby {\r\n        font-family: Arial !important;\r\n        font-size: 10px !important;\r\n        color: #B8B8B8 !important;\r\n        font-weight: normal !important;\r\n        font-style: italic !important;\r\n        text-decoration: none !important;\r\n        text-align: center !important;\r\n    }\r\n    #WFItem5125905 .wf-link {\r\n        font-family: Arial !important;\r\n        font-size: 12px !important;\r\n        color: #ffffff !important;\r\n        font-weight: normal !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n    }\r\n    #WFItem5125905 .wf-link:hover {\r\n        font-family: Arial !important;\r\n        font-size: 12px !important;\r\n        color: #ffffff !important;\r\n        font-weight: normal !important;\r\n        font-style: normal !important;\r\n        text-decoration: none !important;\r\n    }\r\n    #WFItem5125905 .wf-text {\r\n        font-family: Arial !important;\r\n        font-size: 12px !important;\r\n        color: #B8B8B8 !important;\r\n    }\r\n    #WFItem5125905 .wf-divider {\r\n        border-top-width: 1px !important;\r\n        border-color: #ffffff !important;\r\n        border-style: solid !important;\r\n    }\r\n    #WFItem5125905 .wf-image {\r\n        text-align: center !important;\r\n    }\r\n    #WFItem5125905 .wf-privacylink {\r\n        color: #B8B8B8 !important;\r\n        font-style: italic !important;\r\n    }\r\n    #WFItem5125905 .wf-poweredbylink {\r\n        color: #B8B8B8 !important;\r\n        font-style: italic !important;\r\n    }\r\n    #WFItem5125905 .wf-imgbox {\r\n        overflow: hidden !important;\r\n    }\r\n    #WFItem5125905 .wf-rc-reload {\r\n        display: inline-block !important;\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        overflow: hidden !important;\r\n        text-indent: -99999px !important;\r\n        position: relative !important;\r\n        top: 3px !important;\r\n        margin-left: 3px !important;\r\n        background: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/captchaico.png) no-repeat 0 -32px !important;\r\n    }\r\n    #WFItem5125905 .wf-rc-audio {\r\n        display: inline-block !important;\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        overflow: hidden !important;\r\n        text-indent: -99999px !important;\r\n        position: relative !important;\r\n        top: 3px !important;\r\n        margin-left: 3px !important;\r\n        background: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/captchaico.png) no-repeat 0 0 !important;\r\n    }\r\n    #WFItem5125905 .wf-rc-image {\r\n        display: inline-block !important;\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        overflow: hidden !important;\r\n        text-indent: -99999px !important;\r\n        position: relative !important;\r\n        top: 3px !important;\r\n        margin-left: 3px !important;\r\n        background: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/captchaico.png) no-repeat 0 -16px !important;\r\n    }\r\n    #WFItem5125905 #recaptcha_image {\r\n        width: 200px !important;\r\n        height: 38px !important;\r\n    }\r\n    #WFItem5125905 #recaptcha_image img {\r\n        width: 200px !important;\r\n        height: 38px !important;\r\n    }\r\n    #WFItem5125905 .wf-rc-boxm {\r\n        width: 200px !important;\r\n        margin: 0 auto !important;\r\n        overflow: hidden !important;\r\n    }\r\n    #WFItem5125905 em {\r\n        color: inherit !important;\r\n        font-style: italic !important;\r\n    }\r\n    #WFItem5125905 .recaptcha_only_if_incorrect_sol {\r\n        display:none !important;\r\n    }\r\n<\/style>\r\n<div id=\"WFItem5125905\" class=\"wf-formTpl\">\r\n    <form accept-charset=\"utf-8\" action=\"https:\/\/app.getresponse.com\/add_contact_webform.html?u=Gnd9\"\r\n    method=\"post\">\r\n        <div class=\"wf-box\">\r\n            <div id=\"WFIheader\" class=\"wf-header el\" style=\"height: 32px; display:  none !important;\">\r\n                <div class=\"actTinyMceElBodyContent\">\r\n                    <p>\r\n                        <span style=\"font-size: 24px;\">??<\/span>\r\n                    <\/p>\r\n                <\/div>\r\n                <em class=\"clearfix clearer\"><\/em>\r\n            <\/div>\r\n            <div id=\"WFIcenter\" class=\"wf-body\">\r\n                <ul class=\"wf-sortable\" id=\"wf-sort-id\">\r\n                    <li class=\"wf-name\" rel=\"temporary\" style=\"display:  none !important;\">\r\n                        <div class=\"wf-contbox\">\r\n                            <div class=\"wf-labelpos\">\r\n                                <label class=\"wf-label\">???<\/label>\r\n                            <\/div>\r\n                            <div class=\"wf-inputpos\">\r\n                                <input class=\"wf-input\" type=\"text\" name=\"name\"><\/input>\r\n                            <\/div>\r\n                            <em class=\"clearfix clearer\"><\/em>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"wf-email\" rel=\"undefined\" style=\"display:  block !important;\">\r\n                        <div class=\"wf-contbox\">\r\n                            <div class=\"wf-labelpos\">\r\n                                <label class=\"wf-label\">e-mail?<\/label>\r\n                            <\/div>\r\n                            <div class=\"wf-inputpos\">\r\n                                <input class=\"wf-input wf-req wf-valid__email\" type=\"text\" name=\"email\"><\/input>\r\n                            <\/div>\r\n                            <em class=\"clearfix clearer\"><\/em>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"wf-submit\" rel=\"undefined\" style=\"display:  block !important;\">\r\n                        <div class=\"wf-contbox\">\r\n                            <div class=\"wf-inputpos\">\r\n                                <input type=\"submit\" class=\"wf-button\" name=\"submit\" value=\"get it now!\"\r\n                                style=\"display:  inline !important; width: 140px !important;\"><\/input>\r\n                            <\/div>\r\n                            <em class=\"clearfix clearer\"><\/em>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"wf-counter\" rel=\"undefined temporary\" style=\"display:  none !important;\">\r\n                        <div class=\"wf-contbox\">\r\n                            <div>\r\n                                <span style=\"padding: 4px 6px 8px 24px; background: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/countertemplates.png) 0% 0px no-repeat;\"\r\n                                class=\"wf-counterbox\">\r\n                                    <span class=\"wf-counterboxbg\" style=\"padding: 4px 12px 8px 5px; background: url(https:\/\/app.getresponse.com\/images\/core\/webforms\/countertemplates.png) 100% -36px no-repeat;\">\r\n                                        <span class=\"wf-counterbox0\" style=\"padding: 5px 0px;\">????<\/span>\r\n                                        <span style=\"padding: 5px;\" name=\"https:\/\/app.getresponse.com\/display_subscribers_count.js?campaign_name=bim_cindy&var=0\"\r\n                                        class=\"wf-counterbox1 wf-counterq\">0<\/span>\r\n                                        <span style=\"padding: 5px 0px;\" class=\"wf-counterbox2\"><\/span>\r\n                                    <\/span>\r\n                                <\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <em class=\"clearfix clearer\"><\/em>\r\n                    <\/li>\r\n                    <li class=\"wf-captcha\" rel=\"undefined temporary\" style=\"display:  none !important;\">\r\n                        <div class=\"wf-contbox wf-captcha-1\" id=\"wf-captcha-1\" wf-captchaword=\"?????????\"\r\n                        wf-captchasound=\"??????????\" wf-captchaerror=\"??????\" style=\"display:  block !important;\"><\/div>\r\n                        <em class=\"clearfix clearer\"><\/em>\r\n                    <\/li>\r\n                    <li class=\"wf-privacy\" rel=\"temporary\" style=\"display:  none !important;\">\r\n                        <div class=\"wf-contbox\">\r\n                            <div>\r\n                                <a class=\"wf-privacy wf-privacyico\" href=\"http:\/\/cn.getresponse.com\/permission-seal?lang=zh\"\r\n                                target=\"_blank\" style=\"height: 0px !important; display: inline !important;\"\r\n                                value=\"temporary\">????????<em class=\"clearfix clearer\"><\/em><\/a>\r\n                            <\/div>\r\n                            <em class=\"clearfix clearer\"><\/em>\r\n                        <\/div>\r\n                    <\/li>\r\n                    <li class=\"wf-poweredby\" rel=\"temporary\" style=\"display:  none !important;\">\r\n                        <div class=\"wf-contbox\">\r\n                            <div>\r\n                                <span class=\"wf-poweredby wf-poweredbyico\" style=\"display:  none !important;\"\r\n                                value=\"temporary\">\r\n                                    <a class=\"wf-poweredbylink wf-poweredby\" href=\"http:\/\/cn.getresponse.com\/\"\r\n                                    style=\"display:  inline !important;\" target=\"_blank\" value=\"temporary\">Email Marketing<\/a>by GetResponse<\/span>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div id=\"WFIfooter\" class=\"wf-footer el\" style=\"height: 25px; display:  none !important;\">\r\n                <div class=\"actTinyMceElBodyContent\"><\/div>\r\n                <em class=\"clearfix clearer\"><\/em>\r\n            <\/div>\r\n        <\/div>\r\n        <input type=\"hidden\" name=\"webform_id\" value=\"5125905\" \/>\r\n    <\/form>\r\n<\/div>\r\n<script type=\"text\/javascript\" src=\"http:\/\/app.getresponse.com\/view_webform.js?wid=5125905&mg_param1=1&u=Gnd9\"><\/script><\/td>\r\n  <\/tr>\r\n<\/table>","is_new_tab":"1"}];
        var surveys = [];
        var questions = [];
        var choices = [];
        var videos_banners = [{"video_id":"1","banner_id":"1","image_url":"http:\/\/www.minijob.com.tw\/wp-content\/plugins\/videoadspro\/uploads\/1406331699-142.jpg","redirect_url":"http:\/\/www.minijob.com.tw\/"},{"video_id":"2","banner_id":"1","image_url":"http:\/\/www.minijob.com.tw\/wp-content\/plugins\/videoadspro\/uploads\/1406331699-142.jpg","redirect_url":"http:\/\/www.minijob.com.tw\/"}];

        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=1506308302932572&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));

        window.fbAsyncInit = function() {
            FB.Event.subscribe('edge.create', function(response) {
                jQuery(".vn-facebook-outer").fadeOut();
            });
        };

        var players = {};
        jQuery(function($) {

            if (typeof(YT) == 'undefined' || typeof(YT.Player) == 'undefined') {
                window.onYouTubeIframeAPIReady = function() {
                    load_videos();
                };
                $.getScript('//www.youtube.com/iframe_api');
            } else {
                load_videos();
            }

            function load_videos() {
                $(".videonova-video").each(function() {
                    var element_id = $(this).attr("id");
                    var split_id = $(this).attr("id").split("-");
                    var video_id = split_id[split_id.length - 1];

                    //var video_id = $(this).data("id");
                    //var video_id = $(this).attr("alt")

                    load_player(element_id, video_id);
                });
            }

            function load_player(element_id, video_id) {
                var player_container = $("#" + element_id);

                var width_value = $('#' + element_id).get(0).style.width;
                var hasPx = width_value.indexOf('px') >= 0;
                var hasPct = width_value.indexOf('%') >= 0;

                var image_width = player_container.width();
                var image_height = (image_width * 480) / 854;

                var player_div = $("<div>").css({
                    position: "relative",
                    width: hasPx ? (image_width + "px") : width_value
                }).attr("id", element_id);
                player_div.css("height", image_height + "px");

                player_container.replaceWith(player_div);
                player_container = $("#" + element_id);

                var main_player_id = element_id + "_player";
                var main_player = $("<div>").attr("id", main_player_id);
                player_container.append(main_player);

                /*video-ad*/
                    var video_ad_player_id = element_id + "_video_ad";
                    var video_ad_player = $("#vn_templates .vn-video-ad").clone();
                    video_ad_player.attr("id", video_ad_player_id);
                    player_container.append(video_ad_player);

                    var video_ad_cover_id = element_id + "_video_cover";
                    var video_ad_cover = $("#vn_templates .vn-video-cover").clone();
                    video_ad_cover.attr("id", video_ad_cover_id);
                    player_container.append(video_ad_cover);

                    var video_ad_label_id = element_id + "_video_label";
                    var video_ad_label = $("#vn_templates .vn-video-ad-label").clone();
                    video_ad_label.attr("id", video_ad_label_id);
                    player_container.append(video_ad_label);

                    var video_ad_skip_id = element_id + "_video_ad_skip";
                    var video_ad_skip = $("#vn_templates .vn-video-ad-skip").clone();
                    video_ad_skip.attr("id", video_ad_skip_id);
                    player_container.append(video_ad_skip);
                /*video-ad*/

                /*html-overlay*/
                    var html_overlay_panel_id = element_id + "_html_overlay";
                    var html_overlay_panel = $("#vn_templates .vn-html-overlay").clone();
                    html_overlay_panel.attr("id", html_overlay_panel_id);
                    player_container.append(html_overlay_panel);

                    var html_overlay_skip_id = element_id + "_html_overlay_skip";
                    var html_overlay_skip = $("#vn_templates .vn-html-overlay-skip").clone();
                    html_overlay_skip.attr("id", html_overlay_skip_id);
                    player_container.append(html_overlay_skip);
                /*html-overlay*/

                /*survey*/
                    var survey_panel_id = element_id + "_survey";
                    var survey_panel = $("#vn_templates .vn-survey").clone();
                    survey_panel.attr("id", survey_panel_id);
                    player_container.append(survey_panel);

                    var survey_skip_id = element_id + "_survey_skip";
                    var survey_skip = $("#vn_templates .vn-survey-skip").clone();
                    survey_skip.attr("id", survey_skip_id);
                    player_container.append(survey_skip);
                /*survey*/

                /*banners*/
                    var banner_panel_id = element_id + "_banner";
                    var banner_panel = $("#vn_templates .vn-banner").clone();
                    banner_panel.attr("id", banner_panel_id);
                    banner_panel.height(image_height * 0.18);
                    player_container.append(banner_panel);

                    banner_panel.find(".vn-img-banner").css({
                        "max-width": banner_panel.width(),
                        "max-height": banner_panel.height()
                    });
                /*banners*/

                var font_size_computed = 0.05 * image_width;
                var font_size_final = Math.min(font_size_computed, 26);
                
                var video = $.grep(videos, function(a) {
                    return a.id == video_id;
                });

                if(video.length > 0) {
                    video = video[0];
                    var youtube_id = url.parse(video.youtube_url).get.v;

                    var is_autoplay = video.is_autoplay;
                    var has_controls = video.has_controls;

                    /*video-ad*/
                        var video_ad = $.grep(video_ads, function(a){
                                return a.id == video.video_ad_id;
                            });
                        var has_video_ad = video_ad.length > 0;
                        if(has_video_ad) {
                            video_ad = video_ad[0];
                        }
                        var video_ad_seconds = video.video_ad_seconds * 1000;
                        var video_ad_timer;
                        var ad_player;
                        var video_ad_shown = false;
                    /*video-ad*/

                    /*html-overlay*/
                        var html_overlay = $.grep(html_overlays, function(a){
                                return a.id == video.html_overlay_id;
                            });
                        var has_html_overlay = html_overlay.length > 0;
                        if(has_html_overlay) {
                            html_overlay = html_overlay[0];
                        }
                        var html_overlay_seconds = video.html_overlay_seconds * 1000;
                        var html_overlay_timer;
                        var html_overlay_shown = false;
                    /*html-overlay*/

                    /*survey*/
                        var survey = $.grep(surveys, function(a){
                                return a.id == video.survey_id;
                            });
                        var has_survey = survey.length > 0;
                        if(has_survey) {
                            survey = survey[0];
                        }
                        var survey_seconds = video.survey_seconds * 1000;
                        var survey_timer;
                        var survey_shown = false;
                    /*survey*/

                    /*banners*/
                        var banners = $.grep(videos_banners, function(a){
                                return a.video_id == video.id;
                            });
                        var has_banners = banners.length > 0;
                        var banner_seconds = video.banner_seconds * 1000;
                        var banner_interval = video.banner_interval * 1000;
                        var banner_timer;
                        var banner_shown = false;
                        var banner_closed = false;
                        var banner_index = 0;
                    /*banners*/

                    /*facebook*/
                    if(video.is_fb_like == 1) {
                        var facebook_panel_id = element_id + "_facebook";
                        var facebook_panel = $("#vn_templates .vn-facebook-outer").clone();
                        facebook_panel.attr("id", video_ad_player_id);
                        facebook_panel.find(".fb-like").attr("data-href", document.location);
                        player_container.append(facebook_panel);

                        facebook_panel.find(".vn-facebook-close").live("click", function(){
                            facebook_panel.fadeOut();
                        });
                    }
                    /*facebook*/

                    var video_logo = $("#vn_templates .vn-video-logo").clone();
                    if(video.img_url) {
                        video_logo.find('.vn-video-img').attr("src", video.img_url);
                    
                        video_logo.find(".vn-video-title").html(video.title);
                        video_logo.css("font-size", Math.min(font_size_computed, 28) + "px");
                        player_container.append(video_logo);
                        video_logo.find(".vn-video-title").css("line-height", (video_logo.height() * 0.75) + "px");
                    }

                    new YT.Player(main_player_id, {
                        width: "100%",
                        height: "100%",
                        playerVars: { 'autoplay': is_autoplay, 'controls': has_controls, showinfo: 0, modestbranding: 1 },
                        videoId: youtube_id,
                        events: {
                            'onBufferChange': function(event) {
                            alert('zeek');
                        },
                            'onStateChange': function(event) {
                                console.log("seek");

                                var player_main = event.target;
                                var player_state = player_main.getPlayerState();

                                if(player_state == YT.PlayerState.PAUSED || player_state == YT.PlayerState.BUFFERING) {

                                    var current_time_seconds = player_main.getCurrentTime() * 1000;
                                    if(has_video_ad) {
                                        clearTimeout(video_ad_timer);
                                        video_ad_seconds -= current_time_seconds;
                                    }
                                    if(has_html_overlay) {
                                        clearTimeout(html_overlay_timer);
                                        html_overlay_seconds -= current_time_seconds;
                                    }
                                    if(has_survey) {
                                        clearTimeout(survey_timer);
                                        survey_seconds -= current_time_seconds;
                                    }
                                    if(has_banners) {
                                        clearTimeout(banner_timer);
                                        banner_seconds -= current_time_seconds;
                                    }
                                } else if(player_state == YT.PlayerState.PLAYING) {
                                    if(has_video_ad && !video_ad_shown) {
                                        video_ad_timer = setTimeout(function(){
                                            player_main.pauseVideo();
                                            try {

                                                var video_ad_youtube_id = url.parse(video_ad.youtube_url).get.v;
                                                var video_ad_redirect_url = video_ad.redirect_url;

                                                var player_video_ad =  new YT.Player(video_ad_player_id, {
                                                    width: "100%",
                                                    height: "100%",
                                                    playerVars: { 'autoplay': 1, 'controls': 0, modestbranding: 1},
                                                    videoId: video_ad_youtube_id,
                                                    events: {
                                                        "onStateChange" : function(ad_event){
                                                            player_video_ad = ad_event.target;
                                                            ad_player_state = player_video_ad.getPlayerState();

                                                            if(ad_player_state == YT.PlayerState.ENDED) {
                                                                $("#" + video_ad_player_id).hide();
                                                                $("#" + video_ad_skip_id).hide();
                                                                video_ad_cover.hide();
                                                                video_ad_label.hide();
                                                                player_main.playVideo();
                                                            }
                                                        }
                                                    }
                                                });
                                                $("#" + video_ad_player_id).show();

                                                video_ad_cover.attr("href", video_ad.redirect_url);
                                                video_ad_cover.show();
                                                video_ad_cover.click(function(){
                                                    player_video_ad.pauseVideo();
                                                    video_ad_cover.hide();
                                                });

                                                video_ad_label.show();
                                                
                                                var video_ad_skip_panel = $("#" + video_ad_skip_id);
                                                var video_ad_skip_panel_width = video_ad_skip_panel.width();
                                                video_ad_skip_panel.click(function(){
                                                    player_video_ad.stopVideo();
                                                    $("#" + video_ad_player_id).hide();
                                                    player_main.playVideo();
                                                    $(this).hide();
                                                    video_ad_cover.hide();
                                                    video_ad_label.hide();
                                                }).show();

                                                var video_ad_skip_label = video_ad_skip_panel.find(".vn-video-ad-skip-label");
                                                video_ad_skip_label.css("font-size", font_size_final + "px");
                                                video_ad_skip_label_height = video_ad_skip_label.height();
                                                video_ad_skip_label.css({
                                                    "margin-top": ((video_ad_skip_panel.height() - video_ad_skip_label_height) / 2) + "px"
                                                });
                                            } catch(ad_exception) {
                                                alert("Error on loading video advertisement");
                                                $("#" + video_ad_player_id).hide();
                                                player_main.playVideo();
                                            }

                                            video_ad_shown = true;
                                        }, video_ad_seconds);
                                    }
                                    if(has_html_overlay && !html_overlay_shown) {
                                        html_overlay_timer = setTimeout(function(){
                                            player_main.pauseVideo();

                                            $("#" + html_overlay_panel_id).css({
                                                width : image_width,
                                                height: image_height
                                            }).html(html_overlay.content).show();

                                            if(html_overlay.is_new_tab == 1) {
                                                $("#" + html_overlay_panel_id).find("a").attr("target", "_blank");
                                            }

                                            var html_overlay_skip_panel = $("#" + html_overlay_skip_id);
                                            html_overlay_skip_panel.click(function(){
                                                $("#" + html_overlay_panel_id).hide();
                                                player_main.playVideo();
                                                $(this).hide();
                                            }).show();

                                            var html_overlay_skip_label = html_overlay_skip_panel.find(".vn-html-overlay-skip-label");
                                            html_overlay_skip_label.css("font-size", font_size_final + "px");
                                            html_overlay_skip_label_height = html_overlay_skip_label.height();
                                            html_overlay_skip_label.css({
                                                "margin-top": ((html_overlay_skip_panel.height() - html_overlay_skip_label_height) / 2) + "px"
                                            });

                                            html_overlay_shown = true;
                                        }, html_overlay_seconds);
                                    }
                                    if(has_survey && !survey_shown) {
                                        survey_timer = setTimeout(function(){
                                            player_main.pauseVideo();

                                            var survey_panel = $("#" + survey_panel_id);
                                            survey_panel.css({
                                                width : image_width,
                                                height: image_height
                                            }).show();
                                            var survey_title = survey_panel.find(".vn-survey-title");
                                            survey_title.html(survey.title);
                                            var survey_title_font_size = 0.06 * image_width;
                                            var survey_header = survey_panel.find(".vn-survey-header");
                                            survey_header.css({
                                                "font-size" : ((survey_title_font_size < 28) ? survey_title_font_size : 28) + "px"
                                            });
                                            var survey_header_height = survey_header.height();
                                            survey_title.css("line-height", survey_header_height + "px");

                                            if(image_width < 425) {
                                                survey_panel.find(".vn-survey-controls").height(30);
                                            }

                                            var survey_button_font_size = 0.05 * image_width;
                                            var survey_buttons = survey_panel.find(".vn-survey-control");
                                            survey_buttons.css("font-size", 
                                                (survey_button_font_size < 16 ? survey_button_font_size : 16) + "px");

                                            var survey_btn_prev = survey_panel.find(".vn-survey-prev");
                                            var survey_btn_next = survey_panel.find(".vn-survey-next");
                                            var survey_btn_submit = survey_panel.find(".vn-survey-submit");

                                            if(image_width < 425) {
                                                survey_header.css("padding-left", "4px");
                                                survey_btn_prev.css("margin-left", "4px").html("&laquo; Previous");
                                                survey_btn_next.css("margin-right", "4px").html("Next &raquo;");
                                                survey_btn_submit.css("margin-right", "4px").html("Next &raquo;");

                                                survey_buttons.add(survey_btn_submit)
                                                    .css({
                                                        padding: "2px 4px",
                                                        height: "26px"
                                                    });
                                            }

                                            var survey_skip_panel = $("#" + survey_skip_id);
                                            var survey_skip_width = (image_width * 0.4);
                                            survey_skip_panel.width((survey_skip_width < 200) ? survey_skip_width : 200);
                                            survey_skip_panel.click(function(){
                                                $("#" + survey_panel_id).hide();
                                                player_main.playVideo();
                                                $(this).hide();
                                            }).show();

                                            if(image_width < 465) {
                                                survey_skip_panel.css("bottom", "20%");
                                            }

                                            var survey_skip_label = survey_skip_panel.find(".vn-survey-skip-label");
                                            var survey_skip_label_font_size = 0.06 * image_width;
                                            survey_skip_label.css("font-size", font_size_final + "px");
                                            survey_skip_label_height = survey_skip_label.height();  
                                            survey_skip_label.css({
                                                "margin-top": ((survey_skip_panel.height() - survey_skip_label_height) / 2) + "px"
                                            });

                                            var survey_questions = $.grep(questions, function(a){
                                                    return a.survey_id == survey.id;
                                                });

                                            $(survey_questions).each(function(){
                                                var question_panel = $("#vn_templates .vn-survey-question-panel").clone();
                                                question_panel.find(".vn-survey-question-statement").html(this.question);
                                                question_panel.css({
                                                    "font-size": font_size_final + "px",
                                                    "line-height": font_size_final * 1.25 + "px"
                                                });

                                                var question_id = this.id;
                                                var question_type_id = this.question_type_id;

                                                var question_choices_panel = question_panel.find(".vn-survey-question-choices");
                                                if(question_type_id == 1) {
                                                    //plain-text
                                                    var txt_answer = $("#vn_templates .vn-txt-survey-answer").clone();
                                                    txt_answer.attr("name", "answer[" + question_id + "]")
                                                    question_choices_panel.append(txt_answer);
                                                } else if(question_type_id == 4) {
                                                    //opt-in
                                                    var pnl_opt_in = $("#vn_templates .vn-pnl-optin").clone();
                                                    pnl_opt_in.find(".vn-txt-optin-name").attr("name", "answer[" + question_id + "][name]");
                                                    pnl_opt_in.find(".vn-txt-optin-email").attr("name", "answer[" + question_id + "][email]");
                                                    question_choices_panel.append(pnl_opt_in);
                                                } else {
                                                    var question_choices = $.grep(choices, function(a){
                                                        return a.question_id == question_id;
                                                    });
                                                    $(question_choices).each(function(){
                                                        if(question_type_id == 2) {
                                                            //multiple-choice (select one)
                                                            var choice_radio = $("#vn_templates .vn-rdo-choice-panel").clone();
                                                            choice_radio.find(".vn-lbl-choice").html(this.value);
                                                            choice_radio.find(".vn-rdo-choice")
                                                                .attr("name", "answer[" + question_id + "]")
                                                                .val(this.value);
                                                            question_choices_panel.append(choice_radio);
                                                        } else if(question_type_id == 3) {
                                                            //multiple-choice (select many)
                                                            var choice_check = $("#vn_templates .vn-chk-choice-panel").clone();
                                                            choice_check.find(".vn-lbl-choice").html(this.value);
                                                            choice_check.find(".vn-chk-choice")
                                                                .attr("name", "answer[" + question_id + "][]")
                                                                .val(this.value);
                                                            question_choices_panel.append(choice_check);
                                                        }
                                                    });
                                                }
                                                survey_panel.find(".vn-survey-questions").append(question_panel);
                                            });

                                            //scale down elements in case the video player is too small
                                            if(image_width < 425) {
                                                var scaled_font_weight = 0.06 * image_width;
                                                survey_panel.find(".vn-survey-questions").css({
                                                    "padding-left" : "4px",
                                                    "padding-right" : "4px"
                                                });
                                                survey_panel.find(".vn-survey-question-panel").css({
                                                    "font-size": (scaled_font_weight) + "px"
                                                });
                                            }

                                            //prev-next-submit controls
                                            survey_panel.find(".vn-survey-question-panel").hide()
                                                .first().show();

                                            survey_btn_prev.click(function(){
                                                var prev_panel = survey_panel.find(".vn-survey-question-panel:visible").prev();
                                                if(prev_panel.length > 0) {
                                                    survey_panel.find(".vn-survey-question-panel").hide();
                                                    prev_panel.show();
                                                }
                                                display_survey_controls();  
                                            })
                                            survey_btn_next.click(function(){
                                                var next_panel = survey_panel.find(".vn-survey-question-panel:visible").next();
                                                if(next_panel.length > 0) {
                                                    survey_panel.find(".vn-survey-question-panel").hide();
                                                    next_panel.show();
                                                }
                                                display_survey_controls();
                                            });

                                            function display_survey_controls(){
                                                var current_panel = survey_panel.find(".vn-survey-question-panel:visible");
                                                if(current_panel.next().length > 0) {
                                                    survey_btn_next.show();
                                                    survey_btn_submit.hide();
                                                } else {
                                                    survey_btn_next.hide();
                                                    survey_btn_submit.show();
                                                }
                                                if(current_panel.prev().length > 0) {
                                                    survey_btn_prev.show();
                                                } else {
                                                    survey_btn_prev.hide();
                                                }
                                            }
                                            display_survey_controls();

                                            survey_panel.submit(function(){
                                                var form_data = survey_panel.serializeObject();
                                                form_data['action'] = 'submit_survey_answers';
                                                survey_panel.find(".vn-pnl-loading").show();
                                                $.post(
                                                    ajaxurl, 
                                                    form_data, 
                                                    function(response){
                                                        setTimeout(function(){
                                                                survey_panel.fadeOut();
                                                                survey_skip_panel.hide();
                                                                player_main.playVideo();
                                                            }, 2000);
                                                    }
                                                );
                                                return false;
                                            });

                                            $.fn.serializeObject = function() {
                                                var o = {};
                                                var a = this.serializeArray();
                                                $.each(a, function() {
                                                    if (o[this.name] !== undefined) {
                                                        if (!o[this.name].push) {
                                                            o[this.name] = [o[this.name]];
                                                        }
                                                        o[this.name].push(this.value || '');
                                                    } else {
                                                        o[this.name] = this.value || '';
                                                    }
                                                });
                                                return o;
                                            };

                                            survey_shown = true;
                                        }, survey_seconds);
                                    }
                                    if(has_banners && !banner_closed) {

                                        if(!banner_shown) {
                                            banner_timer = setTimeout(function(){
                                                show_banner();
                                            }, banner_seconds);
                                        }
                                        
                                        function show_banner(){
                                            var current_banner = banners[banner_index];
                                            var banner_image_url = current_banner.image_url;
                                            banner_panel.find(".vn-lnk-banner").attr("href", current_banner.redirect_url);
                                            var banner_image = banner_panel.find(".vn-img-banner");

                                            //proportion 360:55
                                            banner_image.attr("src", banner_image_url);
                                            banner_panel.show();

                                            banner_image.load(function() {
                                                banner_image.css({
                                                    "width": "",
                                                    "height": ""    
                                                });

                                                var banner_image_width = banner_image.width();
                                                var banner_image_height = banner_image.height();

                                                if((banner_image_width / banner_image_height) <= (360 / 55)) {
                                                    banner_image.height("100%");
                                                } else {
                                                    banner_image.width("100%");
                                                }
                                            });
                                            banner_shown = true;
                                            banner_seconds = banner_interval;
                                            clearTimeout(banner_timer);

                                            if(++banner_index < banners.length) {
                                                banner_timer = setTimeout(function(){
                                                    show_banner();
                                                }, banner_seconds); 
                                            }
                                        }

                                        banner_panel.find(".vn-img-banner-close").click(function(){
                                            banner_panel.hide();
                                            banner_closed = true;
                                        });
                                    }
                                }
                            }
                        }
                    });

                    $(window).resize(function(){
                        var resize_width = player_container.width();
                        var resize_height = (resize_width * 480) / 854;

                        player_container.height(resize_height);
                        $("#" + main_player_id).height(resize_height);
                        $("#" + video_ad_player_id).height(resize_height);
                        $("#" + survey_panel_id).height(resize_height);

                        banner_panel.height(resize_height * 0.18);
                        banner_panel.css({"max-width": "", "max-height": ""});
                    });
                } else {
                    alert("Error on loading the video.");
                }
            }
        });
    }

    if (typeof jQuery == 'undefined') {
        function getScript(url, success) {
            var script = document.createElement('script');
            script.src = url;
            var head = document.getElementsByTagName('head')[0],
            done = false;
            // Attach handlers for all browsers
            script.onload = script.onreadystatechange = function() {
                if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
                    done = true;

                    // callback function provided as param
                    success();

                    script.onload = script.onreadystatechange = null;
                    head.removeChild(script);
                };
            };
            head.appendChild(script);
        };

        getScript('https://www.minijob.com.tw/wp-content/plugins/videoadspro/assets/js/jquery.js', function() {
            if (typeof jQuery == 'undefined') {
                alert("jQuery is not loaded. Please import the jQuery library to this page or theme.");
            } else {
                run_player()   
            }
        });

        getScript("https://www.minijob.com.tw/wp-content/plugins/videoadspro/assets/js/url.js", function(){ });
    } else { // jQuery was already loaded
        run_player()    };