// load stylesheet //
document.write('<link href="_dev/dev.css?id=1" media="screen, projection" rel="stylesheet" type="text/css" />');

AddEvent(window,"load",InitialisePage);
function InitialisePage(){
    if(!compatible)
        return false;
    var htmlToAppend = '<div id="gridlayout-ruler" style="display: none"><a href="javascript:toggle(\'gridlayout-ruler\');" accesskey="r">&nbsp;</a></div><div id="gridlayout-text" style="display: none"><a href="javascript:toggle(\'gridlayout-text\');" accesskey="t">&nbsp;</a></div><div id="gridlayout-grid" style="display: none"><a href="javascript:toggle(\'gridlayout-grid\');" accesskey="g">&nbsp;</a></div>';
	var body = document.getElementsByTagName("BODY")[0];
    if(body){
        body.innerHTML += htmlToAppend;
    }
}


function AddEvent(element,eventType,fn,useCapture)
{
    if(element.addEventListener)
    {
        element.addEventListener(eventType,fn,useCapture);
        return true;
    }
    else if (element.attachEvent)
    {
        var r = element.attachEvent('on' + eventType, fn);
        return r;
    }
    else
    {
        element['on' + eventType] = fn;
    }
    EventCache.add(element, eventType, fn, true);
}
var compatible = (document.getElementById && document.getElementsByTagName && document.createElement&&!(navigator.userAgent.indexOf('MSIE 5') != -1 && navigator.userAgent.indexOf('Mac') != -1));


// toggle //
function toggle(obj) {
	var el = document.getElementById(obj);
	if ( el.style.display != 'none' ) {
		el.style.display = 'none';
	}
	else {
		el.style.display = '';
	}
}