스팸 코드 삭제 전 저장

// window.addEventListener("load", function() {
//     chrome.extension.sendMessage({
//         type: "dom-loaded", 
//         data: {
//             myProperty: "this is so cool!!!----One-Time Requests,communication happens only once"
//         }
//     });
// }, true);

//=======================this is for the hover=======================
(function(window){
var document = window.document,
    body = document.body,
    a = document.getElementsByTagName('a'),  //for get a href，returns a live HTMLCollection of elements with the given tag name
    currentLength = a.length,
    currentLinks = [],
    displayTimeout,
    normalURL,
    zIndex=100,
    container,
    containerLabel,
    button,
    size = 1.0,
    rate,
    on,
    showModel,
    hovernow,  //to judge whether the mouse point is on hovering
    delayTime;

loadSettings();
addEvents();
drawWindow();



// storage    ，       
function loadSettings(){
    chrome.storage.sync.get([
        'hoverLinkPosition',
        'hoverLinkOffsetX',
        'hoverLinkOffsetY',
        'hoverLinkNormal',
        'hoverLinkDelayTime',
        'hoverLinkRate',
        'on',
        'model'],
         function(data){
         rate = data.hoverLinkRate;    
         moveBox(data.hoverLinkPosition, data.hoverLinkOffsetX, data.hoverLinkOffsetY);
         normalURL = data.hoverLinkNormal;
         delayTime = data.hoverLinkDelayTime;
         on = data.on;
         showModel = data.model;
         // console.log("log in content"+on);
    });
}

function moveBox(s,x,y){
    // var str = "Hello world!";
 //      var res = str.substr(1, 4)
    var a = s.substring(0,s.indexOf('-')),
        b = s.substr(s.indexOf('-')+1);  // ??
        // console.log(a); //top
        // console.log(b);  //right
       // container.setAttribute('style','z-index:'+zIndex+';');
        container.style[a]=y+'px';  //style    json ,  a,b key
        container.style[b]=x+'px';
        container.style['overflow']='scroll';
        container.style['max-width']='1450px';
        container.style['max-height']='400px';
        container.style['-webkit-transform'] = 'scale('+rate+')';
        container.style['-webkit-transform-origin'] = '0px 0px';

        //"-webkit-transform: scale(0.43);-webkit-transform-origin: 200px 100px;overflow:scroll"
}

function addEvents(){
    for(var i=currentLength-1;i>=0;i--){
        addEvent(a[i]);
        currentLinks.push(a[i]); //     
    }


}

function addEvent(a){
    a.addEventListener('mouseover',linkMouseOver,false);// mouseover  ，  linkMouseOver
    a.addEventListener('mouseleave',linkMouseOut,false);
    $('body').on('click',mouseclick);
}


function linkMouseOver(event){
    var url = this.href;  //this   a  
    //console.log("client :top->"+event.clientY+" left->"+event.clientX +" offset:top->"+window.pageYOffset+" left->"+window.pageXOffset);
    container.style['top'] = event.clientY+'px'
    container.style['left'] = event.clientX+'px';
    hovernow = 1;
    displayTimeout = setTimeout(function(){
         displayBox();
         setTimeout(function(){
           mouseOver(url);
         },1000);
         //mouseOver(url);
    },delayTime)

}

function linkMouseOut(event){
    console.log('now mouseout');
    hovernow = 0;
    clearTimeout(displayTimeout); //Prevent the function set with the setTimeout() to execute
    if(!container){
    //$("body").removeChild(container);
    body.removeChild(container);
    }else{
        container.style.display= 'none';
    }
     
}

function mouseOver(url){
    if(hovernow==1){
        console.log('now mouseover');
        $.post('http://gozoom4235.appspot.com/highlight.php',{url:url},function(webdata){
        //displayBox();
        if(showModel==1){   
            insertLabel(webdata);
        }else{     
        showWord(webdata);
        }
        })
    }

}

function mouseclick(event){
    clearTimeout(displayTimeout);
    if(!container){
    //$("body").removeChild(container);
    body.removeChild(container);
    }else{
        container.style.display= 'none';
    }
}

function displayBox() {
    container.innerHTML = "loading.....";
    if(on==1){
    body.appendChild(container);//appendChild        container  html      ，      html   
    $(container).show('fast');
    }
}

function requestURL(link){
    sendMessage({
        hoverLink:'findURL',
        url:link
    });   //jason
}


function sendMessage(message){
    //chrome.runtime.sendMessage(message,empty);
}

function empty(){}

//========unknow
function drawWindow() {    //       usrl

        var all = document.getElementsByTagName('*');

        for ( var i=all.length; i >= 0; i-- ) {
            var style = getComputedStyle(all[i]);
            if ( !style )
                continue;
            var z = parseInt(style.getPropertyValue('z-index'));
            if ( z > zIndex )
                zIndex = z+1;
        }

        var _container = document.createElement('div'),
            _label = document.createElement('div');
             _button = document.createElement('button');
            _button.onclick = function(){
                 size = size + 0.1;  
                 set();  
            };
            _button2 = document.createElement('button');
            _button2.onclick = function(){
                size = size - 0.1;  
                set();  
            };     
        _container.id = 'hoverLinkContainer';
        _container.style.zIndex = zIndex;
        _container.innerHTML = 'Loading...';
        _label.id = 'hoverLinkLabel';
        //_label.innerHTML = 'Loading...';  //       
        //_label.style.cssText = "-webkit-transform: scale(1.0);-webkit-transform-origin: 0px 0px;"; //for containLabel init
        _container.appendChild(_label); 
        containerLabel=_label; //_label     ？
        _button.id = "buttonLarg";
        _button2.id = "buttonSmal";
        _button.style['background']="white";
        _button.style['font-color']="black";
        _button.style['margin-top']="5px";
        button = _button;
        container = _container;
        label = _label;

    }

// function showFinalURL(url){
//    insertLabel(url);
// }    

function insertLabel(txt){
    //txt=txt.substring(1,txt.length-1);
    container.innerHTML=txt;
    //      (   ‘’  “”)
    //container.innerHTML='<button onclick="zoomout()">enlarger</button><input type="button" id ="button2" value="smaller" onclick="zoomin()"><div>'+txt+'</div>';
}


function set() {  
containerLabel.style.cssText = containerLabel.style.cssText + '; -webkit-transform: scale(' + size + ');-webkit-transform-origin: 0 0;';  } 


function showWord(webdata){
     $.post('http://gozoom4235.appspot.com/body.php',{webdata:webdata},function(data){ //http://localhost/body.php    
     console.log(data);
     insertLabel(data);});
    
}



})(window);