(function(){if(!window['UD']) {window['UD'] = {};}
function isCompatible(other) {if( other===false || !Array.prototype.push || !Object.hasOwnProperty || !document.createElement || !document.getElementsByTagName ) {alert('TR- if you see this message isCompatible is failing incorrectly.');return false;}return true;}window['UD']['isCompatible'] = isCompatible;
function $() {var elements = new Array();for (var i = 0; i < arguments.length; i++) {var element = arguments[i];if (typeof element == 'string') {element = document.getElementById(element);}if (arguments.length == 1) {return element;}elements.push(element);}return elements;};window['UD']['$'] = $;
function addEvent( node, type, listener ) {if(!isCompatible()) { return false }if(!(node = $(node))) return false;if (node.addEventListener) { node.addEventListener( type, listener, false ); return true;} else if(node.attachEvent) { node['e'+type+listener] = listener; node[type+listener] = function(){node['e'+type+listener]( window.event ); }
node.attachEvent( 'on'+type, node[type+listener] ); return true; } return false;}; window['UD']['addEvent'] = addEvent;
function getStyleSheets(url,media) {var sheets = [];for(var i = 0 ; i < document.styleSheets.length ; i++) {if (url &&  document.styleSheets[i].href.indexOf(url) == -1) { continue; }if(media) {media = media.replace(/,\s*/,',');var sheetMedia;if(document.styleSheets[i].media.mediaText) {sheetMedia = document.styleSheets[i].media.mediaText.replace(/,\s*/,',');sheetMedia = sheetMedia.replace(/,\s*$/,'');} else {sheetMedia = document.styleSheets[i].media.replace(/,\s*/,',');}if (media != sheetMedia) { continue; }}sheets.push(document.styleSheets[i]);}return sheets;}window['UD']['getStyleSheets'] = getStyleSheets;
function addCSSRule(selector, styles, index, url, media) {var declaration = '';for (property in styles) {if(!styles.hasOwnProperty(property)) { continue; }declaration += property + ':' + styles[property] + '; ';}var styleSheets = (typeof url == 'array' ? url : getStyleSheets(url,media));var newIndex;for(var i = 0 ; i < styleSheets.length ; i++) {if(styleSheets[i].insertRule) {newIndex = (index >= 0 ? index : styleSheets[i].cssRules.length);styleSheets[i].insertRule(selector + ' { ' + declaration + ' } ',newIndex); } else if(styleSheets[i].addRule) {newIndex = (index >= 0 ? index : -1);styleSheets[i].addRule(selector, declaration, newIndex);}}}window['UD']['addCSSRule'] = addCSSRule;
function editCSSRule(selector,styles,url,media){var styleSheets = (typeof url == 'array' ? url : getStyleSheets(url,media));for ( i = 0; i < styleSheets.length; i++ ) {var rules = styleSheets[i].cssRules || styleSheets[i].rules;if (!rules) { continue; }selector = selector.toUpperCase();for(var j = 0; j < rules.length; j++) {if(rules[j].selectorText.toUpperCase() == selector) {for (property in styles) {if(!styles.hasOwnProperty(property)) { continue; } }}}}}window['UD']['editCSSRule'] = editCSSRule;
function hasClassName(element, className) {if(!(element = $(element))) return false;var classes = getClassNames(element);for (var i = 0; i < classes.length; i++) {if (classes[i] === className) { return true; }} return false;};window['UD']['hasClassName'] = hasClassName;
function addClassName(element, className) {if(!(element = $(element))) return false;element.className += (element.className ? ' ' : '') + className;return true;};window['UD']['addClassName'] = addClassName;
function removeClassName(element, className) {if(!(element = $(element))) return false;var classes = getClassNames(element);var length = classes.length;for (var i = length-1; i >= 0; i--) {if (classes[i] === className) { delete(classes[i]); }}element.className = classes.join(' ');return (length == classes.length ? false : true);};window['UD']['removeClassName'] = removeClassName;
function getStyle(element,property) {if(!(element = $(element)) || !property) return false;var value = element.style[camelize(property)];if (!value) {if (document.defaultView && document.defaultView.getComputedStyle) {var css = document.defaultView.getComputedStyle(element, null);value = css ? css.getPropertyValue(property) : null;} else if (element.currentStyle) {value = element.currentStyle[camelize(property)];}}return value == 'auto' ? '' : value;}window['UD']['getStyle'] = getStyle;window['UD']['getStyleById'] = getStyle;
function camelize(s) {return s.replace(/-(\w)/g, function (strMatch, p1){return p1.toUpperCase();});}window['UD']['camelize'] = camelize;
function uncamelize(s, sep) {sep = sep || '-';return s.replace(/([a-z])([A-Z])/g, function (strMatch, p1, p2){return p1 + sep + p2.toLowerCase(); });}window['UD']['uncamelize'] = uncamelize;
function getClassNames(element) {if(!(element = $(element))) return false;return element.className.replace(/\s+/,' ').split(' ');};window['UD']['getClassNames'] = getClassNames;
function getElementsByClassName(className, tag, parent){parent = parent || document;if(!(parent = $(parent))) return false;var allTags = (tag == "*" && parent.all) ? parent.all : parent.getElementsByTagName(tag);var matchingElements = new Array();className = className.replace(/\-/g, "\\-");var regex = new RegExp("(^|\\s)" + className + "(\\s|$)");var element;for(var i=0; i<allTags.length; i++){element = allTags[i];if(regex.test(element.className)){matchingElements.push(element);}}return matchingElements;};window['UD']['getElementsByClassName'] = getElementsByClassName;
function insertAfter(node, referenceNode) {if(!(node = $(node))) return false;if(!(referenceNode = $(referenceNode))) return false;return referenceNode.parentNode.insertBefore(node, referenceNode.nextSibling);};window['UD']['insertAfter'] = insertAfter;
function toggleDisplay(node, value) {if(!(node = $(node))) return false;if ( node.style.display != 'none' ) {node.style.display = 'none';} else {node.style.display = value || ''; } return true;}window['UD']['toggleDisplay'] = toggleDisplay;
function setStyleById(element, styles) {if(!(element = $(element))) return false;for (property in styles) {if(!styles.hasOwnProperty(property)) continue;if(element.style.setProperty) {element.style.setProperty( uncamelize(property,'-'),styles[property],null); } else {element.style[camelize(property)] = styles[property]; }} return true;}window['UD']['setStyle'] = setStyleById; window['UD']['setStyleById'] = setStyleById; 
function getKeyPressed(eventObject) { eventObject = eventObject || getEventObject(eventObject); var code = eventObject.keyCode; var value = String.fromCharCode(code); return {'code':code,'value':value};}window['UD']['getKeyPressed'] = getKeyPressed;
})();
var loadTimer;
var sub_title_wd = 0;
var scr_wd = 0;
var scr_hgt = 0;
//preload nav images
var arr_lft = new Image();
var arr_lft_ovr = new Image();
var arr_lft_dwn = new Image();
var arr_rgt = new Image();
var arr_rgt_ovr = new Image();
var arr_rgt_dwn = new Image();
arr_lft.src = "images/arr_lft.png";
arr_lft_ovr.src = "images/arr_lft_ovr.png";
arr_lft_dwn.src = "images/arr_lft_dwn.png";
arr_rgt.src = "images/arr_rgt.png";
arr_rgt_ovr.src = "images/arr_rgt_ovr.png";
arr_rgt_dwn.src = "images/arr_rgt_dwn.png";

