window.addEvent(
    'domready', function() {
        // External links and links to the competition page
        // must open in a new window
        $$('a[href^=http://], a[href=/competition.aspx]').addEvent('click', function(e){
            e.preventDefault();
            window.open(this.href);
        });

        $('search').addEvent( 'submit', function(event){
            event.preventDefault();
            var id = $$('#search input')[0].value.toInt();
            return window.open("http://bayleys.co.nz/" + id);
        });


        $$('#content h1').each(
            function(item){
                var left = new Element('div', {'class': 'h1-left-corners'});
                var right = new Element('div', {'class': 'h1-right-corners'});
                left.replaces(item);
                right.inject(left);
                item.inject(right);
            });

        if(Browser.Engine.trident4) {
	    fixPNG();
        }
    });

var bayleysSearch = function(e){
    e.preventDefault();
    var id = $$('#search input')[0].value.toInt();
    return window.open("http://bayleys.co.nz/" + id);
};

function fixPNG() {
    var blankSrc = '/blank.gif';
    var pngimages = $$('#textBlock img');

    pngimages.each(function(el){
	if(el.src.match('png')) {
	    var src = el.src;
	    el.src = blankSrc;
	    el.style.height= el.getStyle('height');
	    el.style.width= el.getStyle('width');
	    el.runtimeStyle.filter = "progid:DXImageTransform.Microsoft." + "AlphaImageLoader(src='" + src + "',sizingMethod='crop')";
	}
    });
}

var setupTooltips = function(){
    $('region-map').getElements('li a').each(
        function(item) {
            var text = item.get('text');
            text = text.test(/(\w+ ){3,}\w+/) ? text.replace(/^(.*) (\w+) (\w+)$/, "$1 $2 $3") : text;
            item.set('text', '');
            item.set('title', '');
            item.addClass('tooltipped');
            // item.fade(0.005);
            var span = new Element('span', {'class': 'tooltip', 'html': text}).fade(0.001);
            item.adopt(span);

            item.addEvents ({
                'mouseover': function(event){
                    this.getElement('span').fade('in');
                },
                'mouseleave': function(event){
                    this.getElement('span').fade(0.001);
                }
            });
        });
};