// On window load
function addLoadEvent(func, arg){
    if (!arg) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function') {
            window.onload = func;
        } else {
            window.onload = function(){
                oldonload();
                func();
            };
        }
    } else {/*if the onload event has an argument/parameter cater for that*/
        if (arg) {
            oldonload = window.onload;
            if (typeof window.onload != 'function') {
                window.onload = func(arg);
            }
            window.onload = function(){
                oldonload();
                func(arg);
            };
        }
    }
}

// On document load
function domLoad(i){
    var u = navigator.userAgent;
    var e =/*@cc_on!@*/ false;
    var st = setTimeout;
    if (/webkit/i.test(u)) {
        st(function(){
            var dr = document.readyState;
            if (dr == "loaded" || dr == "complete") {
                i();
            } else {
                st(arguments.callee, 10);
            }
        }, 10);
    } else if (((/mozilla/i.test(u) && !(/(compati)/.test(u)))) || (/opera/i.test(u))) {
        document.addEventListener("DOMContentLoaded", i, false);
    } else if (e) {
        (function(){
            var t = document.createElement('doc:rdy');
            try {
                t.doScroll('left');
                i();
                t = null;
            } catch (e) {
                st(arguments.callee, 0);
            }
        })();
    } else {
        window.onload = i;
    }
}

function newElem(tag, id, classname, type, link){
    if (tag) {
        var node = document.createElement(tag);
        
        if (id) {
            node.setAttribute('id', id);
        }
        
        if (classname) {
            node.className = classname;
        }
        
        if (type && link) {
            node.setAttribute(type, link);
        }
        return node;
    }
}

function scrollY(){
    return window.pageYOffset ? window.pageYOffset : document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop;
}

function scroll(trigger){
    var body = document.getElementsByTagName('body')[0];
    var demoBoxBg = document.getElementById('demoBoxBg');
    var y = scrollY();
    
    if (trigger) {
        document.documentElement.style.overflowY = 'auto';
        body.style.overflowY = 'visible';
        body.scroll = 'yes';
        window.scrollTo(0, y);
    } else {
        document.documentElement.style.overflowY = 'hidden';
        body.style.overflowY = 'hidden';
        body.scroll = "no";
        window.scrollTo(0, 0);
    }
}

function dynamicDemo(){
    /* SDR, uri = https://dev.csvas.tim.it:4443 */
    var uri = "";
    
    var body = document.getElementsByTagName('body')[0];
    var head = document.getElementsByTagName("head")[0];
    // load css
    var fileref = document.createElement("link");
    fileref.setAttribute("rel", "stylesheet");
    fileref.setAttribute("type", "text/css");
    fileref.setAttribute("href", uri + '/caring119/showfile/86625.css');
    head.appendChild(fileref);
    
    var demoBox = newElem('div', 'demoBox');
    var demo = newElem('div', 'demo');
    var demoNav = newElem('div', 'demoNav');
    var logo119 = newElem('img', '', '', 'src', uri + '/caring119/showimg/86585.gif');
    var div = newElem('div');
    var logoTIM = newElem('img', '', '', 'src', uri + '/caring119/showimg/86586.gif');
    var closeDemoBtn = newElem('a', 'closeDemo');
    var closeDemoImg = newElem('img', '', '', 'src', uri + '/caring119/showimg/86587.gif');
    var demoFlash = newElem('div', 'demoFlash');
    var demoBoxBg = newElem('div', 'demoBoxBg');
    
    body.appendChild(demoBoxBg);
    body.appendChild(demoBox);
    demoBox.appendChild(demo);
    demo.appendChild(demoNav);
    demoNav.appendChild(logo119);
    demoNav.appendChild(div);
    div.appendChild(logoTIM);
    closeDemoBtn.appendChild(closeDemoImg);
    div.appendChild(closeDemoBtn);
    demo.appendChild(demoFlash);
    
    if (!document.getElementById('viewDemo')) { return false; }
    var viewDemo = document.getElementById('viewDemo');
    
    var flashvars = {
        dataPath: "/caring119/showfile/86590.xml"
    };
    
    return openDemo;
}

function closeDemo(){
    
    var uri = "";
    
    var flashvars = {
        dataPath: "/caring119/showfile/86590.xml"
    };
    
    swfobject.embedSWF(uri + " ", 'demoFlash', "790", "520", "8.0.0", true, flashvars);
    
    var demo = document.getElementById('demo');
    var demoBox = document.getElementById('demoBox');
    var demoBoxBg = document.getElementById('demoBoxBg');
    
    demo.style.display = "none";
    
    var delay = function(){
        demoBox.style.display = "none";
        demoBoxBg.style.display = "none";
        scroll(true);
    };
    
    setTimeout(delay, 1000);
    
    return false;
}

function openDemo(){
    var uri = "";
    
    var flashvars = {
        dataPath: "/caring119/showfile/86590.xml"
    };
    
    swfobject.embedSWF(uri + "/caring119/showfile/86589.swf", 'demoFlash', "790", "520", "8.0.0", true, flashvars);
    
    scroll();
    
    var demo = document.getElementById('demo');
    var demoBox = document.getElementById('demoBox');
    var demoBoxBg = document.getElementById('demoBoxBg');
    
    demoBox.style.display = "block";
    demoBoxBg.style.display = "block";
    
    var delay = function(){
        demo.style.display = "block";
    };
    
    setTimeout(delay, 1000);
}


domLoad(function(){
    dynamicDemo();
    var closeDemoBtn = document.getElementById('closeDemo');
    closeDemoBtn.onclick = closeDemo; 
});