UD.addEvent(window,'load',function(){
    var width;
    var clWidth;
    scr_wd = screen.width;
    scr_hgt = screen.height;
	//alert(scr_wd);
    if( typeof( window.innerWidth ) == 'number' ) {
        clWidth = window.innerWidth;
    }else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ){
        clWidth=document.documentElement.clientWidth;
    }else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        clWidth=document.body.clientWidth;
    }
    if(clWidth < (scr_wd - 100) ){
        window.moveTo(0,0);
        window.resizeTo(scr_wd,scr_hgt);
    }
    //add keyevent
    UD.addEvent(document,'keydown',function(W3CEvent){
        var key = UD.getKeyPressed(W3CEvent);
        switch(key.code){
            case 34:
                if(UD.$('fwd')){
                    var fwd = UD.$('fwd').firstChild.nodeValue;
                    window.location = fwd;
                }
                break;
            case 33:
                if(UD.$('back')){
                    var bk = UD.$('back').firstChild.nodeValue;
                    window.location = bk;
                }
                break;
        }
    });
    
    //nav events
    var nav_bk = UD.$('arr_bk');
    var nav_fwd = UD.$('arr_fwd');
    if(nav_bk){
        UD.addEvent(nav_bk,'mouseover',function(){
            this.src = arr_lft_ovr.src;
            
        });
        UD.addEvent(nav_bk,'mouseout',function(){
            this.src = arr_lft.src;
            
        });   
        UD.addEvent(nav_bk,'mousedown',function(){
            this.src = arr_lft_dwn.src;
        }); 
        UD.addEvent(nav_bk,'mouseup',function(){
            this.src = arr_lft_ovr.src;
            Navigate('back');
        });  
    }
    if(nav_fwd){
        UD.addEvent(nav_fwd,'mouseover',function(){
            this.src = arr_rgt_ovr.src;
        });
        UD.addEvent(nav_fwd,'mouseout',function(){
            this.src = arr_rgt.src;
        });   
        UD.addEvent(nav_fwd,'mousedown',function(){
            this.src = arr_rgt_dwn.src;
        }); 
        UD.addEvent(nav_fwd,'mouseup',function(){
            this.src = arr_rgt_ovr.src;
            Navigate('fwd');
        });                    
    }
    
    if(scr_wd <= 1024){width = '1024';}
    else if((scr_wd >= 1280 && scr_wd < 1440)&& scr_hgt >= 1024){width = '1280';}
    else if((scr_wd >= 1280 && scr_wd < 1440)&& scr_hgt < 1024){width = '1280a';}
    else if(scr_wd >= 1440 && scr_wd < 1680){width = '1440';}
    else if(scr_wd >= 1680){width = '1680';}
    else{width = '1280';}
    
    var lk = document.getElementsByTagName('link')[0];
    lk.setAttribute('href','css/' + width + '.css');
     
    loadTimer = setInterval(loadMain,100); 
    
//    if(UD.$('main')){
//        UD.$('main').style.visibility = 'visible';
//    }
   
});
function Navigate(dir){
    switch(dir){
        case 'fwd':
            window.location = UD.$('fwd').firstChild.nodeValue;
            break;
        case 'back':
            window.location = UD.$('back').firstChild.nodeValue;
            break;
      }
}

function loadMain(){
    var rules = document.styleSheets[0].cssRules || document.styleSheets[0].rules;
    if(rules){
        for(var i=0;i<rules.length;i++){
            if(rules[i].selectorText == '#footer'){
                UD.$('main').style.visibility = 'visible';
                clearInterval(loadTimer);  
            }
        }
    }
}