﻿if (window.devnet === undefined) { window.devnet = {}; }

devnet.CurveyCorners = function () {};
devnet.CurveyCorners.prototype = {
    setCorners: function (el, corners) {
        if ($chk(el)) {
            if(Browser.Engine.webkit) {
                el.setStyles({
                    '-webkit-border-top-left-radius': corners[0] + 'px',
                    '-webkit-border-top-right-radius': corners[1] + 'px',
                    '-webkit-border-bottom-left-radius': corners[2] + 'px',
                    '-webkit-border-bottom-right-radius':corners[3] + 'px'
                });
            } else if (Browser.Engine.gecko) {
                el.setStyles({
                    '-moz-border-radius-topleft': corners[0] + 'px',
                    '-moz-border-radius-topright': corners[1] + 'px',
                    '-moz-border-radius-bottomleft': corners[2] + 'px',
                    '-moz-border-radius-bottomright':corners[3] + 'px'
                });
            } else {
                if ($type(el) === 'element') {
                    curvyCorners({ 
                            tl: { radius: corners[0] }, 
                            tr: { radius: corners[1] }, 
                            bl: { radius: corners[2] }, 
                            br: { radius: corners[3] }, 
                            antiAlias: true 
                        }, el);
                } else if ($type(el) === 'array') {
                    $each(el, function (e, i) {
                        curvyCorners({ 
                                tl: { radius: corners[0] }, 
                                tr: { radius: corners[1] }, 
                                bl: { radius: corners[2] }, 
                                br: { radius: corners[3] }, 
                                antiAlias: true 
                            }, e);
                    });  
                }
            }
        }
    }
};

window.addEvent('domready', function () {
    var cc = new devnet.CurveyCorners();
    
    // Main template
    cc.setCorners($('PromoBox'), [5, 5, 5, 5]);
	cc.setCorners($('Information'), [5, 5, 5, 5]);
	cc.setCorners($$('.info-left'), [5, 5, 5, 5]);
	cc.setCorners($$('.info-right'), [5, 5, 5, 5]);
});