function ShowPageContent(searchTabid){

	//Display div
	var vContainer=document.getElementById("searchContainer");
	var vAllDivs=vContainer.getElementsByTagName("div");
	for(i=0;i<vAllDivs.length;i++){
		vAllDivs[i].style.display=(vAllDivs[i].id==searchTabid?"block":"none");}
}

function ShowPageContent1(searchTabid){
	//Display div

	var vContainer=document.getElementById("searchContainer1");
	var vAllDivs=vContainer.getElementsByTagName("div");
	for(i=0;i<vAllDivs.length;i++){
		vAllDivs[i].style.display=(vAllDivs[i].id==searchTabid?"block":"none");

		}
}

function ShowPod(podid){
	//Display div
	var vPod=document.getElementById("podContainer");
	var vAllPods=vPod.getElementsByTagName("div");
	for(i=0;i<vAllPods.length;i++){
		vAllPods[i].style.display=(vAllPods[i].id==podid?"block":"none");}

	var vShowContainer=document.getElementById(podid);
	var vAllShowDivs=vShowContainer.getElementsByTagName("div");
	for(i=0;i<vAllShowDivs.length;i++){
		vAllShowDivs[i].style.display="block";}
}

function SetTabActive(DefaultTab){
	var vMenuContainer=document.getElementById("tabContainer");
	var vTabImgs=vMenuContainer.getElementsByTagName("img");
	vTabImgs[DefaultTab].src=vTabImgs[DefaultTab].src.substring(0,vTabImgs[DefaultTab].src.lastIndexOf('.')) + "_over.gif";
}

var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts = new Array();


function init()
{
	if (!W3CDOM) return;
	var nav = document.getElementById('tabContainer');
	var imgs = nav.getElementsByTagName('img');
	for (var i=0;i<imgs.length;i++)
	{
		if(i!=DefaultTab){
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout = mouseGoesOut;
		var suffix = imgs[i].src.substring(imgs[i].src.lastIndexOf('.'));
		mouseOuts[i] = new Image();
		mouseOuts[i].src = imgs[i].src;
		mouseOvers[i] = new Image();
		mouseOvers[i].src = imgs[i].src.substring(0,imgs[i].src.lastIndexOf('.')) + "_over" + suffix;
		imgs[i].number = i;
		}
	}
}

function mouseGoesOver()
{
	this.src = mouseOvers[this.number].src;
}

function mouseGoesOut()
{
	this.src = mouseOuts[this.number].src;
}


/**
 * Custom button state handler for enabling/disabling button state.
 * Called when the carousel has determined that the previous button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: prevButtonStateHandler
 **/
var handlePrevButtonState = function(type, args) {

    var enabling = args[0];
    var leftImage = args[1];
    if(enabling) {
        leftImage.src = "../../images/left_arrow.gif";
    } else {
        leftImage.src = "../../images/left_arrow_disabled.gif";
    }

};

/**
 * Custom button state handler for enabling/disabling button state.
 * Called when the carousel has determined that the next button
 * state should be changed.
 * Specified to the carousel as the configuration
 * parameter: nextButtonStateHandler
 **/
var handleNextButtonState = function(type, args) {

    var enabling = args[0];
    var rightImage = args[1];

    if(enabling) {
        rightImage.src = "../../images/right_arrow.gif";
    } else {
        rightImage.src = "../../images/right_arrow_disabled.gif";
    }

};


/**
 * You must create the carousel after the page is loaded since it is
 * dependent on an HTML element (in this case 'mycarousel'.)
 **/
var carousel; // for ease of debugging; globals generally not a good idea
var pageLoad = function()
{
    carousel = new YAHOO.extension.Carousel("mycarousel",
        {
            numVisible:        1,
            animationSpeed:    0.20,
            scrollInc:         1,
            navMargin:         20,
            prevElement:     "prev-arrow",
            nextElement:     "next-arrow",
            size:              5,
            prevButtonStateHandler:   handlePrevButtonState,
            nextButtonStateHandler:   handleNextButtonState
        }
    );

	carousel = new YAHOO.extension.Carousel("articlecarousel",
        {
            numVisible:        1,
            animationSpeed:    0.20,
            scrollInc:         1,
            navMargin:         20,
            prevElement:     "prev-artarrow",
            nextElement:     "next-artarrow",
            size:              5,
            prevButtonStateHandler:   handlePrevButtonState,
            nextButtonStateHandler:   handleNextButtonState
        }
    );

};