// =============================================================================
var current='a1';

function switchid(id){	
	hidediv(current);
	showdiv(id);
	current = id;
}

// =============================================================================
function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}

// =============================================================================
// =========================== Show channel captions ===========================
// =============================================================================
function showCaption() {
    var $this = $(this);
    if($this.find('.caption').length == 0){
        var css = '';

        css = 'width: ' + $this.css('width');

        var $caption = '<div class="caption" style="' + css + '"><div class="caption-bg"></div><div class="info">' + $this.find('img').attr('rel') + '</div></div>';

        $this.append($caption);
        $this.find('.caption .caption-bg').css({opacity: 0.0});
        $this.find('.caption .caption-bg').animate({opacity: 0.7}, 'fast');
    }

    $this.find('.caption').stop().animate({opacity: 1.0}, 'fast');
}

function hideCaption() {
    var $this = $(this);
    $this.find('.caption').stop().animate({opacity: 0.0});
}