var qs = new Array();
var starRating = 0;
var starClicked = false;

function smbInit()
{
    // Sidebar Accordion controls
	var tier1 = document.getElementsByClassName('smb_apps_leftnavparent');
	var tier2 = document.getElementsByClassName('smb_apps_leftnavchild');

	// Create the accordian
	var foldTier1 = new fx.Accordion(tier1, tier2, {opacity: false, onComplete: function(){
			forceRedraw(document.getElementById('shell'));
		}
	});
	
	tier1 = document.getElementsByClassName('smb_apps_collapse_parent');
	tier2 = document.getElementsByClassName('smb_apps_collapse_child');
	
	var foldTier2 = new fx.Accordion(tier1, tier2, {opacity: false, onComplete: function(){
			forceRedraw(document.getElementById('shell'));
		}
	});
	
    $S('.smb_apps_leftnavparent').action ({
		onclick: function(){	
		    var subMenu = this.nextSibling;
		    
		    if (subMenu.className == null)
		        subMenu = this.nextSibling.nextSibling;
		        
		    //var image = this.children[0].children[0].name;
		    var image = this.getElementsByTagName("img");
		    if (image[0].src.indexOf("down") == -1)
		        image[0].src = "images/smb_apps/Lnav_arrow_down_18x13.gif";
		    else
		        image[0].src = "images/smb_apps/Lnav_arrow_13x18.gif";
		    
		    $S(subMenu).action({
				initialize: function(){
					toggleDiv = new fx.Combo(this, {duration:250, height:true, width:false, opacity:false});
					toggleDiv.toggle();
					forceRedraw(document.getElementById('shell'));
				}
			});		    
		}
	});   
	
	$S('.smb_apps_collapse_parent').action ({
		onclick: function(){	
		    var subMenu = this.nextSibling;
		    
		    if (subMenu.className == null)
		        subMenu = this.nextSibling.nextSibling;
		        
		    //var image = this.children[0].children[0].name;
		    var image = this.getElementsByTagName("img");
		   
	        if (image[0].src.indexOf("down") == -1)
	            image[0].src = "images/smb_apps/blue_arrow_down.png";
	        else
	            image[0].src = "images/smb_apps/blue_arrow.png";
		    
		    $S(subMenu).action({
				initialize: function(){
					toggleDiv = new fx.Combo(this, {duration:250, height:true, width:false, opacity:false});
					toggleDiv.toggle();
					forceRedraw(document.getElementById('shell'));
				}
			});		    
		}
	}); 
	
	var openlNav = document.getElementsByClassName('open');
	
	for (var i = 0; i < openlNav.length; i++)
	{
        var subMenu = openlNav[i].nextSibling;
		    
	    if (subMenu.className == null)
	        subMenu = openlNav[i].nextSibling.nextSibling;
	        
	    var image = openlNav[i].getElementsByTagName("img");
	    if (image[0].src.indexOf("down") == -1)
	        image[0].src = "images/smb_apps/Lnav_arrow_down_18x13.gif";
	    else
	        image[0].src = "images/smb_apps/Lnav_arrow_13x18.gif";
	        
        var toggleDiv = new fx.Combo(subMenu, {duration:250, height:true, width:false, opacity:false});
		toggleDiv.toggle();
		forceRedraw(document.getElementById('shell'));
	}
}

function checkQueryString()
{
    getQueryString();
    var tab = qs['tab'];   
    
    if (tab == null)
        tab = 'OverviewTxt';
        
    tabClick(tab);
}

function getQueryString() 
{
	var query = window.location.search.substring(1);
	var parms = query.split('&');
	
	for (var i=0; i<parms.length; i++) 
	{
		var pos = parms[i].indexOf('=');
	
		if (pos > 0) 
		{
			var key = parms[i].substring(0,pos);
			var val = parms[i].substring(pos+1);
			qs[key] = val;
		}
	}
}

