var $j = jQuery.noConflict();


// showSideSearch()
// Slide the sideSearch onto the screen by setting margin to zero
function showSideSearch(){
    $j("#SideSearch").animate({left: "0"}, "fast");
    //Create an overlay using which the user can click elsewhere to close the search
    var objOverlay = document.getElementById('overlay2');
    objOverlay.style.height = '100%';
    objOverlay.style.display = 'block';
    visible = true;
}

// hideSideSearch()
// Slide the sideSearch off screen by setting margin negative
function hideSideSearch(){   
    $j("#SideSearch").animate({left: "-260px"}, "fast");
    //Hide the overlay
    var objOverlay = document.getElementById('overlay2');
    objOverlay.style.height = '0%';
    objOverlay.style.display = 'none';
    visible = false;
}

// toggleSideSearch()
// Toggles the visibility of the sideSearch
var visible = false;
function toggleSideSearch(){
    if(!visible){
        showSideSearch();
    } else {
        hideSideSearch();
    }
}

// Set up events
$j(document).ready(function(){
	
	// pullling this from lightbox v1 code
    // create overlay div that is used to detect clicks outside elements that load on top of the page
    var objOverlay = document.createElement('div');
    objOverlay.setAttribute('id','overlay2');
    objOverlay.style.display = 'none';
    objOverlay.style.position = 'absolute';
    objOverlay.style.top = '0';
    objOverlay.style.left = '0';
    objOverlay.style.zIndex = '91';
    objOverlay.style.width = '100%';
    var objBody = document.getElementsByTagName('body').item(0);
    objBody.insertBefore(objOverlay, objBody.firstChild);
    
    $j("#overlay2").click(function() {
        hideSideSearch();
        return false;
    });
    $j("#SideSearchButton").click(function(){
        toggleSideSearch();
    });
});