//加载分享链接
// falg: 0: 只有iframe分享链接; 1:有iframe+url+多选; 2: url+多选
function show_share(id, pano_id, falg, title, copy){
    codes = [];
    $.ajax({
        type: "post",
        url: "/projects/show_share",
        data: {"id":id,"pano_id":pano_id,"authenticity_token":$("input[name='authenticity_token']").val()},
        success: function (data) {
            if(data != ""){
                // codes.push(pano_id+"");
                sharedialog(id, pano_id, falg, title, copy,data);
                if(falg != 0){
                    init_checked(pano_id);
                }
            }else{
                share_message();
            }
        }
    });
}
//拼接url
// is_checked 判断是否是勾选
function add_ickeb(pano_id, start_panorama){
    var url = "";
    //从无变有
    if(contains(codes,pano_id)){
        removeByValue(codes,pano_id);
    }else {
        codes.push(pano_id);
    }
    var copy_url = $("#copy_url").val();
    var pro_url = copy_url.split("&");
    for(var i=0; i < pro_url.length; i++){
        if(pro_url[i].indexOf("code=")==0 || pro_url[i].indexOf("start_scene=")==0){continue;}
        url = url + (i==0 ? "" : "&") + pro_url[i];
    }

    if(codes.length > 0){
        url = url + "&code="+codes.join(',');
        if(codes.indexOf(start_panorama.toString()) >= 0){
            url = url + '&start_scene=' + start_panorama;
        }
    }else {
        url = url + '&start_scene=' + start_panorama;
    }
    $("#copy_url").val(url);
    var copy_iframe_html = '<iframe width="560" height="315" src="'+ url +'" frameborder="0" allowfullscreen></iframe>';
    $('#copy_iframe').val(copy_iframe_html);
}

//删除指定数组元素
function removeByValue(arr, val) {
    for(var i=0; i<arr.length; i++) {
        if(arr[i] == val) {
            arr.splice(i, 1);
            break;
        }
    }
}
//判断数组中是否包含某元素
function contains(arr, obj) {
    var i = arr.length;
    while (i--) {
        if (arr[i] === obj) {
            return true;
        }
    }
    return false;
}
function init_checked(pano_id){
    var copy_url = $("#copy_url").val() + "&code=";
    var boxes = $(".code_div input[type=checkbox]");
    for (var i = 0; i < boxes.length; i++) {
        codes.push(boxes[i].value);
    }
    copy_url += codes.join(",");
    copy_url += ('&start_scene=' + pano_id);
    $("#copy_url").val(copy_url);
    var copy_iframe_html = '<iframe width="560" height="315" src="'+ copy_url +'" frameborder="0" allowfullscreen></iframe>'
    $('#copy_iframe').val(copy_iframe_html);

    $('input').iCheck({
        checkboxClass: 'icheckbox_square-blue',
        radioClass: 'iradio_square-blue',
        increaseArea: '20%' // optional
    });

    //$(".iCheck-helper").click(function(e){add_ickeb($(this).parents('label').find('input').val())});
    $('.code_div input').on('ifChecked', function(event){
        add_ickeb($(this).val(), pano_id);
    }).on('ifUnchecked', function(event){
        add_ickeb($(this).val(), pano_id);
    });

    $(".checkbox-inline").css({"margin": "0px", "padding-left": "0px", "padding-right": "20px"});
}