function tabClick(parent)
{           
    switch(parent)
    {
        case 'OverviewTxt':
            document.getElementById('OverviewBtn').style.display='inline';
            document.getElementById('OverviewTxt').style.display='none';
            document.getElementById('SMB_Overview').style.display='inline';
            document.getElementById('FeaturesBtn').style.display='none';
            document.getElementById('FeaturesTxt').style.display='inline';
            document.getElementById('SMB_Features').style.display='none';
            document.getElementById('BenefitsBtn').style.display='none';
            document.getElementById('BenefitsTxt').style.display='inline';
            document.getElementById('SMB_Benefits').style.display='none';
            document.getElementById('DevicesBtn').style.display='none';
            document.getElementById('DevicesTxt').style.display='inline';
            document.getElementById('SMB_Devices').style.display='none';
            document.getElementById('DocsBtn').style.display='none';
            document.getElementById('DocsTxt').style.display='inline';
            document.getElementById('SMB_Docs').style.display='none';
            document.getElementById('MACBtn').style.display='none';
            document.getElementById('MACTxt').style.display='inline';
            document.getElementById('SMB_MAC').style.display='none';
            document.getElementById('SMB_Devices').className = 'tab_bg';
            break;
        case 'FeaturesTxt':
            document.getElementById('OverviewBtn').style.display='none';
            document.getElementById('OverviewTxt').style.display='inline';
            document.getElementById('SMB_Overview').style.display='none';
            document.getElementById('FeaturesBtn').style.display='inline';
            document.getElementById('FeaturesTxt').style.display='none';
            document.getElementById('SMB_Features').style.display='inline';
            document.getElementById('BenefitsBtn').style.display='none';
            document.getElementById('BenefitsTxt').style.display='inline';
            document.getElementById('SMB_Benefits').style.display='none';
            document.getElementById('DevicesBtn').style.display='none';
            document.getElementById('DevicesTxt').style.display='inline';
            document.getElementById('SMB_Devices').style.display='none';
            document.getElementById('DocsBtn').style.display='none';
            document.getElementById('DocsTxt').style.display='inline';
            document.getElementById('SMB_Docs').style.display='none';
            document.getElementById('MACBtn').style.display='none';
            document.getElementById('MACTxt').style.display='inline';
            document.getElementById('SMB_MAC').style.display='none';
            break;
        case 'BenefitsTxt':
            document.getElementById('OverviewBtn').style.display='none';
            document.getElementById('OverviewTxt').style.display='inline';
            document.getElementById('SMB_Overview').style.display='none';
            document.getElementById('FeaturesBtn').style.display='none';
            document.getElementById('FeaturesTxt').style.display='inline';
            document.getElementById('SMB_Features').style.display='none';
            document.getElementById('BenefitsBtn').style.display='inline';
            document.getElementById('BenefitsTxt').style.display='none';
            document.getElementById('SMB_Benefits').style.display='inline';
            document.getElementById('DevicesBtn').style.display='none';
            document.getElementById('DevicesTxt').style.display='inline';
            document.getElementById('SMB_Devices').style.display='none';
            document.getElementById('DocsBtn').style.display='none';
            document.getElementById('DocsTxt').style.display='inline';
            document.getElementById('SMB_Docs').style.display='none';
            document.getElementById('MACBtn').style.display='none';
            document.getElementById('MACTxt').style.display='inline';
            document.getElementById('SMB_MAC').style.display='none';
            break;
        case 'DevicesTxt':
            document.getElementById('OverviewBtn').style.display='none';
            document.getElementById('OverviewTxt').style.display='inline';
            document.getElementById('SMB_Overview').style.display='none';
            document.getElementById('FeaturesBtn').style.display='none';
            document.getElementById('FeaturesTxt').style.display='inline';
            document.getElementById('SMB_Features').style.display='none';
            document.getElementById('BenefitsBtn').style.display='none';
            document.getElementById('BenefitsTxt').style.display='inline';
            document.getElementById('SMB_Benefits').style.display='none';
            document.getElementById('DevicesBtn').style.display='inline';
            document.getElementById('DevicesTxt').style.display='none';
            document.getElementById('SMB_Devices').style.display='inline';
            document.getElementById('DocsBtn').style.display='none';
            document.getElementById('DocsTxt').style.display='inline';
            document.getElementById('SMB_Docs').style.display='none';
            document.getElementById('MACBtn').style.display='none';
            document.getElementById('MACTxt').style.display='inline';
            document.getElementById('SMB_MAC').style.display='none';
            break;
        case 'DocsTxt':
            document.getElementById('OverviewBtn').style.display='none';
            document.getElementById('OverviewTxt').style.display='inline';
            document.getElementById('SMB_Overview').style.display='none';
            document.getElementById('FeaturesBtn').style.display='none';
            document.getElementById('FeaturesTxt').style.display='inline';
            document.getElementById('SMB_Features').style.display='none';
            document.getElementById('BenefitsBtn').style.display='none';
            document.getElementById('BenefitsTxt').style.display='inline';
            document.getElementById('SMB_Benefits').style.display='none';
            document.getElementById('DevicesBtn').style.display='none';
            document.getElementById('DevicesTxt').style.display='inline';
            document.getElementById('SMB_Devices').style.display='none';
            document.getElementById('DocsBtn').style.display='inline';
            document.getElementById('DocsTxt').style.display='none';
            document.getElementById('SMB_Docs').style.display='inline';
            document.getElementById('MACBtn').style.display='none';
            document.getElementById('MACTxt').style.display='inline';
            document.getElementById('SMB_MAC').style.display='none';
            break;
        case 'MACTxt':
            document.getElementById('OverviewBtn').style.display='none';
            document.getElementById('OverviewTxt').style.display='inline';
            document.getElementById('SMB_Overview').style.display='none';
            document.getElementById('FeaturesBtn').style.display='none';
            document.getElementById('FeaturesTxt').style.display='inline';
            document.getElementById('SMB_Features').style.display='none';
            document.getElementById('BenefitsBtn').style.display='none';
            document.getElementById('BenefitsTxt').style.display='inline';
            document.getElementById('SMB_Benefits').style.display='none';
            document.getElementById('DevicesBtn').style.display='none';
            document.getElementById('DevicesTxt').style.display='inline';
            document.getElementById('SMB_Devices').style.display='none';
            document.getElementById('DocsBtn').style.display='none';
            document.getElementById('DocsTxt').style.display='inline';
            document.getElementById('SMB_Docs').style.display='none';
            document.getElementById('MACBtn').style.display='inline';
            document.getElementById('MACTxt').style.display='none';
            document.getElementById('SMB_MAC').style.display='inline';
            break;
        default:
			break;
    }
}

