// JavaScript Document for Pro Signs main page

var  selectedTabIndex = 0;  // home tab
var  selectedProductCategory = 0;

var aboutUsTabUnselectedImg;
var aboutUsTabSelectedImg;
var aboutUsTabOverImg;

var contactUsTabUnselectedImg;
var contactUsTabSelectedImg;
var contactUsTabOverImg;

var fileSetupTabUnselectedImg;
var fileSetupTabSelectedImg;
var fileSetupTabOverImg;

var homeTabUnselectedImg;
var homeTabSelectedImg;
var homeTabOverImg;

var ourClientsTabUnselectedImg;
var ourClientsTabSelectedImg;
var ourClientsTabOverImg;

var productsTabUnselectedImg;
var productsTabSelectedImg;
var productsTabOverImg;

var testimonialsTabUnselectedImg;
var testimonialsTabSelectedImg;
var testimonialsTabOverImg;

var vistaSystemTabUnselectedImg;
var vistaSystemTabSelectedImg;
var vistaSystemTabOverImg;

function preloadImg( img, src ) {
	img = new Image();
	img.src = src;
}

function onLoad() {
	
	// Preload the images to avoid flickering.  Only over and down images need to be preloaded because the up is already displayed.
	if( document.images ) {
		
		preloadImg( aboutUsTabSelectedImg, "images/aboutUsTabSelected.gif" );
		preloadImg( aboutUsTabOverImg,"images/aboutUsTabOver.gif" );

		preloadImg( contactUsTabSelectedImg, "images/contactUsTabSelected.gif" );
		preloadImg( contactUsTabOverImg, "images/contactUsTabOver.gif" );

		preloadImg( fileSetupTabSelectedImg, "images/fileSetupTabSelected.gif" );
		preloadImg( fileSetupTabOverImg, "images/fileSetupTabOver.gif" );

		preloadImg( homeTabSelectedImg, "images/homeTabSelected.gif" );
		preloadImg( homeTabOverImg, "images/homeTabOver.gif" );

		preloadImg( ourClientsTabSelectedImg, "images/ourClientsTabSelected.gif" );
		preloadImg( ourClientsTabOverImg, "images/ourClientsTabOver.gif" );

		preloadImg( productsTabSelectedImg, "images/productsTabSelected.gif" );
		preloadImg( productsTabOverImg, "images/productsTabOver.gif" );

		preloadImg( testimonialsTabSelectedImg, "images/testimonialsTabSelected.gif" );
		preloadImg( testimonialsTabOverImg, "images/testimonialsTabOver.gif" );

		preloadImg( vistaSystemTabSelectedImg, "images/vistaSystemTabSelected.gif" );
		preloadImg( vistaSystemTabOverImg, "images/vistaSystemTabOver.gif" );	
		
	}

}






function changeBtnBackground( id, img ) {
	var elem = document.getElementById( id  );
	elem.src = img;
}


function tabOver(tabId, overImg, selectedOverImg,  tabIndex ) {
	// now, select the one the user moved the mouse over
	elem = document.getElementById( tabId );
	if( elem != null ) {
		if( tabIndex == selectedTabIndex ) 
			elem.src = selectedOverImg;
		else
			elem.src = overImg;
	
	}
		
}

function tabOut( tabId, unSelectedImg, selectedImg, tabIndex ) {
	elem = document.getElementById( tabId );
	if( elem != null ) {
		if( tabIndex == selectedTabIndex ) 
			elem.src = selectedImg;
		else
			elem.src = unSelectedImg;
	}
}




function hideProductCategories() {
	var elem;
	elem = document.getElementById( 'productCategory0Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory1Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory2Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory3Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory4Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory5Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory6Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
	elem = document.getElementById( 'productCategory7Content' );
	if( elem != null )
		elem.style.visibility = "hidden";
		
}

function changeProductCategory( newProductCategory ) {
	selectedProductCategory = newProductCategory;
	hideProductCategories();
	
	switch( newProductCategory ) {
		default: // 0
				
			elem = document.getElementById( 'productCategory0Content' );
			if( elem != null ){
				elem.style.visibility = "visible";
			}
		break;
		case 1 :
			elem = document.getElementById( 'productCategory1Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
		case 2 :
			elem = document.getElementById( 'productCategory2Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
		case 3 :
			elem = document.getElementById( 'productCategory3Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
		case 4 :
			elem = document.getElementById( 'productCategory4Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
		case 5 :
			elem = document.getElementById( 'productCategory5Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
		case 6 :
			elem = document.getElementById( 'productCategory6Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
		case 7 :
			elem = document.getElementById( 'productCategory7Content' );
			if( elem != null )
				elem.style.visibility = "visible";
		break;
	}
}

function productCategoryOver( id ) {
	var elem;
	
	if(( id=='productCategory0Title0' ) || ( id == 'productCategory0Title1' )){
		elem = document.getElementById( 'productCategory0Title0' );
		elem.style.color = "#d8d9db";
		
		elem = document.getElementById( 'productCategory0Title1' );
		elem.style.color = "#d8d9db";
		
	}
	else {
		elem = document.getElementById( id );
		elem.style.color = "#d8d9db";
	}
}
function productCategoryOut( id ) {

	if(( id=='productCategory0Title0' ) || ( id == 'productCategory0Title1' )){
		elem = document.getElementById( 'productCategory0Title0' );
		elem.style.color = "#00457c";
		
		elem = document.getElementById( 'productCategory0Title1' );
		elem.style.color = "#00457c";
		
	}
	else {
		elem = document.getElementById( id );
		elem.style.color = "#00457c";
	}

}



// Call this function when the page has been loaded
function initialize() {

	var map = new GMap2(document.getElementById("map_canvas"));
	map.addControl(new GSmallMapControl());
	map.setCenter(new GLatLng(37.256111, -121.886944 ), 11);

	var icon = new GIcon(G_DEFAULT_ICON);
	icon.image = "images/marker.png";
	markerOptions = { icon:icon };

	var latLng = new GLatLng( 37.246649,  	-121.956334 );
	
	var marker = new GMarker(latLng, markerOptions);
	
	GEvent.addListener(marker, "click", function() {
		var html = "<div style='width:200px;height:100px;'>"
		html = '<font face="arial">';
		html += "<b><br/>ProSigns</b><br/><br/>";
		html += "<div style='font-size:12px;'>";
		html += "15330 Los Gatos Boulevard<br/>";
		html += "Los Gatos, CA 95032<br/><br/>";
		html += "Phone: 408.358.1218<br/>";
		html += "Fax: 408.358.1565";
		html += "</div>";
		html += "</font>";
		html += "</div>";
		
		map.openInfoWindowHtml(latLng, html);	}
	);
	
	
	GEvent.addListener(marker, "mouseover", function() {
		var html = "<div style='width:200px;height:100px;'>"
		html = '<font face="arial">';
		html += "<b><br/>ProSigns</b><br/><br/>";
		html += "<div style='font-size:12px;'>";
		html += "15330 Los Gatos Boulevard<br/>";
		html += "Los Gatos, CA 95032<br/><br/>";
		html += "Phone: 408.358.1218<br/>";
		html += "Fax: 408.358.1565";
		html += "</div>";
		html += "</font>";
		html += "</div>";
		
		map.openInfoWindowHtml(latLng, html);	}
	);	
	map.addOverlay(marker);
}