﻿// GESTIONE ANGOLI ARROTONDATI
var iLoad = 4;
var iLoaded = 0;

var loaded = function() { iLoaded++; if (iLoaded >= iLoad) { renderEdge(); } }

var edgeTS = null;
var edgeBD = null;
var edgeTS2 = null;
var edgeBD2 = null;

var renderText = true;
var renderImage = true;

/*** BEGIN: FIX PER PREVIEW EDITOR *****/

var bName = Browser.Engine.name;
var bVers = Browser.Engine.version;

var ie6 = bName == 'trident' && bVers < 5  ? true : false;
var ie7 = bName == 'trident' && bVers == 5 && navigator.userAgent.indexOf('MSIE 7') > 0 ? true : false;
var ie8 = bName == 'trident' && bVers == 5 && navigator.userAgent.indexOf('MSIE 8') > 0 ? true : false;
var safari3 = bName == 'webkit' && bVers >= 420 ? true : false;
var ff3 = bName == 'gecko' && bVers >= 19 ? true : false;

/*** END: FIX PER PREVIEW EDITOR *****/

window.addEvent('domready', function(){

    // Safari 3.0 and Firefox 3 support CSS3 radius border
    if (ff3) { renderText = false; }
    if (safari3) { renderText = false; }
    
    if (!renderText) {
        var a1 = $$('.new-box-center-img','.new-box-center-text','.new-content-left-1','.new-content-left-3','.new-content-left-4','.box-center-img','.box-center-text','.box-center-2-img','.box-center-2-text','.content-left-1','.content-left-3','.content-left-4');
        a1.setStyles({
            'border':'1px solid #b0b0b0',
            'padding':'10px 10px 10px 10px',
            '-moz-border-radius-topleft': '32px',
            '-moz-border-radius-bottomright': '32px',
            '-webkit-border-top-left-radius': '32px',
            '-webkit-border-bottom-right-radius': '32px'
        });
    }
    
    if (!renderImage) {

    }
    
    // Specifica per explorer 6
    if (ie6) {
        var a1 = $$('.new-box-center-img','.new-box-center-text','.new-content-left-1','.new-content-left-3','.new-content-left-4','.box-center-img','.box-center-text','.box-center-2-img','.box-center-2-text','.content-left-1','.content-left-3','.content-left-4');
        a1.setStyles({
            'border':'1px solid #b0b0b0',
            'padding':'10px 10px 10px 10px'
        });
    }

});

window.addEvent('load', function(){
    if (!ie6) {
        edgeTS = new Asset.image('/images/angoli/edgeTS.png',{onload: loaded, alt:'',title:'','class':'edgeTS'});
        edgeBD = new Asset.image('/images/angoli/edgeBD.png',{onload: loaded, alt:'',title:'','class':'edgeBD'});
        edgeTS2 = new Asset.image('/images/angoli/edgeTS2_3.png',{onload: loaded, alt:'',title:'','class':'edgeTS'});
        edgeBD2 = new Asset.image('/images/angoli/edgeBD2_3.png',{onload: loaded, alt:'',title:'','class':'edgeBD'});
    }
});


function renderEdge() {

    // Safari 3.0 and Firefox 3 support CSS3 radius border
    if (ff3) { renderText = false; }
    if (safari3) { renderText = false; }
    
    if (renderText) {
        var divBorder = new Element('div',{'class':'edgeBorder'});
        // Rotondo con bordo
        var a1 = $$('.new-box-center-img','.new-box-center-text','.new-content-left-1','.new-content-left-3','.new-content-left-4','.box-center-img','.box-center-text','.box-center-2-img','.box-center-2-text','.content-left-1','.content-left-3','.content-left-4');
        a1.each(function(el4){
            el4.setStyle('position','relative');
            var b = divBorder.clone();
            b.set('html',el4.get('html'));
            el4.empty();
            edgeTS2.clone().inject(el4);
            edgeBD2.clone().inject(el4);
            b.inject(el4);
        });
    }
    
    if (renderImage) {
        var divImage = new Element('div',{'class':'edgeImage'});
        // Immagine arrotondata sfondo bianco
        var a3 = $$('.new-titolo-immagine','.titolo-immagine','.new-titolo-immagine-big','.new-blocco-20-dx','.titolo-immagine-big','.blocco-20-dx');
        a3.each(function(el){
            el.getChildren('img').each(function(el2){
                var b = divImage.clone();
                b.setStyles({'width':el2.getSize().x,'height':el2.getSize().y});
                edgeTS.clone().setStyles({'top':'-1px','left':'-1px'}).inject(b);
                edgeBD.clone().setStyles({'bottom':'-1px','right':'-1px'}).inject(b);
                b.inject(el);
                el2.inject(b);
            });
        });
    }

}
