// Attach Cornell's Sesquicentennial linked image to the top of the web page body.

var flagWidth = 84;
var flagHeight = 57;

var sesquiFlagLink=document.createElement("a");
sesquiFlagLink.setAttribute('href', 'http://150.cornell.edu/?utm_source=sesqui-badge&utm_medium=sesqui-badge&utm_campaign=sesqui-badge');
sesquiFlagLink.setAttribute('id', 'sesquiFlagLink');

document.body.insertBefore(sesquiFlagLink, document.body.firstChild);

var sesquiFlag=document.createElement("img");
sesquiFlag.setAttribute('id', 'sesquiFlag');
sesquiFlag.setAttribute('src', '//media.univcomm.cornell.edu/sesqui/sesqui-flag.png');
sesquiFlag.setAttribute('alt', '');
sesquiFlag.setAttribute('height', flagHeight + 'px');
sesquiFlag.setAttribute('width', flagWidth + 'px');
sesquiFlag.style.zIndex=10010;
sesquiFlag.style.display='none';
sesquiFlag.style.margin=0;
sesquiFlag.style.padding=0;
sesquiFlag.style.position='absolute';
sesquiFlag.style.border=0;

var w = window,
    d = document,
    e = d.documentElement,
    g = d.getElementsByTagName('body')[0],
    x = e.clientWidth || g.clientWidth || w.innerWidth,
    y = e.clientHeight|| g.clientHeight || w.innerHeight;

var right = x - flagWidth - 15;
var center = Math.round((x/2) - (flagWidth/2));

sesquiFlag.style.left=center + "px";

sesquiFlag.style.top="0px";

document.getElementById("sesquiFlagLink").appendChild(sesquiFlag);

checkWidth(x);


function checkWidth(x) {
    // Hide image when screen is narrow / show it when wide.
    if (x > 575) {
        sesquiFlag.style.display='inline';
    }
    else {
        sesquiFlag.style.display='none';
    }
}




// If the window is resized, adjust image's position if it's on the top right or top middle.

var addEvent = function(elem, type, eventHandle) {
    if (elem == null || typeof(elem) == 'undefined') return;
    if ( elem.addEventListener ) {
        elem.addEventListener( type, eventHandle, false );
    } else if ( elem.attachEvent ) {
        elem.attachEvent( "on" + type, eventHandle );
    } else {
        elem["on"+type]=eventHandle;
    }
};

function moveFlag() {
	var w = window,
	    d = document,
	    e = d.documentElement,
	    g = d.getElementsByTagName('body')[0],
	    x = w.innerWidth || e.clientWidth || g.clientWidth,
	    y = w.innerHeight|| e.clientHeight|| g.clientHeight;

	//console.debug(x, y);

    var right = x - flagWidth - 15;
    var center = Math.round((x/2) - (flagWidth/2));

    document.getElementById("sesquiFlag").style.left=center + "px";


    checkWidth(x);
}

addEvent(window, "resize", moveFlag);