function sharedialog(id, pano_id, falg, title, copy, data){
	var share_url = get_panorama_url(id, pano_id);
    var share_title = data.match(/<input type="hidden" id="panorama_share_title" value="(.*)" \/>/);
    var text = get_share_text("", share_title==null ? "" : share_title[1]);
	var content_text='<ul id="coded-social-square" class="clearfix">' +
        '<li class="twitter">' +
        '<a target="_blank" href="https://twitter.com/share?text=' + text + '&url=' + share_url +'">' +
        '<img src="/assets/share/twitter.png">Twitter</a>' +
        '</li>' +
        '<li class="facebook">' +
        '<a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=' + share_url + '">' +
        '<img src="/assets/share/facebook.png">Facebook</a>' +
        '</li>' +
        '<li class="bookmark">' +
        '<a target="_blank" href="http://b.hatena.ne.jp/add?url=' + share_url + '">' +
        '<img src="/assets/share/bookmark.png">Bookmark</a>' +
        '</li>' +
        '<li class="pocket">' +
        '<a target="_blank" href="http://getpocket.com/edit?url=' + share_url + '">' +
        '<img src="/assets/share/pocket.png">pocket</a>' +
        '</li>' +
        '<li class="google">' +
        '<a target="_blank" href="https://plus.google.com/share?url=' + share_url +'">' +
        '<img src="/assets/share/google.png">Google+</a>' +
        '</li>' +
        '</ul>';
    if(falg == 1){
        content_text = content_text +
            '<p style="margin:10px;margin-bottom:20px;" align="left">' +
            '<input type="text" class="form-control input-sm copy_input copy_input_media" value=\'<iframe width="560" height="315" src="' + get_project_url(id, pano_id) + '" frameborder="0" allowfullscreen></iframe>\' id="copy_iframe" />' +
            '<input class="btn btn-primary btn-lg copy_button copy_button_media" type="button" onclick="oCopy(\'copy_iframe\');" value="' + copy + '" />' +
            '</p>' +
            '<p style="margin:10px;" align="left">' +
            '<input type="text" class="form-control input-sm copy_input copy_input_media" value=\'' + get_panorama_url_input(id,pano_id) + '\' id="copy_url" />' +
            '<input class="btn btn-primary btn-lg copy_button copy_button_media" type="button" onclick="oCopy(\'copy_url\');" value="' + copy + '" /></p>' +
            '<div class="code_div" ">' + data + '</div>'
    }else if(falg == 2) {
        content_text = content_text +
            '<p style="margin:10px;" align="left">'+
            '<input type="text" style="" class="form-control input-sm copy_input copy_input_media" value=\'' + get_panorama_url_input(id,pano_id) + '\' id="copy_url" />' +
            '<input class="btn btn-primary btn-lg copy_button copy_button_media" type="button" onclick="oCopy(\'copy_url\');" value="' + copy + '" /></p>' +
            '<div class="code_div">' + data + '</div>'
    }else if(falg == 0) {
        content_text = content_text + '<p style="margin:10px;margin-bottom:20px;" align="left">' +
            '<input type="text" style="" class="form-control input-sm copy_input copy_input_media" value=\'<iframe width="560" height="315" src="' + get_project_url(id) + '" frameborder="0" allowfullscreen></iframe>\' id="copy_iframe" />' +
            '<input class="btn btn-primary btn-lg copy_button copy_button_media" type="button" onclick="oCopy(\'copy_iframe\');" value="' + copy + '" />' +
            '</p>'
    }
    layer.open({
        skin: 'share_layer',
    	title: [
            title,
      		'background-color: #5ac8f0; color:#fff;'
    	],
    	content: [content_text]
	});
}

function oCopy(id){
    var Url2=document.getElementById(id);
    Url2.focus();
    try{
        if(Url2.setSelectionRange){
            Url2.setSelectionRange(0, Url2.value.length);
        } else{
            Url2.select();
        }

        document.execCommand("copy", false, null);
    } catch(err){
    }
}

function get_project_url(id,start_scene) {
    var domain = location.host;
    var pro_url = location.href.split(domain)[0] + domain + '/pano?flag=3&projectid='+ id;
    var language = $("#current_language").val();
    if (language && language != "") {
        pro_url = pro_url + "&locale=" + language;
    }
    if (start_scene && start_scene != "") {
        pro_url = pro_url + "&start_scene=" + start_scene;
    }
    return pro_url;
}
//project and panorama 分享
function get_panorama_url(project_id, start_scene) {
    var domain = location.host;
    var pro_url = location.href.split(domain)[0] + domain + '/pano?flag=3&projectid='+project_id;
    var language = $("#current_language").val();
    if (language && language != "") {
        pro_url = pro_url + "&locale=" + language;
    }
    pro_url = pro_url + "&start_scene=" + start_scene;
    return encodeURIComponent(pro_url);
}

