//Phone content toggle on Mobile Instant Messaging How To lightbox
//Download the IM software tab
function getsoftwaredetails(phoneType)
{
    switch(phoneType)
    {
        case "allphones":
            document.getElementById('allphones').style.display="block";
            document.getElementById('blackberry').style.display="none";
            document.getElementById('pda').style.display="none";

            document.getElementById('allphonesLink').className="download_on";
            document.getElementById('blackberryLink').className="download_off";
            document.getElementById('pdaLink').className="download_off";
        break;

        case "pda":
            document.getElementById('allphones').style.display="none";
            document.getElementById('blackberry').style.display="none";
            document.getElementById('pda').style.display="block";


            document.getElementById('allphonesLink').className="download_off";
            document.getElementById('blackberryLink').className="download_off";
            document.getElementById('pdaLink').className="download_on";


        break;

        case "blackberry":
            document.getElementById('allphones').style.display="none";
            document.getElementById('blackberry').style.display="block";
            document.getElementById('pda').style.display="none";


            document.getElementById('allphonesLink').className="download_off";
            document.getElementById('blackberryLink').className="download_on";
            document.getElementById('pdaLink').className="download_off";
        break;


    }

}
                 window._imtype="";
                var ImageBaseUrlValue = "";
                var currentslide=0;
                var pars="";
                var imdemocombohtml="";
                var imdemoAOLhtml="";
                var imdemoMSNhtml="";
                var imdemoYAHOOhtml="";

                var AOLslidefilename = new Array();
                var AOLslidenarration = new Array();
                var AOLslidesection= new Array();
                var AOLslidestep= new Array();

                var MSNslidefilename = new Array();
                var MSNslidenarration = new Array();
                var MSNslidesection= new Array();
                var MSNslidestep= new Array();

                var YAHOOslidefilename = new Array();
                var YAHOOslidenarration = new Array();
                var YAHOOslidesection= new Array();
                var YAHOOslidestep= new Array();

                var AOLcombohtml='';
                var MSNcombohtml='';
                var YAHOOcombohtml='';

              function navigate(IMtype){
                    ImageBaseUrlValue = document.getElementById('ImageBaseUrl').value;
                    document.images['AIM'].src = ImageBaseUrlValue + '/messaging/overview_chooseAIM_off.gif';
                    document.images['MSN'].src = ImageBaseUrlValue + '/messaging/overview_chooseMSN_off.gif';
                    document.images['Yahoo'].src = ImageBaseUrlValue + '/messaging/overview_chooseYahoo_off.gif';
                    IMtype.firstChild.src = ImageBaseUrlValue + '/messaging/overview_choose'+IMtype.firstChild.name+'_on.gif';
                    currentslide=0;
                    // change out combobox and start demo
                    switch(IMtype.id){
                     case "nav00":	//AOL
	                    window._imtype="AOL";
 	                    document.getElementById('imdemocombo').innerHTML = AOLcombohtml;
	                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/'+AOLslidefilename[0];
	                    setcurrentslide(0);
                     break;
                     case "nav01":	//MSN
	                    window._imtype="MSN";
 	                    document.getElementById('imdemocombo').innerHTML = MSNcombohtml;
	                   document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/'+MSNslidefilename[0];
	                    setcurrentslide(0);
                     break;
                     case "nav02":	//YAHOO
	                    window._imtype="YAHOO";
 	                    document.getElementById('imdemocombo').innerHTML = YAHOOcombohtml;
	                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/'+YAHOOslidefilename[0];
	                    setcurrentslide(0);
                     break;
                    }
                }

                function gotoprevious(){
                    currentslide--;
                    setcurrentslide(currentslide);
                }

                function gotonext(){
                    currentslide++;
                    setcurrentslide(currentslide);
                }

                function setcurrentslide(newslide){
                    switch(window._imtype){
		                    case "AOL":
			                    if(currentslide<AOLslidefilename.length && currentslide>-1){
			                        document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/'+AOLslidefilename[newslide];
				                    document.getElementById('verbage').innerHTML = AOLslidenarration[newslide];
				                    document.getElementById('demosection').innerHTML = AOLslidesection[newslide];
			                    }else{
				                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/default.jpg';
				                    document.getElementById('verbage').innerHTML  = "Please choose your Platform.";
				                    document.getElementById('demosection').innerHTML = "";
			                    }

		                    break;
		                    case "MSN":
			                    if(currentslide<MSNslidefilename.length && currentslide>-1){
				                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/'+MSNslidefilename[newslide];
				                    document.getElementById('verbage').innerHTML = MSNslidenarration[newslide];
				                    document.getElementById('demosection').innerHTML = MSNslidesection[newslide];
			                    }else{
				                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/default.jpg';
				                    document.getElementById('verbage').innerHTML  = "Please choose your Platform.";
				                    document.getElementById('demosection').innerHTML = "";
			                    }
		                    break;
		                    case "YAHOO":
			                    if(currentslide<YAHOOslidefilename.length && currentslide>-1){
				                    document.getElementById('slidewindow').src = ImageBaseUrlValue + 'imdemo/scrns/'+YAHOOslidefilename[newslide];
				                    document.getElementById('verbage').innerHTML = YAHOOslidenarration[newslide];
				                    document.getElementById('demosection').innerHTML = YAHOOslidesection[newslide];
			                    }else{
				                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/default.jpg';
				                    document.getElementById('verbage').innerHTML  = "Please choose your Platform.";
				                    document.getElementById('demosection').innerHTML = "";
			                    }
		                    break;

		                    default:
				                    document.getElementById('slidewindow').src = ImageBaseUrlValue + '/imdemo/scrns/default.jpg';
				                    document.getElementById('verbage').innerHTML  = "Please choose your Platform.";
				                    document.getElementById('demosection').innerHTML = "";
                    }
                    document.getElementById('tab3topic').style.display = 'inline';
                }
					// XML parse for combobox
				function getcombohtml(oItemParam)
				{
					var itemvalue = new Array();
					var itemname = new Array();
					var quote = "\'";

					//get combo items
					for(var i=0; i< oItemParam.length; i++){
						var itemparameter = oItemParam[i];
						itemname=itemparameter.getAttribute("name");
						itemvalue=itemparameter.getAttribute("value");

						switch(itemparameter.getAttribute("mid")){
						case "AOL":
							if(AOLcombohtml != '')
							{
								AOLcombohtml=AOLcombohtml+'&nbsp;&nbsp;|&nbsp;&nbsp;'
							}
							AOLcombohtml=AOLcombohtml+'<a href="javascript:settopic('+quote+itemvalue+quote+');">'+itemname+'</a>';
						break;
						case "MSN":
							if(MSNcombohtml != '')
							{
								MSNcombohtml=MSNcombohtml+'&nbsp;&nbsp;|&nbsp;&nbsp;'
							}
							MSNcombohtml=MSNcombohtml+'<a href="javascript:settopic('+quote+itemvalue+quote+');">'+itemname+'</a>';
						break;
						case "YAHOO":
							if(YAHOOcombohtml != '')
							{
								YAHOOcombohtml=YAHOOcombohtml+'&nbsp;&nbsp;|&nbsp;&nbsp;'
							}
							YAHOOcombohtml=YAHOOcombohtml+'<a href="javascript:settopic('+quote+itemvalue+quote+');">'+itemname+'</a>';
						break;
						}
					}
				}

				function settopic(toipicID){
				//	setslideshow(toipicID);
							switch(window._imtype){
							case "AOL":
								for(i=0;i<AOLslidefilename.length; i++){
									if(AOLslidestep[i]==toipicID){
										currentslide=i;
										setcurrentslide(currentslide);
									}
								}
							break;
							case "MSN":
								for(i=0;i<MSNslidefilename.length; i++){
									if(MSNslidestep[i]==toipicID){
										currentslide=i;
										setcurrentslide(currentslide);
									}
								}
							break;
							case "YAHOO":
								for(i=0;i<YAHOOslidefilename.length; i++){
									if(YAHOOslidestep[i]==toipicID){
										currentslide=i;
										setcurrentslide(currentslide);
									}
								}			break;
							}

				}

				// XML parse for demo
				function buildSlideShow(oItemParam)
				{
					//get combo items
					for(var i=0; i< oItemParam.length; i++){
						var slidedata = oItemParam[i];
						switch(slidedata.getAttribute("mid")){
						case "AOL":
							AOLslidefilename.push(slidedata.getAttribute("filename"));
							AOLslidenarration.push(slidedata.getAttribute("narration"));
							AOLslidesection.push(slidedata.getAttribute("section"));
							AOLslidestep.push(slidedata.getAttribute("step"));
						break;
						case "MSN":
							MSNslidefilename.push(slidedata.getAttribute("filename"));
							MSNslidenarration.push(slidedata.getAttribute("narration"));
							MSNslidesection.push(slidedata.getAttribute("section"));
							MSNslidestep.push(slidedata.getAttribute("step"));
						break;
						case "YAHOO":
							YAHOOslidefilename.push(slidedata.getAttribute("filename"));
							YAHOOslidenarration.push(slidedata.getAttribute("narration"));
							YAHOOslidesection.push(slidedata.getAttribute("section"));
							YAHOOslidestep.push(slidedata.getAttribute("step"));
						break;
						}
					}
				}


                function loadXML() {
                    var myAjax = new Ajax.Request(
		            '/xml/imdemo/imdemo_data.xml',
		            {
			            method: 'get',
			            parameters: pars,
			            onComplete: parseXML
		            });
                }

                function parseXML(originalRequest)
                {
                    var htmloutput="";
                    var outputstring="";

                    //build combobox elements
                    var oDemoCombo = originalRequest.responseXML.getElementsByTagName("dropdownoptions");
                    var oDemoSlides = originalRequest.responseXML.getElementsByTagName("slides");

                    for (var i = 0; i < oDemoCombo.length; i++)
                    {
	                    var oItemElement = oDemoCombo.item(i);
	                    var oItemParams= oItemElement.getElementsByTagName("comboparameters");
	                    getcombohtml(oItemParams);

	                    var oSlideElement = oDemoSlides.item(i);
	                    var oSlideParams= oSlideElement.getElementsByTagName("demoslide");
	                    buildSlideShow(oSlideParams);
                    }

                   // document.getElementById('imdemocombo').innerHTML = MSNcombohtml;

                }