var aTabs = new Array()
var bWorking = false;

function openTab (sName, skipFade) {
    if (bWorking == false) {
        var currentTab = $('currentTab').value
        bWorking = true;
        $('button'+sName).href = "javascript:void(0);";
		if(skipFade == false){
			Effect.Fade('tab'+currentTab, {
				duration: 0.5,
				afterFinish:function() {
					Effect.Appear('tab'+sName, {
						duration: 0.5
					});
				}
			});
		
        Effect.BlindUp('tab'+currentTab, {
            duration: 0.5,
            afterFinish:function() {
                Effect.BlindDown('tab'+sName, {
                    duration: 0.5,
                    afterFinish:function() {bWorking=false;}
                });
            }
        });
		}else{
			Effect.BlindDown('tab'+sName, {duration: 1.0, scaleMode: 'contents', afterFinish:function() {bWorking=false;}});
		}
        $('button'+currentTab).className = "";
        $('button'+sName).className = "on";
        $('currentTab').value = sName;
    }
}

function watchTab(sName) {
    if ($('tab'+sName) && $('button'+sName)) {
        Event.observe ($('button'+sName), "click", function() {
            openTab(sName, false);
        });
    }
}


function innit(panelSelected) {
    for (i = 0; i < aTabs.length; i++) {
        $('tab' + aTabs[i]).hide();
    }
		for (i=0;i<aTabs.length;i++) {
			watchTab(aTabs[i]);
			if(panelSelected == aTabs[i]){
				$('currentTab').value = aTabs[i];
				$('button'+aTabs[i]).className = "on";
				$('tab'+aTabs[i]).show();
				openTab(aTabs[i], true);
			}
		}
		retailersDropDown();
}


function retailersDropDown() {
    if ($("fmRetailerLookup")) {
        $('submitBtn').hide();
        Event.observe("retailerDropDownBox", "change", result);

		}
}
function result() {
    if ($F("retailerDropDownBox") != "") { document.forms.fmRetailerLookup.submit(); }
}


aTabs[0] = "localretailers";
aTabs[1] = "onlineretailers";

Event.observe(window, "load", function() { innit("localretailers"); });