var URLParam = window.location.search.replace("?design=","");
               
               window.onload = function(){
               


                    //LOAD XML DATA
                  
                    var XmlData=false;

                     try 
                     {
                       XmlData = new ActiveXObject("Msxml2.XMLHTTP");
                     } 
                     catch (e) 
                     {
                        try 
                        {
                        XmlData = new ActiveXObject("Microsoft.XMLHTTP");
                        } 
                        catch (E) 
                        {
                        XmlData = false;
                        }
                     }
                     
                     if (!XmlData && typeof XMLHttpRequest!='undefined') 
                     {
                       XmlData = new XMLHttpRequest();
                     }
                  
                  XmlData.open("GET", "xml/graphic-design.xml", true);
                  XmlData.onreadystatechange = function(){
                    if ( XmlData.readyState == 4 ) {
                      if ( XmlData.status == 200 ) {
                      
                            
                         for(i=0; i < XmlData.responseXML.getElementsByTagName("Design").length; i++)
                         {
                            
                            
                            
                            var DesignId = XmlData.responseXML.getElementsByTagName("Design")[i].getAttribute("Keyword");
                            var DesignGroup = XmlData.responseXML.getElementsByTagName("Design")[i].getAttribute("Group");
                            var DesignTitle = XmlData.responseXML.getElementsByTagName("Design")[i].getElementsByTagName("DesignTitle")[0].firstChild.nodeValue;
                            var ImageURL = XmlData.responseXML.getElementsByTagName("Design")[i].getElementsByTagName("ImageURL")[0].firstChild.nodeValue;
                            var DesignDescription = XmlData.responseXML.getElementsByTagName("Design")[i].getElementsByTagName("DesignDescription")[0].firstChild.nodeValue;
                               

                           //LOAD BOTTOM NAVIGATION
                           document.getElementById("BottomNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" style="background: url('+ImageURL.replace("graphic-design","graphic-design/thumbs")+') no-repeat center left;">'+DesignTitle+'</a></li>';
                           
                           //LOAD LEFT NAV
                           
                           if(DesignGroup == "MagazineAdverts") {
                           document.getElementById("MagazineAdsLeftNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" title="'+DesignTitle+'">'+DesignTitle+'</a></li>';
                           }
                           if(DesignGroup == "NewspaperAdverts") {
                           document.getElementById("NewspaperAdsLeftNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" title="'+DesignTitle+'">'+DesignTitle+'</a></li>';
                           }
                           if(DesignGroup == "Magazines") {
                           document.getElementById("MagazinesLeftNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" title="'+DesignTitle+'">'+DesignTitle+'</a></li>';
                           }
                           if(DesignGroup == "Brochures") {
                           document.getElementById("BrochuresLeftNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" title="'+DesignTitle+'">'+DesignTitle+'</a></li>';
                           }
                           if(DesignGroup == "Posters") {
                           document.getElementById("PostersLeftNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" title="'+DesignTitle+'">'+DesignTitle+'</a></li>';
                           }
                           if(DesignGroup == "CDSleeves") {
                           document.getElementById("CDSleevesLeftNav").innerHTML += '<li><a href="graphic-design.htm?design='+DesignId+'" title="'+DesignTitle+'">'+DesignTitle+'</a></li>';
                           }
                           
                           
                           
                           if(DesignId == URLParam)
                           {
                           document.getElementById("BreadcrumbSelected").innerHTML = '<strong>'+DesignTitle+'</strong>';
                           document.getElementById("DesignTitle").innerHTML = DesignTitle;
                           document.getElementById("DesignDescription").innerHTML = DesignDescription;
                           document.getElementById("ImageURL").src = ImageURL;                           
                           }
                            
                            
                            
                            
                            
                            
                         }
                      
                      } else {
                        document.getElementById("PageContainerBottom").innerHTML = "<h3 style='margin: 200px 0; text-align: center;'>This page can not be viewed using this browser.<br />It is recommended that you use either Microsoft Internet Explorer or Mozilla FireFox</h3>";

                      }
                    }
                  };
                  XmlData.send(null);
                };