//$j(window).addEvent('load', function() {
            //$j(document).addEvent('domready', function() {
            var arrows = [
                // w, h, clip, ext
                [  44,  44, [0, 22, 22,  0], 'png'],
                [  44,  44, [0, 22, 22,  0], 'png'],
                [  44,  44, [0, 22, 22,  0], 'png'],
                [  44,  44, [0, 22, 22,  0], 'png'],
                [ 132, 132, [0, 66, 66, 38], 'png'],
                [ 132, 132, [0, 66, 66, 36], 'png'],
                [ 112, 112, [0, 56, 56, 15], 'png'],
                [  48,  48, [0, 24, 24,  0], 'gif'],
                [  76,  76, [0, 38, 38,  0], 'png']
            ];
            var wrapper = 70;
            var current = 5;
            $j(window).a('load', function() {
                var i, url, el, a;
                for(i in arrows) {
                    i = parseInt(i);
                    url = 'magicslideshow/graphics/arrows0' + (i+1) + (i==7 ? '-full' : '') + '.' + arrows[i][3];
                    el = $J.$new('div', {
                            id: 'arrow' + i, 'class': 'arrow' + ((i == current) ? ' selected' : '')
                        }, {
                            width: wrapper, height: wrapper, 'float': 'left', 'position': 'relative'
                    });
                    a = $J.$new('a', {href:'javascript:void(0);'}, {
                        display:    'block',
                        width:      arrows[i][0],
                        height:     arrows[i][1],
                        position:   'absolute',
                        clip:       'rect(' + arrows[i][2][0] + 'px, ' + arrows[i][2][1] + 'px, ' + arrows[i][2][2] + 'px, ' + arrows[i][2][3] + 'px)',
                        left:       (wrapper - arrows[i][0] +  arrows[i][2][1] - arrows[i][2][3]) / 2,
                        top:        (wrapper - arrows[i][1] + arrows[i][2][2] - arrows[i][2][0]) / 2
                    });
                    if($J.v.trident && arrows[i][3] == 'png') {
                        a.j6({
                            backgroundImage:    'none',
                            filter:             "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='" + url + "')"
                        });
                    } else {
                        a.j6({
                            backgroundImage: 'url(' + url + ')'
                        });
                    }
                    el.appendChild(a);
                    el.j41('_id', i);
                    $j(el).a('click', function(e) {
                        $j('arrow' + current).j3('selected');
                        this.j2('selected');
                        current = this.j40('_id', 0);
                        refreshArrows();
                    });
                    $j('arrows').appendChild(el);
                }
                $j('arrows').appendChild($J.$new('div', {}, {clear:'both',height:0,'font-size':0,'line-height':0}));
            });

            var cssRules = {box: null, a: null}
            function refreshArrows() {
                var sheets = document.styleSheets,
                    rules = null,
                    url = 'graphics/arrows0' + (current+1) + '.' + arrows[current][3],
                    w = arrows[current][0] / 2,
                    C = 0;
                if($J.v.presto) {
                    url = 'magicslideshow/' + url;
                }
                for (var i = 0, sl = sheets.length; i < sl; i++) {
                    /*if (cssRules.box && cssRules.a) {
                        break;
                    }*/
                    rules = sheets[i].cssRules ? sheets[i].cssRules : sheets[i].rules;
                    for(var j = 0, rl = rules.length; j < rl; j++) {
                        if (rules[j].selectorText.toLowerCase() == 'a.magicslideshowarrow') {
                            rules[j].style.background = 'url(' + url + ')';
                            rules[j].style.width = w + 'px';
                            rules[j].style.height = w + 'px';
                            C++;
                        }
                        if (rules[j].selectorText.toLowerCase() == 'a.magicslideshowarrowtop') {
                            rules[j].style.backgroundPosition = w + 'px 0';
                            C++;
                        }
                        if (rules[j].selectorText.toLowerCase() == 'a.magicslideshowarrowbottom') {
                            rules[j].style.backgroundPosition = w + 'px ' + w + 'px';
                            C++;
                        }
                        if (rules[j].selectorText.toLowerCase() == 'a.magicslideshowarrowleft') {
                            rules[j].style.backgroundPosition = '0 ' + w + 'px';
                            C++;
                        }
                        if(C > 3) { break; }
                    }
                    if(C > 3) { break; }
                }

                MagicSlideshow.refresh();
            }