function hoverStarRating(star)
{
    if (!starClicked)
        setStarRating(star);
}

function clickStarRating(star)
{
    var btnOn = new Image();    
    btnOn.src = "images/smb_apps/BTN_SubmitRating_95x22.png";
    
    var imgSubmitStar = document.getElementById("imgSubmitStar");
    
    // enable the button and hookup events
    if (star > 0 && imgSubmitStar.src != btnOn.src)
    {
        imgSubmitStar.onMouseOver = new function(){imgSubmitStar.style.cursor = "pointer";}
        imgSubmitStar.src = btnOn.src;
        imgSubmitStar.onclick = submitStar;
    }
    
    setStarRating(star);
        
    starClicked = true;
}

function setStarRating(star)
{
	// This function is called when the user clicks the ratings stars, and when the user's own rating is shown.
	// It turns stars on and off (sets them to gray or not-gray images) to "light up" the number of stars corresponding to the user's rating.  

    // set global variable
    starRating = star;
    
    // preload the images
    var imgOn = new Image();
    var imgOff = new Image();
    
    imgOn.src = "images/smb_apps/MAC_star_21x17.png";
    imgOff.src = "images/smb_apps/Star_grey_21x17.png";
    
    // turn on stars
    for (var i = 1; i <= star; i++)
    {
        var imgStar = document.getElementById("imgStar" + i);
        if (imgStar != null)
        {
            imgStar.src = imgOn.src;
        }
    }
    
    // turn off remaining stars
    for (var i = star + 1; i <= 5; i++)
    {
        var imgStar = document.getElementById("imgStar" + i);
        if (imgStar != null)
        {
            imgStar.src = imgOff.src;
        }
    }
}

function showStarRating(star)
{
	// This function adjusts the display of the "others rated this..." stars.
	 
    // preload the images
    var imgOn = new Image();
    var imgOff = new Image();
    
    imgOn.src = "images/smb_apps/MAC_star_21x17.png";
    imgOff.src = "images/smb_apps/Star_grey_21x17.png";
    
    // turn on stars
    for (var i = 1; i <= star; i++)
    {
        var imgStar = document.getElementById("displayStar" + i);
        if (imgStar != null)
        {
            imgStar.src = imgOn.src;
        }
    }
    
    // turn off remaining stars
    for (var i = star + 1; i <= 5; i++)
    {
        var imgStar = document.getElementById("displayStar" + i);
        if (imgStar != null)
        {
            imgStar.src = imgOff.src;
        }
    }
}

function submitStar()
{
	document.ratingsForm.hiddenRating.value = starRating;
	document.ratingsForm.btnSubmit.click();
	// document.ratingsForm.btnSubmit.disabled = false;
	// alert("val " + document.ratingsForm.hiddenRating.value);
    //alert(starRating + " stars selected.\nImplement your server side variables and make your postback call here."); //
}

function highlightLeftNav(eName)
{
	document.getElementById(eName).style.fontWeight='bold';
}

function followLeftNavLink(destinationURL)
{
	if (destinationURL.indexOf("&exp_i=") == -1 && document.getElementById("smb-industry-arrow").src.indexOf("Lnav_arrow_down_18x13.gif") > -1)
	{
		destinationURL += "&exp_i=true";
	}
	if (destinationURL.indexOf("&exp_f=") == -1 && document.getElementById("smb-functionality-arrow").src.indexOf("Lnav_arrow_down_18x13.gif") > -1) 
	{
		destinationURL += "&exp_f=true";
	}
	window.location = destinationURL;
}
