<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
    <title>Components Example Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

    <script type="text/javascript" src="scripts/swfobject.js"></script>

    <script type="text/javascript" src="scripts/XPChartScripts.js"></script>

    <script language="JavaScript">
<!--
        // Chart definitions
        var _chartConfig = {};
		var _attributes = {}; 
		
		var virGraphMinWidth = 750;
		var virGraphMinHeight = 450;
		var virGraphMaxWidth = 850;
		var virGraphMaxHeight = 650;
		
		var virParentContent = "tdVirTechXPChart";
		var virParentObjContent = "divVirTechXPChart";
		var virObjContent = "objVirTechXPChart";
		
		var _params = { 
		  bgcolor: "#FFFFFF"		  
		}; 
		
        var xml1;
        xml1 = new ActiveXObject("Microsoft.XMLDOM"); 
        xml1.async = false;
        xml1.load("chartsList.xml");

        var xml2;
        xml2 = new ActiveXObject("Microsoft.XMLDOM"); 
        xml2.async = false;
        

        function loadMenu(n)
	        {
	        //debugger
	        //charts list
	        //alert(swfobject);
	        var cl="";
	        cl+="<font style='font-weight:bold;color:#344D55;'> רשימת רכיבים / קונפיגורציות שונות </font><br/>";
	        cl+="<ul>";
	        for(i=0;i<xml1.documentElement.childNodes.length;i++)
		        {
		        if(i==n)
			        {
			        cl+="<font style='color:#B76C09'>";
			        cl+="<li>";
			        cl+=xml1.documentElement.childNodes.item(i).attributes[1].value;
			        cl+="</li>";
			        cl+="</font>";
			        }else{
			        cl+="<li>";
			        cl+="<a href='javascript:loadMenu("+i+")' style='color:#344D55'>";
			        cl+=xml1.documentElement.childNodes.item(i).attributes[1].value+"</a>";
			        cl+="</li>";
			        }
		        }
		        cl+="</ul>";
        		
	        //charts configurations
	        var cc="";
	        var chartID=xml1.documentElement.childNodes.item(n).attributes.getNamedItem("id").value;
	        var temp;
	        
	        eval('temp = xml1.selectNodes("chartsList/chart[@id=\''+chartID+'\']")');
	        for(var i=0;i<temp.length;i++)
		        {
		           _chartConfig.xpcConfig = temp.item(i).attributes.getNamedItem("chartConfig").value; //"resources/xpcConfig.xml";
		        
		           _chartConfig.dataSource = temp.item(i).attributes.getNamedItem("chartData").value;
		           
		           xml2.load(_chartConfig.xpcConfig);
		
		           //Chart
		           swfobject.embedSWF("VirTechXPChart.swf", virObjContent, virGraphMinWidth, virGraphMinHeight, "10.0.0", "expressInstall.swf",_chartConfig,_params,_attributes);
		      
                   xmlObj=xml2.documentElement; 
          
                   var mainConfig =  xmlObj.getElementsByTagName("mainConfig")[0];               
                   
                   for(i=mainConfig.childNodes.length-1;i>0;i--)
                    mainConfig.removeChild(mainConfig.childNodes[i]);
                   
                   mainConfig.removeChild(mainConfig.childNodes[0]);
		        }
        		
	        chartsList.innerHTML=cl;
	        chartsConfig.innerText=xmlObj.xml;

	        }

/**************************    View XML Config Handler    *************************/   
var winObj = null;
function viewXML(){
	 window.open(_chartConfig.xpcConfig,"blank")
}    
/******************************    New Window Handler    *************************/    	


	
//-->
    </script>

    <style type="text/css">
        html
        {
            padding: 0;
            margin: 0;
            vertical-align: top;
            height: 100%;
            direction: rtl;
        }
        body
        {
            font-size: 10px;
            font-family: Arial;
            color: #000000;
        }
        p
        {
            font-size: 10px;
            text-align: justify;
        }
        .chartsConfig
        {
            font-family: Ariel;
            font-size: 14px;
            padding-left: 10px;
        }
        .list
        {
            font-family: Ariel;
            font-size: 15px;
            padding-right: 10px;
            padding-top: 10px;
        }
        .btn
        {
             background: url('top_menu_long.png')no-repeat top;
             
              color:black;
              border: 0px solid #FFFFFF;
        }
    </style>
</head>
<body onload="loadMenu(0); setInitialLocation()" onresize="setInitialLocation()">
    <table width="996px" height="100%" cellspacing="" cellpadding="5" bgcolor="white" border="0"
        align="center">
        <tr valign="top">
            <td style="height: 98px; background-image: url(logo.png);">
                &nbsp;
            </td>
        </tr>
        <tr valign="top">
            <td>
                <table width="100%" cellspacing="0" cellpadding="0" bgcolor="white" border="0">
                    <tr valign="top">
                        <td class="list" id="chartsList" width="160" valign="top" dir="rtl">
                            &nbsp;
                        </td>
                        <td>
                            <table width="100%" cellspacing="0" cellpadding="5">
                                <tr>
                                    <td dir="rtl" align="right" valign="middle" style="padding-top: 8px">
                                        <font style='font-weight: bold; color: #344D55; font-size: 14px;'>הדגמת רכיב</font>
                                    </td>
                                </tr>
                                <tr>
                                    <td id="charts" valign="top" align="center" style="height: 450px">
                                        <table width="750px" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td id="tdVirTechXPChart" height="400px" valign="top" align="center">
                                                    <div id="divVirTechXPChart" style="position: absolute; left: 0px; top: 0px;">
                                                        <div id="objVirTechXPChart">
                                                            <p align="center">
                                                                <a href="http://www.adobe.com/go/getflashplayer" style="color:silver">Get Adobe Flash player</a>
                                                            </p>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td dir="rtl" align="center">
                                        <input type="button" value="פתיחת הרכיב בחלון חדש" onclick="openNewWindow(1);" class="btn" />&nbsp;
                                        <input type="button" value="פתיחת הרכיב בחלון חדש בתצוגה משולבת" onclick="openNewWindow(2);"  class="btn"/><br />
                                       
                                    </td>
                                </tr>
                                <tr>
                                    <td dir="rtl" align="right">
                                        <font style='font-weight: bold; color: #344D55; font-size: 14px;'>קובץ קונפיגורציה</font>
                                        <a href="#" onclick="viewXML()" style='font-size: 12px;'>View XML</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td valign="top" dir="ltr" style="padding-left: 12px; padding-right: 8px;">
                                        <textarea id="chartsConfig" style="width: 100%; height: 100px; border: 1px solid silver">
                                        </textarea>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    
                </table>
            </td>
        </tr>
        <tr valign="top">
            <td style="height: 10px; background-color: #09599B" align="center" valign="middle">
                <a href="http://www.vir-tec.net" target="_blank" style="font-size: 14px; color: White;
                    text-decoration: underline">וירטק סופטוור בע"ם </a>
            </td>
        </tr>
    </table>
</body>
</html>
