//this file uses prototypejs and scriptaculous plugin
    //created by David Pirek
	//modifified by Quang Nguyen
    //************************************************************************************

	//setting global variables
    var sPort = ""
    var sConsole = ""
    var sDisplay = ""

    var strElmId
    var ajaxUrl = ""
   
    //generates query sting that loads AJAX data
	// MakeSelection('port', 75, '2port');
    function MakeSelection(strType, strValue, strElmId)
    {
		//Effect.BlindDown('loadingp', { duration: 0.1 });
		$('loadingp').show();
		Element.setOpacity('loadingp2bg', 0.4 );

		//checks for class being selected        
        var selTrue = Element.hasClassName(strElmId,"selected").toString();
    
        //PORT
        if (strType == 'port')
        {
			//checks of selection was made through current CSS class: creates 'toggle effect'
            if (selTrue == 'true')
            {
				$(strElmId).toggleClassName('selected');
				strValue='';
            }
            else
            {
				// switch off buttons, then switch on the selected button
				clearCssClass('fb_port', 'selected');
				$(strElmId).toggleClassName('selected');
            };
			sPort = strValue;
        };
        
        //CONSOLE
        if (strType == 'console')
        {

            //checks of selection was made through current CSS class: creates 'toggle effect'
            if (selTrue == 'true')
            {
				$(strElmId).toggleClassName('selected');
				strValue='';
            }
            else
            {
				// switch off buttons, then switch on the selected button
				clearCssClass('fb_con', 'selected');
				$(strElmId).toggleClassName('selected');
            };
			sConsole = strValue;
        };   
        //DISPLAY
        if (strType == 'display')
        {
            //checks of selection was made through current CSS class: creates 'toggle effect'
            if (selTrue == 'true')
            {
				$(strElmId).toggleClassName('selected');
				strValue='';
            }
            else
            {
				// switch off buttons, then switch on the selected button
				clearCssClass('fb_dis', 'selected');
				$(strElmId).toggleClassName('selected');
            };
			sDisplay = strValue;
        };   
   
    //ajax call
    //*****************************************************
    ajaxCall(sPort, sConsole, sDisplay, '');
    };

    //AJAX CALL function
    function ajaxCall(port, console, display, tmp)
    {
        //$('products').hide();
		$('loadingp').show();
        ajaxUrl = 'http://www.iogear.com/solutions/ckvmlist.php?p=' + port + "&c=" + console + "&d=" + display +""
        //Element.hide('products'); 

		new Ajax.Updater
            (
                'products', ajaxUrl, 
                {
                    method: 'get',
					encoding: 'ISO-8859-1',
                    onSuccess: function() 
                        {
                            Element.show('products');
                        },
					onComplete: function()
						{
							Effect.SwitchOff('loadingp');
							new Effect.Opacity('loadingp2bg', {duration:0.6, from:0.4, to:1});
						},
					evalScripts: true
                }
            );
    };    
	function aCallListAccess()
    {
		$('loadingp').show();
		clearCssClass('fb_con', 'selected');
		clearCssClass('fb_port', 'selected');
		clearCssClass('fb_dis', 'selected');
		ajaxUrl = 'http://www.iogear.com/solutions/ckvmlist.php?a=1';
		new Ajax.Updater
            (
                'products', ajaxUrl, 
                {
                    method: 'get',
					encoding: 'ISO-8859-1',
                    onSuccess: function() 
                        {
                            Element.show('products');
                        },
					onComplete: function()
						{
							Effect.SwitchOff('loadingp');
							new Effect.Opacity('loadingp2bg', {duration:0.6, from:0.4, to:1});
						},
					evalScripts: true
                }
            );
    };
    
    //Clear Functions    
    function clearthis(strClearItem)
    {
            //alert("none selected will clear all");
			sPort = "";
			sConsole = "";
			sDisplay = "";
            ajaxCall('', '', '', '');
            
            aPort = new Array();
            aConsole = new Array();
            aDisplay = new Array();
            clearCssClass('fb_con', 'selected');
            clearCssClass('fb_port', 'selected');
            clearCssClass('fb_dis', 'selected');
    };
    
    //clears classes of children with in ID (wrapper id, class to be cleared)
    function clearCssClass(WrapperId, CssClass)
    {
        allNodes = $(WrapperId).getElementsByClassName(CssClass); 
        for(i=0; i < allNodes.length; i++) 
        { 
            $(allNodes[i]).removeClassName(CssClass);
        }
    }