function addListener(target, type, handler) {
	if (target.addEventListener) {
		target.addEventListener(type, handler, false);
	} else if (target.attachEvent) {
		target.attachEvent("on" + type, handler);    
	} else {
		target["on" + type] = handler;
	}
}

function realFadeIn(id){
    var level=0;
    var inTimer=null;
    inTimer=setInterval(function(){
        level=fadeInAction(id,level,inTimer);
    },50);
}

function fadeInAction(id,level,inTimer){
    level=level+0.1;
    changeOpacity(id,level);
    if(level>1){
        clearInterval(inTimer);
    }
    return level;
}

function realFadeOut(id, ctype){
    var level=1;
    var outTimer=null;
    outTimer=setInterval(function(){
        level=fadeOutAction(id,level,outTimer,ctype);
    },50);
}

function fadeOutAction(id, level, outTimer, ctype){
    level=level-0.1;
    changeOpacity(id,level);
    if(level<0){
        clearInterval(outTimer);
        if(ctype==2) {
            document.getElementById(id).style.display="none";
        }
    }
    return level;
}

function changeOpacity(id,level){
    var obj=document.getElementById(id);
    obj.style.opacity=level;
    obj.style.MozOpacity=level;
    obj.style.KhtmlOpacity=level;
    obj.style.MsFilter="\'progid:DXImageTransform.Microsoft.Alpha(Opacity="+(level*100)+")\'";
    obj.style.filter="alpha(opacity="+(level*100)+");";
}

function elementInViewport(el) {
    var rect = el.getBoundingClientRect();
    if (typeof rect.width === 'undefined') {
        return true;
    }
    else if(el.getAttribute('dload')) {
        if(el.getAttribute('dload') == 'true') {
            return true;
        }
        else {
            return (rect.top>=0 && rect.left>=0 && rect.top <= (window.innerHeight + 300 || document.documentElement.clientHeight + 300));
        }
    }
    else {
        return (rect.top>=0 && rect.left>=0 && rect.top <= (window.innerHeight + 300 || document.documentElement.clientHeight + 300));
    }
}
var $rs = function(q, res){
    if (document.querySelectorAll) {
        res = document.querySelectorAll(q);
    } else {
        var d=document, a=d.styleSheets[0] || d.createStyleSheet();
        a.addRule(q,'f:b');
        for(var l=d.all,b=0,c=[],f=l.length;b<f;b++) {
            l[b].currentStyle.f && c.push(l[b]);
        }
        a.removeRule(0);
        res = c;
    }
    return res;
}

function loadRealSSP() {
    var rifr = new Array(), rifrs=$rs('iframe.realssp');
    for(var i=0; i<rifrs.length; i++) {
        rifr.push(rifrs[i]);
    }

    var rdv = new Array(), scripts = new Array(), rdvs=$rs('div.realssp_dv');
    for(var i=0; i<rdvs.length; i++) {
        rdv.push(rdvs[i]);
    }

    var processScroll = function(){
        for (var i=0; i<rifr.length; i++) {
            if(elementInViewport(rifr[i])) {
                rifr[i].src = rifr[i].getAttribute('data-src');
                rifr.splice(i, 1);
                i--;
            }
        }
        for (var i=0; i<rdv.length; i++) {
            if(elementInViewport(rdv[i])) {
                scripts[i] = document.createElement('script');
                scripts[i].setAttribute("src", "http://nw.realssp.co.kr/?v=1.0&m="+rdv[i].getAttribute('data-mcode'));
                document.getElementsByTagName('head')[0].appendChild(scripts[i]);
                rdv.splice(i, 1);
                i--;
            }
        }
    }

    processScroll();
    addEventListener('scroll',processScroll);
}

document.onreadystatechange=fnStartInit;
function fnStartInit()
{
   if (document.readyState=="interactive")
   {
      loadRealSSP();
   }
}