function get_panorama_url_input(id,start_scene){
    var domain = location.host;
    // var pro_url = location.href.split(domain)[0] + domain + '/pano?flag=3&projectid='+id+'&code='+ start_scene;
    var pro_url = location.href.split(domain)[0] + domain + '/pano?flag=3&projectid='+id;
    var language = $("#current_language").val();
    if (language && language != "") {
        pro_url = pro_url + "&locale=" + language;
    }
    return pro_url;
}

//场景中分享链接
function get_panorama_url_two(){
    // var domain = location.host;
    // var krpano = document.getElementById("krpanoSWFObject");
    // var pro_url = location.href.split(domain)[0] + domain + '/pano?flag=2';
    // start_scene = krpano.get('xml.scene');
    // start_scene = start_scene.split('_')[1];
    // pro_url = pro_url + "&start_scene=" + start_scene;

    var pro_url = location.href;
    if(pro_url.indexOf("locale=") < 0){
        var language = $("#current_language").val();
        if (language && language != "") {
            if(pro_url.indexOf("code=") > -1){
                pro_url = pro_url.replace("code=", "locale="+language+"&code=");
            }else if(pro_url.indexOf("start_scene=") > -1){
                pro_url = pro_url.replace("start_scene=", "locale="+language+"&start_scene=");
            }else{
                pro_url = pro_url + "&locale=" + language;
            }
        }
    }
    return pro_url;
}

function get_share_url(id, start_scene) {
    return encodeURIComponent( get_panorama_url_two(start_scene) );
}

function get_share_url_by_panorama(id, start_scene) {
    return encodeURIComponent( get_panorama_url(id, start_scene) );
}

function get_share_text(obj_id, title) {
    var text = 'バーチャルビューを共有する ';
    if (title && title != "") {
        text = title;
    } else if (obj_id && obj_id != "") {
        text = $("#"+obj_id).val();
    } else {
        text = document.title;
    }
    return encodeURIComponent(text);
}

function share_twitter(id) {
    var share_url = get_share_url(id);
    var text = get_share_text();
    window.open('https://twitter.com/share?url=' + share_url +'&text=' + text + '');
}
function share_facebook(id) {
    var share_url = get_share_url(id);
    window.open('https://www.facebook.com/sharer/sharer.php?u=' + share_url + '');
}
function share_pocket(id) {
    var share_url = get_share_url(id);
    window.open('http://getpocket.com/edit?url=' + share_url + '');
}
function share_bookmark(id) {
    var share_url = get_share_url(id);
    window.open('http://b.hatena.ne.jp/add?url=' + share_url + '');
}
function share_googleplus(id) {
    var share_url = get_share_url(id);
    window.open('https://plus.google.com/share?url=' + share_url +'');
}
//平面图vr 按钮灰置
function setVR(){
    var krpano = document.getElementById("krpanoSWFObject");
    if(krpano.get('events[toggle_vr_btn].data') == '1'){
        var result = false;
        var alpha = 0.3;
        var type = krpano.get('image.type').toLowerCase();
        if(type.indexOf('cube') > -1 || type.indexOf('sphere') > -1){result = true;alpha = 1.0};
        krpano.set('layer[skin_btn_vr].alpha',alpha);
        krpano.set('layer[skin_btn_vr].enabled',result);
    }
}
//sp 页面js 调整
function chang_view(){
    if(document.body.clientWidth <= 768){
        if(document.body.clientWidth <= 567){
            $(".listItem .itemSub .itemWrap").css({"padding-left": "10px", "padding-right": "0px"});
        }else {
            $(".listItem .itemSub .itemWrap").removeAttr('style');
        }
        width = document.body.clientWidth-19;
        height = Math.round(width / 1.299);
        box_width = Math.round(width / 2.13);

        $(".listItem .itemMain .itemBox-img img").css({'width': width, "height": height});
        $(".listItem .itemMain .itemWrap .itemBox").css({'margin-left': '-5px', 'width':width, "height": height});
        $(".listItem .itemSub .itemWrap .itemBox").css("width", box_width);
    }else {
        $(".listItem .itemMain .itemBox-img img").removeAttr('style');
        $(".listItem .itemMain .itemWrap .itemBox").removeAttr('style');
        $(".listItem .itemSub .itemWrap .itemBox").removeAttr('style');
    }
}