/*Search Tool Functions (Styled Search Drop down list in header) */

function gelem(id) {
	//console.log(document.getElementById(id));
    return document.getElementById(id);
}

searchTool = new Object;

searchTool.toggleSelector = function() {
	var currentState = searchTool.searchSelector.style.visibility;
	if (currentState == "visible") {
		searchTool.searchSelector.style.visibility = "hidden";
	} else {
		searchTool.searchSelector.style.visibility = "visible";
	}
}
searchTool.hideSelector = function() {
	var currentState = searchTool.searchSelector.style.visibility;
	if (currentState == "visible") {
		searchTool.searchSelector.style.visibility = "hidden";
	}
}

searchTool.initializeSearch = function() {	
	searchTool.searchForm = gelem("js_search_form");
	searchTool.searchSelector = gelem("js_search_options");
	searchTool.searchButton = gelem("js_search_button");

	menuSelected = gelem("js_selected_item");
	//console.log(menuSelected);
	menuSelected.setAttribute("class", "default");

	searchTool.searchForm.style.visibility = "hidden";
	searchTool.searchButton.style.visibility = "visible";
	searchTool.searchSelector.style.visibility = "hidden";
	
	searchTool.searchButton.onclick = function() {
		searchTool.toggleSelector();
	};
	searchTool.searchSelector.onclick = function() {
		searchTool.hideSelector();
	};

	var menuValues = [
		"web",
		"wisetopic",
		"people",
		"music",
		"videos",
		"pictures",
		"blogs",
		"stores",
		"groups",
		"forums"
	];

	var menuValuesCount = menuValues.length;
	var listGraphic = new Array;
	var menuPosition = new Array;

	//get the first option of search dropdown
	var firstOption = gelem("searchIn_" + menuValues[0]);
	//console.log(firstOption);
	var first = true;
	var isIe = false;
	isIe = $.browser.msie;
	//console.log($.browser.msie);
	for (i=0; i<menuValuesCount; i++) {
		var menuItemValue = menuValues[i];
		var relatedSelectOption = gelem("searchIn_" + menuValues[i]);
		
		listGraphic[i] = document.createElement("a");
		//console.log('here ', i , listGraphic[i], menuValues[i]);
		listGraphic[i].style.height='14px';
		listGraphic[i].style.zIndex='9999';
		
		
		
		searchTool.searchSelector.appendChild(listGraphic[i]);
		//searchTool.searchSelector.insertBefore(listGraphic[i], firstOption);
		listGraphic[i].setAttribute("class", menuValues[i]);
		listGraphic[i].setAttribute("name", i);
		

		if (relatedSelectOption.selected == true) {
			gelem("js_selected_item").style.backgroundPositionY = "-" + (i * 14) + "px"; // Internet Explorer
			gelem("js_selected_item").setAttribute("class", menuValues[i]); // Other Browsers
		}
		//console.log(i, listGraphic[i]);
		curlink = listGraphic[i];
		listGraphic[i].onclick = function() {
			var menuSelection = this.getAttribute("class");
			var menuCount = this.getAttribute("name");
			//console.log(menuSelection);
			gelem("searchIn_" + menuSelection).selected=true;
		
			menuSelected = gelem("js_selected_item");
			menuSelected.style.backgroundPositionY = "-" + (menuCount * 14) + "px"; // Internet Explorer
			menuSelected.setAttribute("class", menuSelection); // Other Browsers
		}
		
	// Start Internet Explorer Fixes
	if(first && isIe ){
			//console.log('here');
			
			listGraphic[i].style.marginTop='-18px';
			first= false;
		}
			listGraphic[i].style.backgroundPositionY = "-" + (i * 14) + "px";
			listGraphic[i].onmouseover = function() {
				this.style.backgroundPositionX = "-121px";
			}
			listGraphic[i].onmouseout = function() {
				this.style.backgroundPositionX = "0";
			}
	// End Internt Explorer Fixes
	}
}

$(document).ready(function(){
	if (typeof document.getElementById == "undefined") {
		return;
	}
	searchTool.initializeSearch();
});


function submitForm(formID)
{
	gelem(formID).submit()
}
  
 /* end Search Tool*/