   <!-- ----------------- new header-footer content start ------------------------ -->
   <style>
      #content-container {
      width: 100% !important;
      padding-top: 0px !important;
      }
      .pncn_prod {
         top: 420px !important;
      }
      .fourColGrid {
      background: none repeat scroll 0 0 hsl(0, 0%, 100%);
      margin: 3px auto 0 !important;
      width: 980px;
      } 
        #excluded_product_table_coming_soon.sf_table tr.odd td {
    background-color: #ffffff !important;
}
      #frequentTaskList a {
      font-size: 13px !important;
      } 
      .mainCol {
      width: 980px;
      /*margin: 0 auto;*/
      }
      .page_help_icon {
      right: 18px!important;
      width: 25px!important;
      }
      .component-bt-mega-nav__BZ-li-a {
      font-family: BTFont_Rg, Arial, Helvetica, sans-serif !important;
      }
      .component-bt-mega-nav__main-nav-links > li > a > span { 
      color: #ffffff !important; 
      }
      .fourColGrid {
      margin: 0px auto auto !important;
      }
	  
	  #inventory_search_field:focus::placeholder {
    color: transparent;
}     
	  .ui-autocomplete.ui-widget {
    background-color: #fff!important;
    width: 387px!important;
}
div#dynamicAttribute>div p:nth-child(2) {
    width: 170px!important;
}
.ui-autocomplete.ui-widget {
    background-color: #fff!important;
    width: 411px!important;
}
.newMSOTooltipClass {
    background-image: url(/shared/bz/img/new_down_arrow_blue.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 19px;
    height: 11px;
    position: absolute;
    top: -11px !important;
    left: 28px !important;
    z-index: 9999999999;
    transform: rotate(180deg);
}

   </style>

   <section id="newHeader" style="height: auto;">
       <div class='loader'></div>
      <div id="content-container">
         <!-- ----------------- BTWCE-46565 ------------->
         <div class="grey_overlay"></div>         
         <link rel="stylesheet" type="text/css" href="/assets/css/global/basic-modal.css" />
         <script type="text/javascript" src="/assets/javascript/global/vendor/modernizr-2.6.2.min.js"></script>
         <script type="text/javascript" src="/assets/javascript/global/vendor/jquery-1.9.0.min.js"></script>
         <script type="text/javascript" src="/assets/javascript/global/vendor/jquery.js"></script>
         <script type="text/javascript" src="/assets/javascript/global/vendor/jquery-ui.min.js"></script>
         <script type="text/javascript" src="/pages/static/js/cookies/jquery-ui-1.9.2.custom.min.js"></script>
		 <!--script type="text/javascript" src="/shared/bz/js/jquery.tablesorter.js"></script>--> 
		<!-- <script type="text/javascript" src="/shared/bz/js/btw_uic_paginator.js"></script> -->
         <script type="text/javascript" src="/assets/javascript/global/autosearch.js"></script>
         <script type="text/javascript" src="/assets/javascript/global/nthchild-selector.js"></script>
		 
         <script type="text/javascript" src="/assets/javascript/global/validate.js"></script>
         <script src="/assets/javascript/global/show-more-less.js" type="text/javascript"></script>
         <script src="/assets/javascript/global/scrolltop.js" type="text/javascript"></script>
         
         <link rel="stylesheet" type="text/css" href="/assets/css/global/colorbox.css" />
         <link rel=stylesheet type="text/css" href="/shared/bz/css/jquery-ui.time.css" />
         <link rel=stylesheet type="text/css" href="/shared/bz/css/jquery-ui-1.8.23.custom.css"/>
         		       
         <link rel=stylesheet type="text/css" href="/shared/bz/css/ui-1.8.23.custom.css"/>
         <!--[if IE 9]>
         <link rel=stylesheet href="/shared/bz/css/stylesIE9.css" type="text/css"/>
         <![endif]-->
         <script type="text/javascript" src="/shared/bz/js/jquery.min.js"></script>		
      <script type="text/javascript" src="/shared/bz/js/uic_paginator.js"></script> 
         <script type="text/javascript" src="/shared/bz/js/tooltip.js"></script>  
        
       <script type="text/javascript" src="/shared/bz/js/jquery-ui.min.js"></script>
         <script type="text/javascript" src="/shared/bz/js/jquery.ui.autocomplete.js"></script>
         <script type="text/javascript" src="/shared/bz/js/jquery.ui.position.js"></script>
         <script type="text/javascript" src="/shared/bz/js/jquery.formtips.js"></script>
         <script type="text/javascript" src="/generic-search/bz/js/common_spa.js"></script>         
		  <script type="text/javascript" src="/generic-search/bz/js/bz_widget.js"></script> 
		 <script type="text/javascript" src="/generic-search/bz/js/faultQuickView.js"></script>
		<script type="text/javascript" src="/generic-search/bz/js/inventoryQuickView.js"></script>
		 <script type="text/javascript" src="/generic-search/bz/js/escalationQuickView.js"></script>
		 <script type="text/javascript" src="/generic-search/bz/js/msoQuickView.js"></script>
		 <script type="text/javascript" src="/generic-search/bz/js/orderQuickView.js"></script>
		 <!-- <script type="text/javascript" src="/shared/bz/js/bxProductMessage.js"></script> -->
		 <script type="text/javascript" src="/generic-search/bz/js/pncnQuickView.js"></script>
         <script type="text/javascript" src="/shared/bz/js/jquery.expander.js"></script>
         <script type="text/javascript" src="/assets/javascript/footer/s_code_remote.js"></script>
         <link rel=stylesheet type="text/css" href="/shared/bz/css/jcarousel.css"/>
         <script type="text/javascript" src="/shared/bz/js/jquery.jcarousel.min.js"></script>
         <!-- Found the  css in order QV: start -->	
         <link rel=stylesheet type="text/css" href="/shared/bz/css/milestone.css" />
         <link rel=stylesheet type="text/css" href="/generic-search/bz/css/bbOneSearchHeaderStyles.css"/>
<script type="text/javascript" src="/generic-search/bz/js/liveperson.js"></script>
         
		 <!-- <link rel="stylesheet" type="text/css" href="/assets/css/global/reset.css" media="screen, print"/> -->
         <!-- Found the  css in order QV : end -->
         <script type="text/javascript">
            //     setTimeout(() => {
            // scripta = document.createElement("script");
            // scripta.setAttribute("type","text/javascript");
            // scripta.setAttribute("src","/generic-search/bz/js/inventoryQuickView.js");
            // document.head.appendChild(scripta);
            // },
            // 2500 );
            $(document).ready(function() {
            console.log('document ready getting executing');
                        });
            console.log("1st script");
            function clearText(){
                 var j=document.getElementById("q").value;
                 if(j=="Search" || j=="Search..."  || j=="search")
                   document.getElementById("q").value="";
            
                }
            function putText(){
               var j=document.getElementById("q").value;
                if(j=="" || j==" ")
                document.getElementById("q").value="Search";
            
               }
               
            function getCookie(cookiename) {
                  var cookiestring=""+document.cookie;
                  var index1=cookiestring.indexOf(cookiename);
                  if (index1==-1 || cookiename=="") return ""; 
                  var index2=cookiestring.indexOf(';',index1);
                  if (index2==-1) index2=cookiestring.length; 
                  return unescape(cookiestring.substring(index1+cookiename.length+1,index2));
               }
             
            function keepSessionAlive() {
            	   var hasAccessedWLP = getCookie("JSESSIONID_btwportal");
            	   if(hasAccessedWLP != null && hasAccessedWLP != ''){
            	       var randomNumber = Math.round(Math.random()*10000);
            		   document.images("renewSession").src = "?"+randomNumber;
            	   }
               }
            
            function showLogin_new() {
            	var isLoggedin = getCookie('SMSESSION');
            	var cadAuthCookie = getCookie('BTWOSFINTREG');
            	var div1 = document.getElementById('show_login');
            	var div2 = document.getElementById('show_logout');
            	if (isLoggedin == null || isLoggedin == '' || isLoggedin == "LOGGEDOFF") {
            		div1.style.display = '';
            		//div2.style.display = 'none';
            	}
            	else if (cadAuthCookie != null && cadAuthCookie != ''){
            
                    div1.style.display = '';
                  //  div2.style.display = 'none';
                }
            	else {
            		div1.style.display = 'none';
            		//div2.style.display = '';
            	}
               }
         </script>
         <!-- Load Page Function --> 
         <script>
            console.log("2nd script");
            function loadPage(page){
                  var smSessionValue = getCookie("SMSESSION");
                  var str=document.location.href;
            
                  if (smSessionValue != null && smSessionValue != '' && smSessionValue != "LOGGEDOFF" && str.match(/iw-mount/i) == null) {
            
                    if (page == "home" || page == "customerzone" ) {
            
                       document.location.href ="?from=" + page;  
                   
            	   }
                }
            	  
            }

             function openGenesysChat() {
                Genesys('command', 'Database.set', {
                    messaging: {
                        customAttributes: {
                            entryPoint: 'BTW_BROADBAND_ORDERS'
                        }
                    }
                }, function() {
                    Genesys('command', 'Messenger.open');
                }, function(e) {
                    console.error('Genesys Database.set failed', e);
                });
            }
         </script> 

         </script> 
         <style>
            .link_popup_repairraisefault{cursor:pointer;}
            .fourColGrid {
            background: none repeat scroll 0 0 hsl(0, 0%, 100%);
            margin: 22px auto auto;
            width: 980px;
            }
            .component-search-box__search-form{margin:auto!important;}
            #inventory_hub_pg #hl_row_container_10 {
            left: 440px !important;
            } 
            .mileStoneNewQV .quick_view_popup1{ margin-top: 14px;}
            #inventory_hub_pg .ExcludedProductPopup {
            top: 170px !important;
            left: 380px !important;
            }
            #inventory_hub_pg #hl_row_container_3 {
            left: 400px !important;
            }
            #inventory_hub_pg .selected_row {
            left: 298px !important;
            }
            #msoHub .selected_row {
            left: 204px!important;
            }
            .alert_details .serviceAlertDetails {
            left: 344px!important;
            }
            /*#hl_row_container_5{
            left: 476px!important;
            }*/
            #inventory_hub_pg  #hl_row_container_5{
            /*left: 488px !important; top: 67px!important; */
            }
            .serviceAlertDtailsLeftBox{ margin-top: 20px;}
            .serviceAlertDtailsRightBox {
            margin-top: 20px !important;
            }
            #btw_sf_simple_container .selected_row {
            left: -54px !important;
            } 
            /*
            .inventory_block .selected_row {
            left: 298px!important;
            }
            .autoSuggestView{margin-top:14px;}
            */
            #inventory_hub_pg #hl_row_container_3 {
            left: 488px !important;
            }
            #hl_row_container_1 .quick_view_popup1_bottom1{right: 10px !important;width: 367px !important;}
            #hl_row_container_1{width: 593px!important;}
            #hl_row_container_1 .leftV{height: 45px;}
            #hl_row_container_5 .quick_view_popup1_bottom1{width: 337px !important;}
            .quick_view_details_popup1_subheader h3 {
               margin-bottom: 0!Important;
               line-height: 1.2rem!important;
            }
            @media screen and (min-width: 1440px) and (max-width: 1920px) {
                .outerInventoryDiv {
                    width: 100%;
                    position: relative;
                    margin: 0 auto;
                    clear: both;
                }
            }
            .outerInventoryDiv {
                width: 100%;
                position: relative;
                margin: 0 auto;
                clear: both;
            }
         </style>
         <!-- body onload="loadUsername();keepSessionAlive();" -->
            <!-- deepika for BZ revamp -Rel AS-->
            <!--div id="content-container"--> 
            <!-- STARTS custc-mis integration -->
            <script  language="JavaScript">
                 $('.loader').hide();
                console.log("3rd script");
                
               /*var s_pageName="Business Zone:Inventory:Performance Data";
               var s_channel="Business Zone";
               var s_products="";
               var s_events="";
               var s_hier1="Business Zone:Inventory:Performance Data";
               var s_prop9="Logged In";
               
               var s_prop7="";
               var server="wscom";
               var s_prop1="2 CIRCLES COMMUNICATIONS LTD";
               var s_propr="wscom";
               var s_prop4="logged in |btwholesale";
               var s_prop10="Business Zone";
               var s_prop5="Business Zone";*/
               
            </script>
            <!--<script src="/includes/static/wa/businesszone/js/s_code_remote.js" language="JavaScript"></script>-->
           
            
      </div>
   </section>
   <div class='bbOneParent' style="position:relative; margin:0 auto; clear:both; margin-top: 24px; width: 980px; ">
   <!--<link rel="stylesheet" type="text/css"	href="/shared/bz/css/inventory_new.css" />-->
   <link rel=stylesheet type="text/css" href="/shared/bz/css/icon.css" />
   <!--<link rel=stylesheet type="text/css" href="/shared/bz/css/jquerysctipttop.css" />-->
   <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css?family=Abel" rel="stylesheet"> -->
   
   <div class="outerInventoryDiv" style="display:none">
   <script type="text/javascript" src="/shared/bz/js/popover.js"></script>
   <script type="text/javascript" src="/shared/bz/js/bzInventoryPerformance.js"></script>  
   <div class="fourColGrid inventoryOuter" id="inventory_hub_pg">
	<div class="titleBg" style="background-color: #071a2e; padding: 35px 19px 0px; height: 134px; width: 975px; margin: -27px auto;">
   <div class=" inventory_popups">
   <div id="title">
   <h1 id="bZInventoryPerformance" class="float_left ">
   <!-- Inventory <br />& Reports -->
   </h1>
   <script type="text/javascript">
        console.log("4th script before");
         // document.addEventListener("DOMContentLoaded", function(){
         //    console.log('inside on load');
         //    var scripta = document.createElement("script");
         //    scripta.setAttribute("type","text/javascript");
         //    scripta.setAttribute("src","/generic-search/bz/js/inventoryQuickView.js");
         //    document.head.appendChild(scripta);
         //    }); 
         
		dataOnload();
      function dataOnload() {
            console.log("4th script");
            //we are adding inventory quick view dynamically to load Bradcrumb peoperly.
            // the $(".expandChiledAsset").unbind().live event is not correctly attaching on IQV.js load hence calling again as same code is inside clickOne() function.
          clickOne();
			var url=window.location.href;
         $('.search_field').append('<style>.search_field::placeholder{color:black;}</style>')

			
				$('.component-bt-mega-nav__main-nav-login > li').mouseenter(function(e){//alert('1');
                $(this).find('.component-bt-mega-nav__sub-nav-container').css('height','auto');
                $('.component-bt-mega-nav__logins li .loginLink,.component-bt-mega-nav__logins li .signup').css('display','none');}).mouseleave(function(e){// alert('2');
                $(this).find('.component-bt-mega-nav__sub-nav-container').css('height','0');}); 
                $('.component-bt-mega-nav__main-nav-links > li').mouseenter(function(e){//alert('1');
                $(this).find('.component-bt-mega-nav__sub-nav-container').css('height','auto');}).mouseleave(function(e){// alert('2');
                $(this).find('.component-bt-mega-nav__sub-nav-container').css('height','0'); });
                
				
				if(localStorage.getItem('searchHeader') === 'order'){
               setTimeout(function(){ $('.outerInventoryDiv').css("display","block"); }, 500); 
               // $('.outerInventoryDiv').css("display","block");
               $(".loggedin-bz li:nth-child(2)").addClass("active");
				   $(".loggedin-bz li:nth-child(1),.loggedin-bz li:nth-child(3),.loggedin-bz li:nth-child(4)").removeClass("active");			
               $('.component-bt-mega-nav__top-links-more-link').click(function(e){
                e.preventDefault();
                $('.component-bt-mega-nav__top-links-more-link').toggleClass("component-bt-mega-nav__top-links-more-link--open");
                $(".component-bt-mega-nav__top-drawer").toggleClass("component-bt-mega-nav__top-drawer--open");
                });
                $('.component-global-footer__drop-button-text').click(function(e){
                e.preventDefault();
                $(".component-global-footer__more-links-accordion.component-global-footer__accordion").toggleClass("component-global-footer__accordion--collapsed");
                $(".component-global-footer__more-links-drop-button-chevron").toggleClass("icon-up-chevron");
                });
				    console.log("4th script localStorage.getItem(searchHeader) === order");
				    $('.loader').hide();
				    $('.bbOneParent').show();
				$("#bZInventoryPerformance").text("My orders");
				$("#bZInventoryPerformance").addClass("orderIcon");
				
				localStorage.removeItem('searchHeader');
					//setTimeout(placeOrder, 10000);
					setTimeout(orderReferenceClick, 2000);
					console.log("4th script localStorage.getItem(searchHeader) === order error");
				/*$(".inventoryIcon").attr('src','../shared/bz/img/myorders_icon.png');*/
            //for placeOrder start
         $('.placeOrderProductClickClass').live("click",function () {
				
	
//function placeOrderProductClick(id){
	var id = $(this).attr('id');
   var GPLB_switch = "ON";
	$(".inventory_disclaimer").hide();
	$(".FFTCOverlay").show();
	//alert(id);
	var cugParamName = '&cugId='
	var cugParamValue = '';
	var flag = $('#placeorder_cuglist').data('isMorethanOne');
	if (flag) {
		cugParamValue = $('#placeorder_cuglist option:selected').val();
	} else {
		cugParamValue = $('#placeorder_cuglist').data('cugId');
	}
	
	var tabNav_nk = $(".tabNav_nk").find(".active").find("a").attr("data-id");
	
	if(tabNav_nk == 'recentProd'){
		tabNav_nk = 'recent';
	}else{
		if(tabNav_nk == 'allProd'){
			tabNav_nk = 'product';
		}else{
			tabNav_nk = 'template';
		}
	}
	
	if (cugParamValue == '-1' || cugParamValue == 'undefined' || cugParamValue == '') {
		$('.product_error_msg').text("Please select an account from the drop-down menu below.");
		$(".FFTCOverlay").hide();
		$('.product_error_msg').show();
		 /*$('html, body').animate({
                scrollTop: $('#placeorder_cuglist').offset().top
          }, 300);*/

		   $('html, body').animate({
                scrollTop: $('.place_order_popup').offset().top
          }, 300);

	} else {
		var product_scode_JSONArr = $.parseJSON(typeof $("#productScodeLinkList").val() != 'undefined' ? $("#productScodeLinkList").val() : "[]");
		var s_code_flag = true;
		console.log("product_scode_JSONArr:"+product_scode_JSONArr);
		if(product_scode_JSONArr != null){
			$.each(product_scode_JSONArr, function(s_key, s_value) { 
			//Added for BTWCE-100259
				if(id == s_key){
					console.log("s_value.CRF_Link:"+s_value.CRF_Link);
					if(s_value.CRF_Link != null && s_value.CRF_Link  != undefined && s_value.CRF_Link != ""){
						window.location.href = s_value.CRF_Link;
					}else{
						console.log("scode_array:"+scode_array);
						for(i=0;i<scode_array.length;i++){
							if(id == scode_array[i]){
								var j=i;
									$(".FFTCOverlay").show();
									$(".inventory_disclaimer").hide();
									 if(tryout!=null && tryout==scode_array[i]){
									console.log("FOR2 IPSTREAM");
									$(".BTIPstream").show();
									$('.FTTCDisclaimer').hide();
									$('.Inven_new').hide();
								    }
								    else{								
									if(proName!=null && proName==scode_array[i]){
									$(".BTIPstream").hide();
									$('.Inven_new').hide();
									$('.FTTCDisclaimer').hide();
									scode_array1.push(proName);    
									}else{
									$(".BTIPstream").hide();
									$('.Inven_new').hide();
									//Release_CG_122457
									//$('.FTTCDisclaimer').show();
									$('.FTTCDisclaimerOK').show();
									console.log("Entered okay");
									}
									} 
								    //BTWCE_CF-114607
								//$('.blockUIDisclaimer').show();
								var scode_selected=scode_array[i];
								DisclaimerClick(scode_selected,cugParamValue);		
							}
						}
						console.log("scode_array1:"+scode_array1);
						for(k=0;k<scode_array1.length;k++){
							if(id == scode_array1[k]){
								console.log("id matched:"+id+"->"+scode_array1[k]);
								var charExists=false;
								var href_url="";
								var status_flag=false;
								console.log("Deep Url 1");
							
								// Angular call for deeplink
							
								var isCreated = $('#'+id).attr("isCreateOrderAllowed")
								var data = {
									operation: "RaiseOrder",
									identifierType: "ProductScode",
									identifierValue: id,
									cugId: cugParamValue,
									isCreateOrderAllowed: isCreated,
									setAsFav: "Yes",
									tab: tabNav_nk
								}
								window.dispatchEvent(new CustomEvent('deeplink', {detail: data }));
								
								window.addEventListener('deeplinkResponse', (e) => { 
								console.log("isFURLflagPresent:"+data.isFURLflagPresent);
										console.log(data.isFURLflagPresent == "yes");
										if(data.isFURLflagPresent == "yes"){
											console.log("href_url:"+data.deepLinkURL);
											charExists = true;
											status_flag = true;
											href_url=data.deepLinkURL;
											window.location.href = href_url;
									}
								});
							/**
							$.ajax({
									url: deepLinkActionUrl + "operation=RaiseOrder&identifierType=ProductScode&identifierValue=" + id + cugParamName + cugParamValue + "&isCreateOrderAllowed=" + $('#'+id).attr("isCreateOrderAllowed")+"&setAsFav=Yes&tab="+tabNav_nk,
									dataType: 'JSON',
									type: "POST",
									async: false,
									data : {
										"o":"json"
									},
									success: function (data) {
										console.log("isFURLflagPresent:"+data.isFURLflagPresent);
										console.log(data.isFURLflagPresent == "yes");
										if(data.isFURLflagPresent == "yes"){
											console.log("href_url:"+data.deepLinkURL);
											charExists = true;
											status_flag = true;
											href_url=data.deepLinkURL;
											window.location.href = href_url;
										}
									},
									timeout: 10000,
									error: function (jqXHR, status, errorThrown) {
										console.log("Error Occurred:"+errorThrown+" Status:"+status);
										redirectToLoginPage(jqXHR, status);
									}
								});
								//ajax call func getting over **/
								$(".FFTCOverlay").hide();
								if(!status_flag){
									console.log("Depp Link2");
									
								var isCreated = $('#'+id).attr("isCreateOrderAllowed")
								var data = {
									operation: "RaiseOrder",
									identifierType: "ProductScode",
									identifierValue: id,
									cugId: cugParamValue,
									isCreateOrderAllowed: isCreated,
									setAsFav: "Yes",
									tab: tabNav_nk
								}
								window.dispatchEvent(new CustomEvent('deeplink', {detail: data }));
								/**	window.location.href = deepLinkActionUrl + "operation=RaiseOrder&identifierType=ProductScode&identifierValue=" + id + cugParamName + cugParamValue + "&isCreateOrderAllowed=" + $('#'+id).attr("isCreateOrderAllowed")+"&setAsFav=Yes&tab="+tabNav_nk; **/
								}
							}
						}
					}
					s_code_flag = false;
				}
			});
		}
		if(s_code_flag){
								console.log("Deep Link3 from generic_quickView.html");
				                var isCreated = $('#'+id).attr("isCreateOrderAllowed")
								var data = {
									operation: "RaiseOrder",
									identifierType: "ProductScode",
									identifierValue: id,
									cugId: cugParamValue,
									isCreateOrderAllowed: isCreated,
									setAsFav: "Yes",
									tab: tabNav_nk
								}
                         if(id == "S0426004" && GPLB_switch == "ON"){
            console.log("Deep Link3 should not be called");
         }else{

								window.dispatchEvent(new CustomEvent('deeplink', {detail: data }));
         }
			/**window.location.href = deepLinkActionUrl + "operation=RaiseOrder&identifierType=ProductScode&identifierValue=" + id + cugParamName + cugParamValue + "&isCreateOrderAllowed=" + $('#'+id).attr("isCreateOrderAllowed")+"&setAsFav=Yes&tab="+tabNav_nk;**/
		}
	}
	return false;
});
            //for placeOrder end
				}else if(localStorage.getItem('searchHeader') === 'faults'){
                //
setTimeout(function(){ $('.outerInventoryDiv').css("display","block"); }, 500); 
                //$('.outerInventoryDiv').css("display","block");
               $(".loggedin-bz li:nth-child(3)").addClass("active");
				   $(".loggedin-bz li:nth-child(1),.loggedin-bz li:nth-child(2),.loggedin-bz li:nth-child(4)").removeClass("active");			
               $('.component-bt-mega-nav__top-links-more-link').click(function(e){
                e.preventDefault();
                $('.component-bt-mega-nav__top-links-more-link').toggleClass("component-bt-mega-nav__top-links-more-link--open");
                $(".component-bt-mega-nav__top-drawer").toggleClass("component-bt-mega-nav__top-drawer--open");
                });
                $('.component-global-footer__drop-button-text').click(function(e){
                e.preventDefault();
                $(".component-global-footer__more-links-accordion.component-global-footer__accordion").toggleClass("component-global-footer__accordion--collapsed");
                $(".component-global-footer__more-links-drop-button-chevron").toggleClass("icon-up-chevron");
                });
				    console.log("4th script localStorage.getItem(searchHeader) === faults");
				$('.loader').hide();
				$('.bbOneParent').show();
				$("#bZInventoryPerformance").html("Repairs\n and Faults").wrap('<pre />');
				$("#bZInventoryPerformance").addClass("faultIcon");
				
                localStorage.removeItem('searchHeader');
					setTimeout(faultReferenceClick, 2000);
					console.log("4th script localStorage.getItem(searchHeader) === faults");
					setTimeout(raiseorTrackFault, 2000);
				}
				else if(localStorage.getItem('searchHeader') === 'inventory' || localStorage.getItem('searchHeader') === 'inventory & reports'){
                $('.outerInventoryDiv').css("display","block");
               $(".loggedin-bz li:nth-child(4)").addClass("active");
				   $(".loggedin-bz li:nth-child(1),.loggedin-bz li:nth-child(3),.loggedin-bz li:nth-child(2)").removeClass("active");			
               $('.component-bt-mega-nav__top-links-more-link').click(function(e){
                e.preventDefault();
                $('.component-bt-mega-nav__top-links-more-link').toggleClass("component-bt-mega-nav__top-links-more-link--open");
                $(".component-bt-mega-nav__top-drawer").toggleClass("component-bt-mega-nav__top-drawer--open");
                });
                $('.component-global-footer__drop-button-text').click(function(e){
                e.preventDefault();
                $(".component-global-footer__more-links-accordion.component-global-footer__accordion").toggleClass("component-global-footer__accordion--collapsed");
                $(".component-global-footer__more-links-drop-button-chevron").toggleClass("icon-up-chevron");
                });
				    console.log("4th script localStorage.getItem(searchHeader) === inventory");
				$('.loader').hide();
				$('.bbOneParent').show();
				if(localStorage.getItem('searchHeader') === 'inventory & reports'){
				    $("#bZInventoryPerformance").text("Inventory");
				}else{
				    $("#bZInventoryPerformance").text("Inventory");
				}
				
				$("#bZInventoryPerformance").addClass("inventoryIcon");
				
				localStorage.removeItem('searchHeader');
					setTimeout(inventoryReferenceClick, 2000);
					console.log("4th script localStorage.getItem(searchHeader) === faults");
				}
				else if(localStorage.getItem('searchHeader') === 'MSO'){ 
                $('.loader').hide();
               $(".component-bt-mega-nav__BZ-nav-container").show();
               $(".loggedin-bz li:nth-child(1)").addClass("active");
				   $(".loggedin-bz li:nth-child(2),.loggedin-bz li:nth-child(3),.loggedin-bz li:nth-child(4)").removeClass("active");			
               $('.component-bt-mega-nav__top-links-more-link').click(function(e){
                e.preventDefault();
                $('.component-bt-mega-nav__top-links-more-link').toggleClass("component-bt-mega-nav__top-links-more-link--open");
                $(".component-bt-mega-nav__top-drawer").toggleClass("component-bt-mega-nav__top-drawer--open");
                });
                $('.component-global-footer__drop-button-text').click(function(e){
                e.preventDefault();
                $(".component-global-footer__more-links-accordion.component-global-footer__accordion").toggleClass("component-global-footer__accordion--collapsed");
                $(".component-global-footer__more-links-drop-button-chevron").toggleClass("icon-up-chevron");
                });
				console.log(localStorage.getItem('searchHeader'));
				$('.titleBg').css("display","none");
			    $('.inventoryP').css("display","none");
				localStorage.removeItem('searchHeader');
				setTimeout(msoReferenceClick, 2000);
				console.log("4th script localStorage.getItem(searchHeader) === MSO");
				}
				else if(localStorage.getItem('searchHeader') === 'pncn'){
               
               $(".component-bt-mega-nav__BZ-nav-container").show();
               $(".loggedin-bz li:nth-child(1)").addClass("active");
				   $(".loggedin-bz li:nth-child(2),.loggedin-bz li:nth-child(3),.loggedin-bz li:nth-child(4)").removeClass("active");			 
               $('.component-bt-mega-nav__top-links-more-link').click(function(e){
                e.preventDefault();
                $('.component-bt-mega-nav__top-links-more-link').toggleClass("component-bt-mega-nav__top-links-more-link--open");
                $(".component-bt-mega-nav__top-drawer").toggleClass("component-bt-mega-nav__top-drawer--open");
                });
                $('.component-global-footer__drop-button-text').click(function(e){
                e.preventDefault();
                $(".component-global-footer__more-links-accordion.component-global-footer__accordion").toggleClass("component-global-footer__accordion--collapsed");
                $(".component-global-footer__more-links-drop-button-chevron").toggleClass("icon-up-chevron");
                });
			console.log("4th script localStorage.getItem(searchHeader) === pncn");
        
         $('.outerInventoryDiv').css("display","none");
			$('.titleBg').css("display","none");
			 $('.inventoryP').css("display","none");
				localStorage.removeItem('searchHeader');
					setTimeout(pncnReferenceClick, 2000);
					console.log("4th script localStorage.getItem(searchHeader) === pncn");
				} else if(localStorage.getItem('searchHeader') === 'Search results') {
                $('.outerInventoryDiv').css("display","block");
               $('.component-bt-mega-nav__top-links-more-link').click(function(e){
                e.preventDefault();
                $('.component-bt-mega-nav__top-links-more-link').toggleClass("component-bt-mega-nav__top-links-more-link--open");
                $(".component-bt-mega-nav__top-drawer").toggleClass("component-bt-mega-nav__top-drawer--open");
                });
                $('.component-global-footer__drop-button-text').click(function(e){
                e.preventDefault();
                $(".component-global-footer__more-links-accordion.component-global-footer__accordion").toggleClass("component-global-footer__accordion--collapsed");
                $(".component-global-footer__more-links-drop-button-chevron").toggleClass("icon-up-chevron");
                });
                $("#bZInventoryPerformance").text("Search results");
                $('.warning_message').css("display","none");
                $('.titleBg').css('width','449px!important');
                $('.titleBg').css('height','134px!important');
                $('#autoSuggestQuery p').css('height','30px!important');
                localStorage.removeItem('searchHeader');
                setTimeout(openQuickViews, 2000);
            }
				
				$('a.#fault_chat_button').click(function(){
					//gotoEchatURL();
               console.log("eChatRedirectURL is ..",eChatRedirectURL,varPreChatAllowed);
               if (isChatAllowed != null && isChatAllowed == "Y" && varPreChatAllowed != null && varPreChatAllowed == "Y") {
                     console.log("IF");
            			window.location.href = eChatRedirectURL;
      			return false;
      		}else if(isChatAllowed != null && isChatAllowed == "Y" && varPreChatAllowed != null && varPreChatAllowed == "N"){
               console.log("ELSE");
      			var url = "/echatapp/echat/redirectToPreEchat.do?operation=eChatT2R&identifierType=BTFAULTREF&identifierValue=" + varFaultRefNumber + "&serviceRefNum="+ varServiceRefNum;
      			window.open(url,'_blank');
      			return false;
      		}


				});

            //BED-482 changed .search_field to .newSearchBox as .search_field is also used in from date & to date in options filter
          $('#generic_search').click(function(){
             console.log("Value++",$("#page_search .newSearchBox").val() )
			if($("#page_search .newSearchBox").val().trim().length < 4 || $("#page_search .newSearchBox").val() == 'Enter the reference number' || $("#page_search .newSearchBox").val() == 'Enter at least 4 characters to search or 6 for predictive search results'  ) {
				$(".newSearchBox").attr("placeholder", "Enter at least 4 characters to search or 6 for predictive search results");
				$(".newSearchBox").val("");
				$('.newSearchBox').append('<style>.newSearchBox::placeholder{font-size: 12px;}</style>')

			} else {
				var count = $("#searchResultCount").val();
			if( $('.tabset li.tab.active')[0] != undefined ) {
				console.log("tabname",$('.tabset li.tab.active')[0].innerText);
				var tabName = $('.tabset li.tab.active')[0].innerText;
				if(tabName == 'Faults' || tabName == 'Orders') {
				    tabName = $('.orderSubTabs li.tab.active')[0].innerText;
				}
			} else {
			var tabName = "search page";
			}
				
				// 	if(count == 1 && tabName != "Broadband One" && tabName != "Network Usage") {
				// 	searchNavigate();
				// } 
            if(count == 1 && $("#page_search .newSearchBox").val().trim().length >= 6 ){
               searchNavigate();
            }
            else {
				if($(".newSearchBox").val() != undefined && $(".newSearchBox").val().trim() != ""){
                    let searchValue = $(".newSearchBox").val().trim();
				    console.log("qv html");
                    window.location.href = "/businesszone/hs/generic-search?searchParam="+searchValue;
               }
			}  
			}	
            });


				console.log("qv html");

            

				
          	/*var token = $("meta[name='_csrf']").attr("content");
         	var header = $("meta[name='_csrf_header']").attr("content");    	 
         	$(document).ajaxSend(function(e, xhr, options) {
         		xhr.setRequestHeader(header, token);
         	});*/
			console.log("FetchAccountDetailsURL is: "+fetchAccountDetailUrl);
		$.ajax({
            type: "GET",
            dataType: 'JSON',
            url: '/businesszone/csrf/getCSRFToken.rest', 
            success: function(output, status, xhr) { 
			//alert("Inside success");
              console.log("X-CSRF-HEADER :: "+xhr.getResponseHeader("X-CSRF-HEADER"));
			  var header = xhr.getResponseHeader("X-CSRF-HEADER");
			  if(header !== null && header !== undefined){
				bzCSRFToken = header;
				sessionStorage.setItem('X-CSRF-HEADER', header);
				sessionStorage.setItem('X-CSRF-TOKEN', header);
				$(document).ajaxSend(function(e, xhr, options) {
					xhr.setRequestHeader("X-CSRF-HEADER", header);
					xhr.setRequestHeader("X-CSRF-TOKEN", header);
				});
			  }			  
            },
			timeout: 100000,
            error: function(output) {
			  bzCSRFToken=output.responseText;
			  console.log("X-CSRF-HEADER rest :: "+bzCSRFToken);
              sessionStorage.setItem('X-CSRF-HEADER', bzCSRFToken);
			  sessionStorage.setItem('X-CSRF-TOKEN', bzCSRFToken);
			  $(document).ajaxSend(function(e, xhr, options) {
				xhr.setRequestHeader("X-CSRF-HEADER", bzCSRFToken);
				xhr.setRequestHeader("X-CSRF-TOKEN", bzCSRFToken);
			  });
            }
        });
      	var viewMore = getCookie("do_not_show_product_message");
      	if(viewMore=='1'){
      	  $('#autoSuggestQuery').data('orphanedqvcsscl','invautoSuggestViewNoProdMsg');
      	}else{
      	  $('#autoSuggestQuery').data('orphanedqvcsscl','invautoSuggestView');
      	}
      //   $(".inventoryP").load("/del_cms/businesszone/xhtml/bzProductMessaging.xhtml");


		
        /*$('body').click(function(e){
      		//e.preventDefault();
      		var container = $('.w_block_header_filter');
      		if (!container.is(e.target) && container.has(e.target).length === 0) {
      			$('.accDroHidden').hide();
      			$('.hubDroHidden').hide();
      			$('.postCodeDroHidden').hide();
			}
      	});	*/





	

//close script
$(".close_button").click(function(){
		$(".quick_view_popup1, .quick_view_popup2, .quick_view_popup4, .quick_view_popup5").hide();
	});
	var productCountAvail=0;
    var productCountOnBoard=0;
	
	
	$('#openExcludedProductPopupId').click(function(e){
	    e.preventDefault();
	    populateViewMore();
	    closePopups();
	    showDefault();                                                          // Rasmi Added to sort out default optio
	    if( $('body').find('#emulatedDetail')){
	        var agentDetails= $('#emulatedUserDetail').html();
	        if(agentDetails!=null &&agentDetails!='' && agentDetails.indexOf('Business') ){
	            $('.ExcludedProductPopup').css('top','190px');
	        }
	    }
	    $('.ExcludedProductPopup').show();
	    return false;
	});
	
	$("#whats_excluded_button").click(function(e){
	    e.preventDefault(); 
	    whatsExcludedContent('#whats_excluded_button');
	});
	$(".widget_popup_close").click(function(){
                        $('.ExcludedProductPopup').hide();
                                closePopups();
                });



                $('#close_warning_message').click(function (){
                        productMessageDisable();
                        $('#warning_message').hide();
                        $(this).hide();
                        closePopups();
                        return false;
                });

                $("#excluded_product_button").click(function(){
                        showDefault();
                        return false;
                });
                
                initPerformanceTab();
		
      }
      
        /*function closePopups(){
                if($('.service_details_list')){
                        $('.service_details_list').empty();
                }
                $('.preference_incidents_popup,.preference_popup, .place_order_popup,.raise_fault_popup,.select_account_popup,.ExcludedProductPopup,.product_category_popup,.engineering_notes,.service_details_list').hide();
                $(".place_order_button").data("opened", false);
                $(".place_order_button").removeClass("button_active");
                $("#raise_fault_button").data("opened", false);
                $("#raise_fault_button").removeClass("button_active");
                $(".options_list").data("opened", false);
                $(".all_list").data("opened", false);

        }*/
                        function whatsExcludedContent(id){
                        
                        $(id).removeClass("toggle_button_inactive");
                        $(id).addClass("toggle_button_active");
                        $(id).css({"border-bottom-color": "#336666"});
                        $('#excluded_product_table th:nth-child(1)').removeClass('all_tab_container_long');
                        $('#excluded_product_table th:nth-child(2)').show();
                        $('#excluded_product_table .excludedBody').hide();
                        $('#excluded_product_table .whatsExcludedBody').show();
                        $('#excluded_product_table_coming_soon').find('.whatsExcludedBodyComingSoonHeader').show();
                        $('#excluded_product_table_coming_soon').find('.whatsExcludedBodyComingSoonBody').show();
                        $("#excluded_product_button").addClass("toggle_button_inactive");
                        $("#excluded_product_button").removeClass("toggle_button_active");
                        $("#excluded_product_button").css({"border-bottom-color": ""});

                        return false;
        }
        function openViewMoreBZ(openViewMore){
                if(openViewMore == 'true' ){
                        $('.ExcludedProductPopup').css("display","block");
                        whatsExcludedContent('#whats_excluded_button');
                         $('#excluded_product_table_coming_soon  .whatsExcludedBodyComingSoonHeader').show();
                         $('#excluded_product_table_coming_soon  .whatsExcludedBodyComingSoonBody').show();
                }
                return false;
        }
        function closeViewMore(){
                closePopups();
        }

// added by Rasmi for re-use of code
function showDefault()
{
        $('#excluded_product_button').removeClass("toggle_button_inactive");
        $('#excluded_product_button').addClass("toggle_button_active");
        $('#excluded_product_button').css({"border-bottom-color": "#336666"});
        $("#whats_excluded_button").addClass("toggle_button_inactive");
        $("#whats_excluded_button").removeClass("toggle_button_active");
        $("#whats_excluded_button").css({"border-bottom-color": ""});
        $('#excluded_product_table th:nth-child(1)').addClass('all_tab_container_long');
        $('#excluded_product_table th:nth-child(2)').hide();
        $('#excluded_product_table .excludedBody').show();
        $('#excluded_product_table .whatsExcludedBody').hide();
        $('#excluded_product_table_coming_soon  .whatsExcludedBodyComingSoonHeader').hide();
        $('#excluded_product_table_coming_soon  .whatsExcludedBodyComingSoonBody').hide();
        $('#excluded_product_button').append('');
}
//added by aslam for view more 28316
function populateViewMore(){

       var data = {
            "o": "json"
        }
	window.dispatchEvent(new CustomEvent('getCustomerProductAvailaibility', {detail:  data}));
	
	window.addEventListener('getCustomerProductAvailaibilityResponse', (e) => {
		var data = e.detail;
		                    $('.widget_err_msg').remove();

            if (data.errorMsg!=null && data.errorMsg != "") {
                                $('#getCustomerProductAvailaibility').remove();
                $errorMessage = $('<div class="widget_err_msg" style="height:200px;"/>');
                $errorMessage.append(data.errorMsg);
                $('.ExcludedProductPopup').append($errorMessage);
                return false;
            }

                        $('#excluded_product_table  .excludedBody').empty();
                        var count=0;
                        productCountAvail=0;
                        $.each(data.productOnBoardList, function (key,value) {
                                count=count+1;
                                productCountAvail=productCountAvail+1;
                                if(count  % 2 == "0"){
                                 var className = "even";
                                }else{
                                        var className = "odd";
                                }
                                var excludedBodyRow='<tr class="'+className+'"><td colspan="2">'+key+'</td></tr>';
                                $('#excluded_product_table  .excludedBody').append(excludedBodyRow);
                        });

            count=0;
                        productCountOnBoard=0;
                        $('#excluded_product_table  .whatsExcludedBody').empty();
                        $.each(data.productAvailabilityList, function (key,value) {
                                count=count+1;
                                productCountOnBoard=productCountOnBoard+1;
                                if(count  % 2 == "0"){
                                 var className = "even";
                                }else{
                                        var className = "odd";
                                 }
                                var whatsExcludedBodyRow='<tr class="'+className+'"><td class="prod_msg_col_width">'+key+'</td><td class="prod_msg_col_width">'+'Contact your administrator'+'</td></tr>';
                                $('#excluded_product_table  .whatsExcludedBody').append(whatsExcludedBodyRow);
                        });
                        $('#getCustomerProductAvailaibility').show();

var coming_soon_json ={"data":{
"MEAS":"Q3 2014 July-Sept",
"20c Broadband":"TBC",
"20c Data Products":"TBC"
}};
                        $('#excluded_product_table_coming_soon .whatsExcludedBodyComingSoonBody').empty();

                        count=0;
                          $.each(coming_soon_json.data, function (key,value) {

                                count=count+1;
                                if(count  % 2 == "0"){
                                 var className = "even";
                                }else{
                                        var className = "odd";
                                }
                                var commingsoonRow='<tr class="'+className+'"><td class="prod_msg_col_width">'+key+'</td><td class="prod_msg_col_width">'+value+'</td></tr>';
                                $('#excluded_product_table_coming_soon  .whatsExcludedBodyComingSoonBody').append(commingsoonRow);
                         });

	
	})


      
	 
}


         function closePopups(){
         	if($('.service_details_list')){
         		$('.service_details_list').empty();
         	}
             $('.ExcludedProductPopup,.select_account_popup,.inventory_address_details,.preference_popup,.product_category_popup,.service_details_list,#engineering_notes_popup,.esc_engineering_notes,.pncnlistqv').hide();
             $(".all_list").data("opened", false);
             if($('.select_account_popup').hasClass('popupopened'))
			{
				$('.select_account_popup').removeClass('popupopened');
			}
			
         }

         
   </script>


  
						
   
   <div id="page_search" class="message_sample">
   <input type="hidden" value="" id="searchResultCount"/> 
	<input type="hidden" value="" id="searchResultType"/> 
	<input type="hidden" value="" id="searchResultValue"/> 
	<input type="hidden" value="" id="searchResultFlag"/>
   <input type="text" title="Enter the reference number" placeholder="Enter the reference number"
      id="autoSuggestQuery" class="search_field newSearchBox" onfocus="this.placeholder=''" onblur="this.placeholder='Enter the reference number'" />
   <p
      style="background-position: -3px 3px; background-image: url('/shared/bz/img/search_icon1.jpg') ! important; background-repeat: no-repeat; display: block; height: 49px; width:45px; margin-left: 332px !important;
	  margin-top: -50px !important;"
      class="button_search" id="generic_search"></p>
   <div class="clear"></div>
   <div class="page_search_message">
   <!--<label class="float_left">Enter Order, Fault, Escalation,
   Customer and Service References or a Directory Number</label>-->
   <div class="tooltipBalloon alwaysDown" id="search_sample_message">
   <div class="inner">
   <p>
   <STRONG>Please enter one of the following:</STRONG>
   </p>
   <UL class=noResultExList>
   <LI>BT order reference</LI>
   <LI>BT fault reference</LI>
   <LI>Service reference</LI>
   <LI>Customer reference</LI>
   <LI>Directory number</LI>
   <LI>Escalation reference</LI>
   </UL>
   <br>
   <P class=search_tips_pad>
   <STRONG>Search tips:</STRONG>
   </P>
   <UL class=noResultExList>
   <LI>Enter at least 4 characters to search</LI>
   <LI>Enter 6 characters or more to see instant suggestions</LI>
   </UL>
   </div>
   <span class="tooltipBalloonTip"></span>
   </div>
   <div class="clear"></div>
   </div>
   <div class="clear"></div>
   </div>
   <div id="no_results_found" class="no_results_found">
   <div class="no_results_found_cont">
   <label>No result found</label> <br /> <br />
   <p>
   Check the number or text again<br /> Try using alternate
   reference number
   </p>
   <p>
   Order number example: OR324052835003<br /> Fault number
   example: FT324052835003<br /> Product reference example:
   IHETW323<br />
   </p>
   </div>
   </div>
   <div id="connecting_bar" class="selected_row" style="display:none;"></div>
   <!-- <tiles:insert attribute="orderQuickView" flush="true"/>
      <tiles:insert attribute="faultQuickView" flush="true"/>
      <tiles:insert attribute="hierarchyQuickView" flush="true"/>
      <tiles:insert attribute="nonHierarchyQuickView" flush="true"/>
      <tiles:insert attribute="escalationQuickView" flush="true"/>
      <tiles:insert attribute="FastTrackQuickView" flush="true"/>
      <tiles:insert attribute="pncnListQuickView" flush="true"/>
      <tiles:insert attribute="outageQuickView" flush="true"/> -->
   <script>
      var pageName= $("#title h1").text();
            		
   </script>
   </div>
   <div class="clear"></div>
   </div>
   </div>
   <div class="clear"></div>
   <div class="float_left " style="margin-top: -32px !important; margin-left: 19px;">

		<div id="warning_message" class="warning_message float_left"
		   style="margin-top:0px!important;font-size:13px!important;font-weight: 400!important;">
   You may have products that are not included in this view. <a
      id="openExcludedProductPopupId"
       href="javascript:void(0)"
      title="View more">View more</a>
   </div>
   <!--lightbox excluded products-->
   <div class="ExcludedProductPopup" id="viewMorePopupId">
   <div class="select_account_popup_tip"></div>
   <a class="close_button widget_popup_close" title="Close"></a>
   <h2>Products on Business Zone</h2>
   <br />
   <div id="getCustomerProductAvailaibility" style="display: none">
   <p>Find out which products are currently available to order in
   Business Zone, and when we plan to include other products.</p>
   <div class="excluded_prod_buttons">
   <a id="excluded_product_button"
      class="toggle_button_active toggle_button_left prod_button_active"
      title="Available to order" href="#">Available to order</a>&nbsp;<a
      id="whats_excluded_button"
      class="toggle_button_inactive toggle_button_right"
      title="Currently not available" href="javascript:void(0);">Currently not
   available</a>&nbsp;
   </div>
   <div class="clear"></div>
   <div class="scrollable">
   <table id="excluded_product_table"
      class="sf_table sortable sf_table_border prod_table_border"
      border="0" cellspacing="0" cellpadding="0" width="100%">
   <thead>
   <tr>
   <th class="unsortable">Product</th>
   <th class="unsortable hide" style="DISPLAY: none">Action
   Required</th>
   </tr>
   </thead>
   <tbody class="excludedBody">
   </tbody>
   <tbody class="whatsExcludedBody hide">
   </tbody>
   </table>
   <table id="excluded_product_table_coming_soon"
      class="sf_table sortable sf_table_border prod_table_border prod_table_border_top"
      border="0" cellspacing="0" cellpadding="0" width="100%">
   <thead class="whatsExcludedBodyComingSoonHeader">
   <tr>
   <th class="unsortable">Coming soon</th>
   <th class="unsortable">Available to order (Indicative)</th>
   </tr>
   </thead>
   <tbody class="whatsExcludedBodyComingSoonBody">
   </tbody>
   </table>
   </div>
   </div>
   </div>
   </div>
   </div>
   <!--vipul_story_75580_issue_20_codemoved_to_line_no_100-->
   <div class="clear"></div>
   </div>
   <div id="order_satus_main_box"></div>
   <!-- fault quickview jsp content: start -->
  
   <script type="text/javascript">   
      $(document).ready(function() {  
         $('.float_left.inventoryP > p:empty').remove();    
	  $('#pre_chat_lightbox .close_button').click(function() {
		  $("#pre_chat_lightbox").fadeOut("normal");
		  $(".backgroundPopup").fadeOut("normal");
		  $(".backgroundPopup").css("display", "none");
	  });


     
      });
      
      
       
         //End for 94787
      
      
   </script>
   <input type="hidden" id = "productType"/>
   <div id="hl_row_container_5" class="quick_view_popup5"  style="display: none">
   <a class="icon_status_alert_qv" href="#tt_escalation" onmouseover="$('#tt_escalation2').show()" onmouseout="$('#tt_escalation2').hide()"></a>
   <div class="tooltipBalloon escalation_tooltip tooltipBalloonBelow" id="tt_escalation2">
   <div class="inner">
   <p>Under escalation</p>
   </div>
   <span class="tooltipBalloonTip"></span>
   </div>  
   <a id="fault_chat_button" class="echat_txt hide" title="eChat" href="#" style="DISPLAY: block" onClick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,prop48,eVar48,events';s.linkTrackEvents='Event57';s.eVar7=s_pageName+':Link : Select eChat';s.prop16=s_pageName+':Link: Select eChat';s.eVar6=s_pageName;s.eVar48=s_pageName+'|Select eChat';s.prop48=s_pageName+'|Select eChat';s.events='Event57';s.tl(this,'o',s_pageName+':Link: Select eChat');">eChat</a>
   <!-- <a class="echat_link hide" id="fauldEChatLink" title="eChat" href="#"></a>-->
   <a id="close_button_id" class="close_button quick_view_close1" title="Close"></a>
   <h2 class="float_left" style="padding-left: 10px;">Quick view</h2>
   <div class="line_separator1"></div>
   <div class="quick_view_details_popup1 faultdetailsposition">
   <table cellspacing="0">
   <tr>
   <td width="140" >Fault reference</td>
   <td style="font-size: 15px;" id="fault_reference" class="quickview_reference value"><!-- value--></td>
   </tr>
   <tr>
   <td >Customer reference</td>
   <td id="fault_customer_reference" class="value"><!-- value--></td>
   </tr>
   <tr>
   <td >Overall status</td>
   <td id="fault_overall_status" class="value"><!-- value--></td>
   </tr>
   <tr>
   <td class="products_dt" >Service reference</td>
   <td class="products_dt">
   <label class="products_label value" id="fault_service_reference"><!-- value--></label>
   <div class="plus_icon_container" style="z-index: 10" id="fault_service_refrence_viewmore">                                                            
   <a class="icon_viewmore_arrow" title="View more"  onclick="closeQuickViewPopups();$('#product_categories_popup3').show()" ></a>
   <div class="product_category_popup" id="product_categories_popup3">
   <div class="product_category_tip"></div>
   <a title="Close" class="close_button widget_popup_close"></a>
   <div></div> 
   <label class="float_left">Product and Service reference</label>
   <div class="clear"></div>
   <div class="sf_table_container sf_table_product_category_popup">
   <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable">
   <thead>
   <tr>                                            
   <th class="unsortable" >Product</th>
   <th class="unsortable" >Service reference</th>
   </tr>
   </thead>
   <tbody id="fault_sr_table">                                     
   <!-- value for tbody-->
   </tbody>
   </table>
   </div>
   </div>
   </div>
   </td>
   </tr>
   <tr>
   <td class="products_dt">Product name</td>
   <td class="products_dt">
   <label class="products_label value" id="fault_product_name"><!-- value--></label>
   <div class="plus_icon_container" style="z-index: 9" id="fault_product_name_viewmore">                                                            
   <a class="icon_viewmore_arrow" title="View more"  onclick="closeQuickViewPopups();$('#product_categories_popup4').show()" ></a>
   <div class="product_category_popup" id="product_categories_popup4">
   <div class="product_category_tip"></div>
   <a title="Close" class="close_button widget_popup_close"></a>
   <div></div> 
   <label class="float_left">Product and Service reference</label>
   <div class="clear"></div>
   <div class="sf_table_container sf_table_product_category_popup">
   <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable">
   <thead>
   <tr>                                            
   <th class="unsortable" >Product</th>
   <th class="unsortable" >Service reference</th>
   </tr>
   </thead>
   <tbody id="fault_pn_table">
   <!-- value for tbody-->
   </tbody>
   </table>
   </div>
   </div>
   </div>
   </td>
   </tr>
   <tr id="fault_severity_level_tr">
   <td >Severity</td>
   <td id="fault_severity_level" class="value"><!-- value --></td>
   </tr>
   <tr>
   <td >Created date</td>
   <td id="fault_created_date" class="value"><!-- value --></td>
   </tr>
   <tr>
   <td >Account number</td>
   <td id="fault_account_number" class="value"><!-- value --></td>
   </tr>
   <tr>
   <td >Account name</td>
   <td id="fault_account_name" class="value"><!-- value --></td>
   </tr>                                                                                                
   <tr>
   <td >Created by</td>
   <td id="fault_created_by" class="value"><!-- value --></td>
   </tr>
   <tr>
   <td >Closed date</td>
   <td id="fault_expected_close_date" class="value"><!-- value --></td>
   </tr>           
   </table>
   <div class="selected_row123" id="newArrow" style="display:none"></div>
   <table style="table-layout: inherit !important;"><tr><td style="Padding: 0px 10px 0px 0!important;">
   <h3><b><div id="want" style="padding-top: 20px">I want to...</div></b></h3></div></td>
   <td style="Padding: 0px 10px 0px 0;"><h3><b><div id="Notificationsdisplay" style="margin-left:31px; padding-top: 20px;font-size: 1rem;";>Notifications</div></b><h3></td></tr>
   <!-- Added empty tr for space issue in live for BI_Plus-->
   <tr><td></td><td></td></tr>
   <!-- Added empty tr for space issue in live for BI_Plus-->
   <tr>
   <div class="pimaryHeader quick_view_details_popup1_subheader">
   <td style="Padding: 0px 10px 0px 0!important;">
   <div class="float_left" style="padding-bottom: 15px;">
   <select id="status_filter_select1" style="display:none;" class="quickView_dropdown default_table_view floatRight" onchange="faultEscalationSupported(this)">
   <option>Please select action </option>
   <!--  <option id="fault_cancel_button" scode="" companyName="">Cancel</option>
      <option id="fault_amend_button"  scode="" companyName="">Amend fault</option>
      <option id="fault_acceptreject_button" scode="" companyName="">Accept/reject</option>--> 
   </select>
   </div>
   </td>
   </div>
   <!-- On click omniture event is added as part of story number BTWCE 43772 by neha -->
   <!--  <a id="fault_viewdetails_button" scode="" companyName="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#" title="View details">View details</a>-->
   <div>
   <td style="Padding: 0px 10px 0px 0!important;">
   <a onClick="var s=s_gi(getOmnitureAcc()); s.linkTrackVars='eVar7,prop16'; s.eVar7='Business Zone:Repair & Faults:Link:Raise Escalation'; s.prop16='Business Zone:Repair & Faults:Link:Raise Escalation';s.tl(this,'o','Business Zone:Repair & Faults:Link:Raise Escalation');" style="display: none; background-image: url('/shared/bz/img/grey_flag.png'); background-size: 27px auto; width: 27px; height: 27px;text-decoration: none;" id="icon_grey" title="Escalation" class="faultImagepositiongrey" href="#" clickfrom="Fault"><div title="Escalation" style="padding-left:32px;margin-top: 7px;width:74px; color: black; ">Escalation</div></a></td>
   <td style="Padding: 0px 10px 0px 0!important;">
   <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Repair & Faults:Link:View Escalation';s.prop16='Business Zone:Repair & Faults:Link:View Escalation';s.tl(this,'o','Business Zone:Repair & Faults:Link:View Escalation');" style="display: none; background-image: url('/shared/bz/img/orange_flag.png'); background-size: 27px auto; width: 27px; height: 27px;text-decoration: none;" id="icon_orange" title="Escalation" class="faultImagepositionorange" href="#" clickfrom="Fault"><div title="Escalation" style="margin-left:29px;margin-top: 7px;width: 74px; color: black; ">Escalation</div></a></td>
   </div>
   </div>
   </tr>
   </table>
   <div class="clear"></div>
   </div>
   <div class="quick_view_popup1_bottom1 faultposition">
   </div>
   <div class="clear"></div>
   </div>
   <script>	
      


      //Modified for BTWCE-91783 ends
      
      /* function gotoEchatOmni(){
      	var pageNameEchat = "Business Zone:"+pageName;
      	var s=s_gi(getOmnitureAcc());
      	s.linkTrackVars='eVar7,prop16,eVar6,eVar11,products';
      	s.eVar7=''+pageNameEchat+':Fault QV:Link:Chat';
      	s.prop16=''+pageNameEchat+':Fault QV:Link:Chat';
      	s.eVar6=''+pageNameEchat+'';
      	s.eVar11=''+companyName+'';
      	s.products=''+productScodeFault+'';
      	s.tl(this,'o',''+pageNameEchat+':Fault QV:Link:Chat');
      } */
      //Lakshmi: End - BTWCE-54849 eChat via Fault QV
   </script>
   
   <!-- fault quickview jsp content: end -->
   
   
   <!-- inventory details quick view : start -->
   <style>
   #hl_row_container_3, .serviceAlertRight {
	left: 125px;
	margin-top: -3px !important;
   }

   </style>
   <div id="hl_row_container_3" class="quick_view_popup2 lightbox notificationallignment" style=" top: auto; display: none; left: 330px !important;">
   <!-- height changed for inventory hirarichal qv removed --  height:546px;           -->
   <a class="close_button quick_view_close inventory_address_close tbl_table_container_close"  title="Close"  ></a>
   <h2 class="float_left qvHeader">Quick view</h2>
   <div class="line_separator1"></div>
   <div class="errormsgQv" style="display:none;"></div>
   <div class="quick_view_container">
   <!-- <h2 id="subtitle_inventory"></h2><h2 id="total_inventory"></h2> -->
   <div class="clear"></div>
   <div class="quick_view_inventory_options">
   <input  type="text" style="width: 222px;" autofocus onkeypress="myFunction1(this)" onkeyup="myFunction1(this)"
      onkeydown="var keycode = (event.keyCode ? event.keyCode : event.which);if(keycode==13){$('#inventory_search_button').trigger('click');}"
      onchange="myFunction1(this)"class="search_field seleAccInput" id="inventory_search_field" serviceid="" tabindex="1" title="Search by reference" placeholder="Search by reference" value="" />
   <a class="clear_input clear_input_asda" title="Clear search term" style="display:none" tabindex="1" href="#"></a>
   <button class="button_search" tabindex="1" id="inventory_search_button" title="Search"></button>
   <p id="errorinsearch" style="display:none;color:red">&nbsp; Sorry, no inventory matched your search. Please try again</P>
   </div>
   <div class="leftNestedAccordin" style="overflow: auto; float: left;">
   <div id="quickview_inventory_detail">
   </div>  
   </div>
   <div style="" class="lightbox qvDetails  float_right adsl_right_content">
   <div id="hl_row_container_9" class="quick_view_popup4 lightbox" style="width: 443px;position: absolute;left: 288px;display: block; border: 1px solid rgb(215, 215, 215);height: 354px; ">
   <!--hiraricahal qv heigt height: 354px;--removedheight ---->
   <div class="quick_view_details_popup1">
   <div>
   <p style="float: left; width: 40%;padding-right:10px;width: 155px;">Service type</p><p id="inv_product_name" style="width:52%;float:left;"></p>
   </div>
   <div>
   <p style="float: left; width: 40%;padding-right:10px;width: 155px;">Customer reference</p><p id="inv_customer_reference" style="width:52%;float:left;"></p>
   </div>
   <div>
   <p style="float: left; width: 40%;padding-right:10px;width: 155px;">Service reference</p><p id="inv_service_reference" style="width:52%;float:left;"></p>
   </div>
   <div>
   <p style="float: left; width: 40%;padding-right:10px;width: 155px;">Asset ID</p><p id="inv_Directory_number" style="width:52%;float:left;"></p>
   </div>
   <div id="dynamicAttribute1" style="float:left">
   </div>
   <div id="dynamicAttribute" style="float:left">
   </div>
   <!-- added for BTWCE 93394 -->
   <div class="contract_end_date">
   <p id="inv_contract_end_date_lbl" style="float: left; width: 40%;padding-right:10px;width: 155px; display:block;">Contract end date</p><p id="inv_contract_end_date" style="width:52%;float:left;"></p>
   </div>
   <!-- added for BTWCE 93394 ENDS-->
   <div>
   <p style="float: left; width: 40%;padding-right:10px;width: 155px;">Last update</p><p id="inv_Last_updated_date" style="width:52%;float:left;"></p>
   </div>
   <div>
   <p style="float: left; width: 40%;padding-right:10px;width: 155px;">Last updated by</p><p id="inv_Last_updated_by" style="width:52%;float:left;"></p>
   </div>
   <!-- Added for BTWCE-108566 -->
   <input id="assetIntegId" type="hidden" value="" style="display:none;" />
   <div class="clear"></div>
   </br>
   <div class="pimaryHeader quick_view_details_popup1_subheader">
   <!--<p style="float: left; width: 40%;padding-right:10px;width: 155px; margin-top: -14px"><b>I want to...</p>-->
   <table>
      <tr>
         <td style="Padding: 0px 10px 0px 0!important;">
   <h3><b><div id="want" >I want to...</div></b></h3></div>
         </td>
   <td style="Padding: 0px 10px 0px 0;">
      <h3>
         <b><div id="Notificationsdisplay" style="margin-right:-55px!important;">Notifications</div>
         </b><h3></td>
         </tr>
         <tr><td style="Padding: 0px 10px 0px 0!important;">
   <div class="float_left">
   <select id="inventory_action_select" style="display:block;" class="quickView_dropdown default_table_view floatRight">
   <option>Please select action</option>
   </select>
   <form action="" id="faultRedirectForm" method="post">
   <input type="hidden" name="serviceId" id="serviceId">
   <input type="hidden" name="cugId" id="cugId">
   </form>
   </div>
   <!--Added for BTWCE-122412-->
   <div class="csvDownload" onclick="downloadCSV();csvDownloadOmniture()" style="margin-top:8px;display:none;">
		<span class="csvtooltiptext">Save CSV</span>
		</div>
      <!--End for BTWCE-122412-->
   </td>
   
   <td style="Padding: 0px 10px 0px 0!important;vertical-align: middle;">
   <!--<a id="asset_viewdetails_button" scode="" companyName="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#" >View details</a>-->
   <table><tr><td style="Padding: 0px 10px 0px 0!important;">
   <div class="float_left">				
   <div id="multi_fault_div">
   <div id="multi_fault_a_div">
   </div>
   <div id="multi_fault_content_div">
   </div>
   </div>
   <a id="sigle_fault"  title="Fault" class="inventory_view_fault"  tabindex="2"  style="width:30px;text-decoration:none;">Fault</a>
   <div id="sf_box" class="viewFaultsReference single_fault_qv">						
   </div></td></tr>
   <!--<a id="outages" class="alert_message_icon ml10" tabindex="2" href="#"></a>-->
   <tr><td style="Padding: 0px 10px 0px 0!important;">
   <div id="outage_div" tabindex="2" href="#mso_row_1" style="width:35px;"class="icon_place imageonqv"></div>
   <div id="outages_content_div" class="service_details_list serviceAlertBox sideView lightbox mso_service_top">
   </div></td>
   </tr>
   <!-- Deepika: for Rel AV BTWCE-52731 start -->
   <!--a title="Planned engineering work" class="pew_icon_single ml10" href="#"></a-->
   <tr><td style="Padding: 0px 10px 0px 0!important;">	
   <div id="pncn_div" href="#pncn_row_1" style="width:35px;"></div>
   </td></tr></table>
   </div>
   </td></tr></table>
   <!--BTWCE-106510 Start-->
   <div ><p id="showInfoMessageQV"></p></div>
   <!--BTWCE-106510 End-->
   </div>
   </div>
   <div class="clear">&nbsp;</div>
   <div class="beigeStrap addAnotherBtnContainer" style="width:423px">
   <div class="float_left addItem" style="margin-left: -6px;">
   <a id="add_item" tabindex="2" scode="" companyName="" New_number="" Site="" Ported_number="" Broadband_complete="" User=""  href="#"></a>
   </div>
   
   <div class="addAnotherItemPopup pos_abs" style="display:none;position:inherit;margin-top: 10px !important; margin-left: 0px; margin-right: -45px; margin-bottom:10px !important">
   </div>	
   <div style="clear:both">&nbsp;</div>
   <!--<div id="inv_buttons">
      <div class="float_left" style="padding-top: 10px;margin-left:9px;">
      	<a id="raise_fault" scode="" tabindex="2" companyName="" class="lbutton float_left new_raise_btn" href="#">Raise a fault</a>
      
      </div>
      <div class="float_left" style="padding-left: 6px; padding-top: 10px;">
      	<a id="diagnose_button" class="lbutton_white new_diagnose_btn" target= "" onClick="" scode="" companyName="" tabindex="2" href="#" >Diagnose</a>
      	<a target="" onclick="" style="display:none;" tabindex="2" id="newWindowIcon"> <img src="/shared/bz/img/icon_newwindow.png"></a>
      </div>
      </div>!-->
   </div>
   <div class="clear">&nbsp;</div>
   </div>
   </div>
   </div>    
   <!-- //End Main content-->					
   </div>
   <div class="clear"></div>
   <div class="clear"></div>                                 
   <div class="clear"></div>
   <br/>          
   <div class="clear"></div>
   <!-- /body>
</html -->
<!-- inventory details quick view : end -->

<!-- inventory hl_row_container_2 quick view : start -->
 <div id="hl_row_container_2" class="quick_view_popup2" style="display: none">
 <input type="hidden" id = "productType"/>
	<a class="close_button quick_view_close tbl_table_container_close"  title="Close"  ></a>
	<div class="quick_view_details_popup1_header">Quick view</div>
	<div class="quick_view_container">
		<h2 id="subtitle_inventory"></h2><h2 id="total_inventory"></h2>
		<div class="clear"></div>
		<div class="quick_view_inventory_options">
			<select id="inventory_products_select"><!-- value--></select>
			<input  type="text"  class="search_field" id="inventory_search_field" title="Search by service number" value="" />
			<button class="button_search" id="inventory_search_button"></button>
		</div>
		<div class="sf_table_container sf_table_container_inventory position_relative" >
			<table width="100%" cellspacing="0" cellpadding="0" border="0"  class="sf_table sortable" id="inventory_table_result" >
				<thead>
					<tr>
						<th class="unsortable" width="130">Service number</th>
						<th class="unsortable">Faults</th>
						<th class="unsortable">Modify</th>
						<th class="unsortable">Cease</th>
						<th class="unsortable" width:100px;>Installation address</th>
					</tr>
				</thead>
				<tbody id="quickview_inventory_detail">
					<!-- value-->
				</tbody>
				<tfoot id="view_all_result_inventory">
					<tr>
						<th colspan="2"><a href="#" id="quickview_view_all_inventory">Clear Search/View All</a></th>
					</tr>
				</tfoot>
			</table>
		</div>
		<div class="clear"></div>
		<div class="">
			<div id="inventory_showpage" class="pages left">
				<label>Show</label>
				<a  href="#" class="first selected">10</a>
				<a  href="#">20</a>
				<a  href="#">50</a>
				<label class="perpage">per page</label>
			</div>

			<div class="pagination_nav right" id="quickview_inventory_navigation">
				<a class="prev" title="Previous"  href="#"></a>
				<label class="count"></label>
				<a class="next" title="Next"  href="#"></a>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>
</div>
<!-- inventory hl_row_container_2 quick view : end -->

<!-- inventory asset details: start -->
<style>
   .inventory_disclaimer .product_pop_close{margin:20px 22px 0 0!important;}
   .inventory_disclaimer {
   background-color: #ffffff;
   width: 630px;
   padding: 12px 45px 45px 45px;
   }
   .lightbox {
   line-height: 17px!important;
   } 
   .disclaimer_font {
   font-family:"BTFont_Rg" , Arial, Helvetica, sans-serif!important;
   }
   .nb-theme-default li, .nb-theme-default p, .nb-theme-default .paragraph {
   line-height:1rem!important;
   }    
   .disclaimerHeading{
    font-weight: bold!important;
    font-size: 14px!important;
    padding-top: 20px!important;
	}
</style>
<div id="hl_row_container_10" class="quick_view_popup4 lightbox newinvQV" style="display: none; top: auto; border-top-color: lightgrey; border-right-color: lightgrey; border-left-color: lightgrey; left: 511px;  border-bottom: 2px solid lightgrey ! important;width:454px;">
   <!--75580--removed--height: 550px;-->
   <a class="close_button service_detail_close" title="Close" tabindex="1"></a>
   <h2 id="qvHeader" class="float_left">Quick view</h2>
   <div class="line_separator1"></div>
   <div class="quick_view_details_popup1 newinvQVinside">
      <div>
         <p style="float: left;padding-right:10px;width: 155px;">Service type</p>
         <p id="inv_product_name" style="width:155px;float:left;"></p>
      </div>
      <div>
         <p style="float: left; padding-right:10px;width: 155px;">Customer reference</p>
         <p id="inv_customer_reference" style="width:155px;float:left;"></p>
      </div>
      <div>
         <p style="float: left;padding-right:10px;width: 155px;">Service reference</p>
         <p id="inv_service_reference" style="width:155px;float:left;"></p>
      </div>
      <div>
         <p style="float: left;padding-right:10px;width: 155px;">Asset ID</p>
         <p id="inv_Directory_number" style="width:155px;float:left;"></p>
      </div>
      <div id="dynamicAttribute1" style="float:left">
      </div>
      <div id="dynamicAttribute" style="float:left">
      </div>
      <!--BTWCE 93394 CHANGES-->
      <div class="contract_end_date">
         <p id="inv_contract_end_date_lbl" style="float: left;padding-right:10px;width: 155px;display:block;">Contract end date</p>
         <p id="inv_contract_end_date" style="width:155px;float:left;"></p>
      </div>
      <!--BTWCE 93394 CHANGES ENDS-->
      <div>
         <p style="float: left;padding-right:10px;width: 155px;">Last update</p>
         <p id="inv_Last_updated_date" style="width:155px;float:left;"></p>
      </div>
      <div>
         <p style="float: left; padding-right:10px;width: 155px;">Last updated by</p>
         <p id="inv_Last_updated_by" style="width:155px;float:left;"></p>
      </div>
      <div style="float:left;">
         <p style="float: left;padding-right:10px;width: 155px;">Asset Status</p>
         <p id="inv_status" style="width: 155px; float: left;"></p>
      </div>
      <div class="clear"></div>
      </br>
      <div class="diagnosticsTestResults none" style="display: none;">
         <input type="hidden" id="serviceIdhidden" value=""/>
         <div class="line_separator1"></div>
         <a href="#" id="diagnosticsLink" onclick="openDiagnostics()">View diagnostic test results</a>
         <div class="line_separator1"></div>
      </div>
      <div class="pimaryHeader quick_view_details_popup1_subheader view_details_div" style="margin-right: 211px;margin-top: -5px;">
         <table>
            <tr>
               <td style="Padding: 0px 10px 0px 0!important;vertical-align:top;">
                  <h3>
                     <b>
                        <div id="want" style="font-weight: bold">I want to...
                     </b>
                  </h3>
                  </div>
               </td>
               <td style="Padding: 0px 10px 0px 0!important;">
                  <h3>
                  <b>
                     <div id="Notificationsdisplay" style="margin-left: 27px;font-size:1rem;">Notifications</div>
                  </b>
                  <h3>
               </td>
            </tr>
            <tr>
               <td style="Padding: 0px 10px 0px 0!important;">
                  <div class="float_left">
                     <select id="inventory_action_select" style="display:block;" class="quickView_dropdown default_table_view floatRight">
                        <option>Please select action</option>
                     </select>
                     <form action="" id="faultRedirectForm" method="post">
                        <input type="hidden" name="serviceId" id="serviceId">
                        <input type="hidden" name="cugId" id="cugId">
                     </form>
                  </div>
               </td>
               <td style="Padding: 0px 10px 0px 0!important;vertical-align: middle;">
                  <!--changes by aditi for BTWCE 74963 added prod type attr -->
                  <table>
                     <tr>
                        <td style="Padding: 0px 10px 0px 0!important;">
                           <!--	<a id="asset_viewdetails_button" scode="" companyName="" productType="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#" >View details</a>-->
                           <div class="float_left">
                              <div id="multi_fault_div">
                                 <div id="multi_fault_a_div">
                                 </div>
                                 <div id="multi_fault_content_div">
                                 </div>
                              </div>
                              <a id="sigle_fault"  title="Fault" class="inventory_view_fault assetimage" style="width:34px;">Fault</a>
                              <div id="sf_box" class="viewFaultsReference single_fault_qv">						
                              </div>
                        </td>
                     </tr>
                     <!--<a id="outages" class="alert_message_icon ml10" tabindex="2" href="#"></a>-->
                     <tr>
                     <td style="Padding:  0px 10px 0px 0!important;vertical-align: middle;">
                     <div id="outage_div" href="#mso_row_1" style="width:35px;"></div>
                     <div id="outages_content_div" class="service_details_list serviceAlertBox sideView lightbox mso_service_top">
                     </div></td></tr>
                     <!-- Deepika: for Rel AV BTWCE-52731 start -->
                     <!--a title="Planned engineering work" class="pew_icon_single ml10" href="#"></a-->
                     <tr><td style="Padding: 0px 10px 0px 0!important;">
                     <div id="pncn_div" href="#pncn_row_1" style="width:35px;"></div></td></tr>
                  </table>
                  </div>
               </td>
            </tr>
         </table>
         <!--BTWCE 106510 start-->
         <div >
            <p id="showInfoMessage" style="width: 330px;"></p>
         </div>
         <!--BTWCE 106510 end-->  
      </div>
      <div class="clear">&nbsp;</div>
      <div class="beigeStrap addAnotherBtnContainer">
         <!-- UI chnages made for inv-qv distorted issue -->
         <div class="float_left addItem" style="margin-left: -14px;">
            <!-- 	<div class="float_left addItem" style="margin-left: -6px;"> -->
            <a id="add_item" tabindex="2" scode="" companyName="" New_number="" Site="" Ported_number="" Broadband_complete="" User=""  href="#"></a>
         </div>
         <div class="addAnotherItemPopup pos_abs" style="display:none;position:inherit;margin-top: 10px !important; margin-left: 0px; margin-right: -27px; margin-bottom:10px !important">
         </div>
         <div style="clear:both">&nbsp;</div>
         <!--s<div id="inv_buttons">
            <div class="float_left" style="padding-left:10px;padding-top: 10px;">
            	<a id="raise_fault" scode="" companyName="" tabindex="2" class="lbutton float_left new_raise_btn" href="#">Raise a fault</a>
            </div>
            <div class="float_left addDiagnoseBtnFrst" style="padding-left: 10px;padding-top: 10px;">
            	<a id="diagnose_button" tabindex="2" class="lbutton_white new_diagnose_btn" target= "" onClick="" scode="" companyName="" href="#" >Diagnose</a>
            	<a target="" onclick="" style="display:none;" tabindex="2" id="newWindowIcon"> <img src="/shared/bz/img/icon_newwindow.png"></a>
            </div>
            <div class="float_left addDiagnoseBtnScnd" style="padding-left: 10px;padding-top: 10px;">
            	<a id="diagnose_button" tabindex="2" class="lbutton_white new_diagnose_btn" target= "" onClick="" scode="" companyName="" href="#" >Diagnose</a>
            	<a target="" onclick="" style="display:none;" tabindex="2" id="newWindowIcon"> <img src="/shared/bz/img/icon_newwindow.png"></a>
            </div>
            </div>!-->
      </div>
   </div>
</div>
<!-- inventory asset details: end -->
<!-- Order quick view : Start -->
<!-- <link rel=stylesheet type="text/css" href="/shared/bz/css/milestone.css" /> -->
<script type="text/javascript">
   $(document).ready(function() {
   /* var token = $("meta[name='_csrf']").attr("content");
   var header = $("meta[name='_csrf_header']").attr("content");    	 
   $(document).ajaxSend(function(e, xhr, options) {
   xhr.setRequestHeader(header, token);
   });*/
       $('#order_chat_button, #orderEChatLink').click(function() {
       	gotoEchatOmniOrderQV();
           //var btRef = $('#order_reference').html();
           //populateOrderPreChat(btRef);
       });
       $('#pre_chat_lightbox .close_button').click(function() {
           $("#pre_chat_lightbox").fadeOut("normal");
           $(".backgroundPopup").fadeOut("normal");
           $(".backgroundPopup").css("display", "none");
       });
   
   
   /*added for BTWCE 83252 by aditi*/
   $("#hl_row_container_1 #fasttrack_icon").unbind().click(function(event){
   $(".showArrow").show();
   //	alert('inside fasttrack function');
   $("#exp_ref_quick_container_tab1").show();
   $("#exp_ref_quick_container_tab1 .beigeStrap").hide();
   $("#exp_ref_quick_container_tab1 .quick_view_details_popup1").hide();
   $("#exp_ref_quick_container_tab1 .esc_quick_view_popup1_bottom1").hide();
   $("#exp_Ajax_Loader").show();
   populateExpediteDetailsQuickView("orders",$(this).attr("expreference"));
   return false;
   });
   /*added for BTWCE 83252 by aditi ends*/
   });
   
        //Added for 97152  
     
  
      //End for 94787
   
</script>
<style>
   .disclaimer_font {
   font-family:"BTFont_Rg" , Arial, Helvetica, sans-serif!important;
   }
</style>
<!-- Added for BTWCE-101933 -->
<div class="blockUIDisclaimer blockOverlayDisclaimer" style="margin: 0px; padding: 0px; border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 1000; cursor: wait; opacity: 0.4; background-color: rgb(0, 0, 0); display:none;"></div>
<div class='inventory_disclaimer' style="display:none; top: 275px; position:absolute  !important">
					<div class="product_pop_close">
						<a tabindex="0" title="Close" class="close_button_prod"></a>
					</div>
						<div class="product_pop" id="view_popup">
							<div id="prod_pop" style="font-family:BTFont_Rg!important">
								<p class="disclaimerHeading">Disclaimer !</p>
								<p class="disclaimerLineone ">Did you know that you can now place the below orders through our new Enhanced Eco+ system?</p>
								<ul id="view_content" style="display:none;">
									<!-- START - REL-BT - BTWCE-107329 - added disclaimerLinetwoA - Swarali -->								
									<!--<li>View service details</li>-->
									<!-- END - REL-BT - BTWCE-107329 - added disclaimerLinetwoA - Swarali -->
									<li>Modify an existing ADSL/ADSL2+ service to FTTC</li>
									 <!-- START - REL-BW- BTWCE-110386 -->
									<li>Modify an existing FTTC service to FTTC</li>
									<li>Modify an existing FTTP service to FTTP</li>
									<li>Modify an existing FTTP On Demand(FoD) service to FTTP On Demand(FoD)</li>
									<li>Modify an existing FTTP On Demand(FoD) service to FTTP (Only when out of contract)</li>
									<li>Cease a FTTC service</li>
									<li>Cease a FTTP, FTTP On Demand (FoD)</li><p>
									 <!-- NEW KEY's- REL-BW- BTWCE-110386 START-->
									</p><p>The following journeys are currently only available on the new system to users who are assisting with testing and will be made available to all users over the coming months.</p>
									
									<li>Modify an existing FTTC service to ADSL/ADSL2+</li>
									<li>Modify an existing ADSL service to ADSL/ADSL2+</li>
									<li>Modify an existing ADSL2+ service to ADSL/ADSL2+</li>
									<!-- NEW KEY's- REL-BX-BTWCE-101950 START-->
									<li>Modify an existing ADSL/ADSL2+/FTTC service to SOGEA</li>
									<li>Modify an existing SOGEA service to SOGEA</li>
									<!--END KEY's-REL-BX-BTWCE-101950-->									
									<!-- NEW KEY's- REL-BW- BTWCE-110386 END -->
									<li>Cease an ADSL/ADSL2+ or SOGEA service</li>
								    <!-- END - REL-BW- BTWCE-110386 -->
								</ul>
								<ul id="modify_content" style="display:none;">
									<li>Modify an existing ADSL/ADSL2+ service to FTTC</li>
								    <li>Modify an existing FTTC service to FTTC</li>
									<li>Modify an existing FTTP service to FTTP</li>
									<li>Modify an existing FTTP On Demand(FoD) service to FTTP On Demand(FoD)</li>
									<li>Modify an existing FTTP On Demand(FoD) service to FTTP (Only when out of contract)</li><p>
									</p><p>The following journeys are currently only available on the new system to users who are assisting with testing and will be made available to all users over the coming months.</p>
								 <!-- NEW KEY's- REL-BW- BTWCE-110386 START-->
									
									<li>Modify an existing FTTC service to ADSL/ADSL2+</li>
									<li>Modify an existing ADSL service to ADSL/ADSL2+</li>
									<li>Modify an existing ADSL2+ service to ADSL/ADSL2+</li>
									<!--START- KEY's -REL-BX-BTWCE-101950-->
									<li>Modify an existing ADSL/ADSL2+/FTTC service to SOGEA</li>
									<li>Modify an existing SOGEA service to SOGEA</li>
									<!--END- KEY's- REL-BX-BTWCE-101950-->
									<!-- NEW KEY's- REL-BW- BTWCE-110386 END -->
									
							       </ul>
								<ul id="cease_content" style="display:none;">
								<li>Cease a FTTC service</li>
								<li>Cease a FTTP, FTTP On Demand (FoD)</li><p>
								</p><p>The following journeys are currently only available on the new system to users who are assisting with testing and will be made available to all users over the coming months.</p>
									<li>Cease an ADSL/ADSL2+ or SOGEA service</li>
								</ul>
								<!-- <p class="disclaimerLineone">Modify an existing ADSL/ADSL2+ service to FTTC</b></p>
								<p class="disclaimerLinetwo">Modify an existing FTTC service to FTTC</b></p> -->
								<p class="disclaimerLineLast">The old eCoPlus system will be removed at some point in 2021 so why don't you give our enhanced order journeys a try now by clicking 'YES' below.</p>
								<p class="disclaimerLineLast" style="margin-top: -20px !important;">The new system is much quicker and easier to use so we're confident it will give you a much better ordering experience.</p>
								<p class="disclaimerLineLast" style="color:red !important;;">Please note, you can no longer place any FTTC/FTTP/FOD order via eCoPlus. Please use new system by clicking 'YES' to place FTTC/FTTP/FOD order.</p>
								<div class="productbtns">
								    <a class="productbtn" id="btn_yes" href="#" title="">YES</a>
									<a class="productbtn" id="btn_no" href="#" title="">NO</a>
								</div>
							</div>
						</div>
					</div>
<!-- code changes for release CF BTWCE- 115285 chnages -->
				
				<div class='inventory_disclaimerBTIpStream' style="display:none; top: 275px; position:fixed !important">
					<div class="product_pop_close">
						<a tabindex="0" title="Close" class="close_button_prod"></a>
					</div>
						<div class="product_pop" id="view_popup">
							<div id="prod_pop"style="font-family:BTFont_Rg!important">
								<p class="disclaimerHeading">Disclaimer !</b></p>
								<p class="disclaimerLineone ">Did you know that you can now place below orders through our new system?</p>
								<p class="disclaimerLinetwo ">- BT IPStream - Home/Office</p>
								<P class="disclaimerLineView">- BT IPStream</p>
								
								<ul id="view_contentBT" style="display:none;position: relative;left: 15px;">
								<li>View service details</li>
								<li>Modify an existing Home service to Home/Office</li>
								<li>Modify an existing Office service to Home/Office</li>
								<li>Suspend a service</li>
								<li>Resume a service</li>
								<li>Cease a service</li>					
								</ul>
								<ul id="modify_contentBT" style="display:none;position: relative;left: 15px;">
								<li>Modify an existing Home service to Home/Office</li>
								<li>Modify an existing Office service to Home/Office</li>	
							       </ul>
								<ul id="cease_contentBT" style="display:none;position: relative;left: 15px;">
								<li>Cease a service</li>
								</ul>
								
								<p class="disclaimerLineLast">The old eCoPlus system will be removed at some point in 2021 so why don't you give our enhanced order journeys a try now by clicking 'YES' below.</p>
								<p class="disclaimerLineLast" style="margin-top: -20px !important;">The new system is much quicker and easier to use so we're confident it will give you a much better ordering experience.</p>
								
								<div class="productbtns">
								    <a class="productbtn" id="btn_yes" href="#" title="">YES</a>
									<a class="productbtn" id="btn_no" href="#" title="" style="position: relative;top: -17px;">NO</a>
								</div>
							</div>
						</div>
					</div>
				<!--end -->
            <!-- for CG Story 131403-->
				<div class='inventory_disclaimerEthernetComponent' style="display:none; top: 275px; position:fixed !important;background-color:#fff;">
					<div class="product_pop_close">
						<a tabindex="0" title="Close" class="close_button_prod"></a>
					</div>
						<div class="product_pop" id="view_popup">
							<div id="prod_pop"style="font-family:BTFont_Rg!important">
							<p class="disclaimerHeading">Disclaimer !</b></p>
							<p class="disclaimerLineLast">This operation is not supported currently. This is a resilient circuit please contact your help desk or support team.</p>
								<div class="productbtns">
								    <a class="productbtn" id="btn_ok" href="javascript: void(0);" title="">OK</a>
								</div>
							</div>
						</div>
					</div>
	<!--End of 131403-->
<!-- Added for BTWCE-120505-->
<div class="product_pop2_main Inven_new" style="display: none;">
					<div class="product_pop_close">
						<a tabindex="0" title="Close" class="close_button_prod"></a>
					</div>
						<div class="product_pop">
							<div id="prod_pop" style="font-family:BTFont_Rg!important">
								<p class="disclaimerHeading">Disclaimer !</p>
								<!-- added for BTWCE-101539 -->
								<p class="disclaimerTop">Did you know that you can now place the below orders through our new Enhanced Eco+ system?</p>
								<ul>
									<li class="disclaimerMiddle" style="margin-left: 0px !important;">- FTTC - Provide</li>
									<li class="disclaimerMiddle" style="margin-left: 0px !important;margin-top:15px !important;">- FTTP - Provide</li>
									<li class="disclaimerMiddle" style="margin-left: 0px !important;margin-top:15px !important;">- FTTP On Demand (FoD) - Provide</li>
								<!-- START-for BTWCE-120640-REL-CE-->
								<li class="disclaimerMiddle" style="margin-left: 0px !important;margin-top:15px !important;">- SOGEA - Provide
								</li>
								<!--END BTWCE-120640  -->
								<!--<p class="disclaimerTop">The following journeys are currently only available on the new system to users who are assisting with testing and will be made available to all users over the coming months.</p>-->
								<!-- END-for BTWCE-101944-REL-BR-->
								<!-- START-for BTWCE-105543-REL-BS-->
								
						    	<li class="disclaimerMiddle" style="margin-left: 0px !important;margin-top:15px !important;">- ADSL/ADSL2+ - Provide
								</li>
								<!--START REL-BW- BTWCE-101948 - Swarali/Sankalp key's commented-->
								<!--START REL-BU - BTWCE-108392 - Swarali -- commented line 7 -->
								<!--START REL-BX-BTWCE-101950 -Sankalp-- uncommented line 7-->
								<!--<li class="disclaimerMiddle" style="margin-left: 0px !important;margin-top:15px !important;"><!--content:outputSnippet propertyName="businesszone.productPop.disclaimerLineseven" failOnError="true" fileName="properties/businesszone.properties"/>
								</li>-->
								<!--END REL-BU - BTWCE-108392 - Swarali -- commented line 7 -->
								<!-- START - REL-BT - BTWCE-107319 - added disclaimerLinetwoA - Swarali -->
								<!--li class="disclaimerMiddle disclaimer_font" style="margin-left: 0px !important;"><!--content:outputSnippet propertyName="businesszone.productPop.disclaimerLineeight" failOnError="true" fileName="properties/businesszone.properties"/></li>-->
								<!-- END - REL-BT - BTWCE-107319 - added disclaimerLinetwoA - Swarali -->
								<!-- END-for BTWCE-105543-REL-BS-->
								<!--START REL-BU - BTWCE-108392 - Swarali -->
								<!--li class="disclaimerMiddle disclaimer_font" style="margin-left: 0px !important;"><!--content:outputSnippet propertyName="businesszone.productPop.disclaimerLinenine" failOnError="true" fileName="properties/businesszone.properties"/></li-->
								<!--li class="disclaimerMiddle disclaimer_font" style="margin-left: 0px !important;"><!--content:outputSnippet propertyName="businesszone.productPop.disclaimerLineten" failOnError="true" fileName="properties/businesszone.properties"/></li-->
								<!--li class="disclaimerMiddle disclaimer_font" style="margin-left: 0px !important;"><!--content:outputSnippet propertyName="businesszone.productPop.disclaimerLineeleven" failOnError="true" fileName="properties/businesszone.properties"/></li-->
								<!--END REL-BU - BTWCE-108392 - Swarali -->
								<!--END REL-BW-BTWCE-101948 -Swarali/Sankalp key's commented-->
								</ul>
								<p></p>
								<!-- End for BTWCE-101539 -->
								<p class="disclaimerBottom">The old eCoPlus system will be removed at some point in 2021 so why don't you give our enhanced order journeys a try now by clicking 'YES' below.</p>
								<p class="disclaimerBottom" style="margin-top: -20px !important;">The new system is much quicker and easier to use so we're confident it will give you a much better ordering experience.</p>
								<!-- Start - Added for Rel-BY BTWCE-113784 - Aishwarya -->
								<p class="disclaimerBottom" style="color:red !important;">Please note, you can no longer place any FTTC/FTTP/FOD/SOGEA order via eCoPlus. Please use new system by clicking 'YES' to place FTTC/FTTP/FOD/SOGEA order.</p>
								<!-- End - Added for Rel-BY BTWCE-113784 - Aishwarya -->							
								<div class="productbtns">
								    <a class="productbtn" id="btn_yes" href="#" title="Click here to launch OUI page">YES</a>
									<a class="productbtn" id="btn_no" href="#" title="Click here to launch Ecoplus as BAU">NO</a>
								</div>
							</div>
						</div>
					</div>

   <!--Start for ADSL/ADSL+ Rel_CG BTWCE-122457  -->
				
				<div class="product_pop2_main Inven_newOK" style="display:none;">
					<div class="product_pop_close">
						<a tabindex="0" title="Close" class="close_button_prod"></a>
					</div>
						<div class="product_pop">
							<div id="prod_pop" style="font-family:BTFont_Rg!important">
								<p class="disclaimerHeading">Disclaimer !</b></p>
								<p class="disclaimerLineLast" style="color:red !important;">You can now place Broadband orders through our new Enhanced eCoPlus system only.</p>
								<div class="productbtns">
								    <a class="productbtn" style="margin-left:220px;" id="btn_yes" href="#" title="">OK</a>
								</div>
							</div>
						</div>
					</div>
				
				<!--End for ADSL/ADSL+ Rel_CG BTWCE-122457  -->
					
						<!--Start for ADSL/ADSL+ Rel_CG BTWCE-122457  -->
				
				<div class='product_pop2_main FTTCDisclaimerOK product_wbc' style="display:none;">
					<div class="product_pop_close">
						<a tabindex="0" title="Close" class="close_button_prod"></a>
					</div>
						<div class="product_pop">
							<div id="prod_pop" style="font-family:BTFont_Rg!important">
								<p class="disclaimerHeading">Disclaimer !</b></p>
								<p class="disclaimerLineLast" style="color:red !important;">You can now place Broadband orders through our new Enhanced eCoPlus system only.</p>						
								<div class="productbtns">
								    <a class="productbtn" style="margin-left:220px;" id="btn_yes" href="#" title="">OK</a>
								</div>
							</div>
						</div>
					</div>
				
				<!--End for ADSL/ADSL+ Rel_CG BTWCE-122457  -->

<div id="showDisclaimer" class='prod_popup_order' style="display:none;">
   <div class="product_pop_close">
      <a tabindex="0" title="Close" class="close_button_prod_order"></a>
   </div>
   <div class="product_pop">
      <div id="prod_pop_order"style="font-family:BTFont_Rg!important">
         <p class="disclaimerHeading">Disclaimer !</p>
         <p class="disclaimerLineOne">Did you know that you can now use our new system to do the following?</p>
         <ul id="disclaimerLine">
            <li id="disclaimerLineView" style="display: none;">-  View order details</li>
            <!-- START-for BTWCE-105583-REL-BS -->
            <!-- START-for BTWCE-101958-REL-BW -->
            <!-- START-for BTWCE-110442-REL-BX -->
            <li id="disclaimerLineAmend" style="display: none;">-  Amend a FTTC, FTTP, FTTP On Demand (FoD), ADSL, ADSL2+ or SOGEA order</li>
            <li id="disclaimerLineCancel" style="display: none;">-  Cancel a FTTC, FTTP, FTTP On Demand (FoD), ADSL, ADSL2+ or SOGEA order</li>
            <!-- END-for BTWCE-110442-REL-BX -->
            <!-- END-for-BTWCE-101958-REL-BW-->
            <!-- END-for BTWCE-105583-REL-BS -->
         </ul>
         <!-- START-for BTWCE-105583-REL-BS -->
         <!-- START-for BTWCE-107339-REL-BT -- for BT commenting this line>
            <!-- <p id="disclaimerLineFttpamendreasons">Please note that the following FTTP amend reasons aren't supported yet on the new system - 'In response to BT delay', 'Customer requested expedite' and 'Order is no longer in waiting'. These options will be available from 15<sup style="font-size: 10px; line-height: 0; vertical-align: 5px;">th</sup> September. If you want to use one of these reasons, please click 'No' to navigate to eCoPlus.</p>-->
         <!-- END-for BTWCE-107339-REL-BT -->							
         <!-- END-for BTWCE-105583-REL-BS -->
         <!-- START-for BTWCE-110442-REL-BX -->
         <p class="disclaimerLineFive">The old eCoPlus system will be removed at some point in 2020 so why don’t you give our enhanced order journeys a try now by clicking ‘YES’ below. 
            <br>The new system is much quicker and easier to use so we’re confident it will give you a much better ordering experience.
         </p>
         <!-- END-for BTWCE-110442-REL-BX -->
         <div class="productbtns_order">
            <a class="productbtn" id="btn_showDisclaimerYes" href="#">YES</a>
            <a class="productbtn" id="btn_showDisclaimerNo" href="#">NO</a>								
         </div>
      </div>
   </div>
</div>
<!-- Completed for BTWCE-101933 -->
<div id="hl_row_container_1" class="quick_view_popup1 autoSuggestView orderQV" style="display: none;"><!-- margin-left: 293px;-->
<!--Header:Order quick view popup -->
<a class="icon_status_alert_qv" href="#tt_escalation" onmouseover="$('#tt_escalation').show()" onmouseout="$('#tt_escalation').hide()"></a>
<div class="tooltipBalloon escalation_tooltip tooltipBalloonBelow" id="tt_escalation">
   <div class="inner">
      <p>Under escalation</p>
   </div>
   <span class="tooltipBalloonTip"></span>
</div>
<h2 class="float_left" style="padding-left: 10px;font-size: 20px !important;">Quick view</h2>
<a id="order_chat_button" class="echat_txt" title="eChat" href="#" onClick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,prop48,eVar48,events';s.linkTrackEvents='Event57';s.eVar7=s_pageName+':Link : Select eChat';s.prop16=s_pageName+':Link: Select eChat';s.eVar6=s_pageName;s.eVar48=s_pageName+'|Select eChat';s.prop48=s_pageName+'|Select eChat';s.events='Event57';s.tl(this,'o',s_pageName+':Link: Select eChat');">eChat</a>
<!-- <a class="echat_link" id="orderEChatLink" title="eChat" href="#" ></a>  -->
   <div class="ethernet_order_echat1">
                                    <div style="display: flex;justify-content: end;padding-right: 30px;">
               <div class="spr_echatButton" onclick="openGenesysChat()">
                                         <a  class="chatButton" style="left: 31px;top: 10px;position: absolute;color: rgb(255, 255, 255);">Start eChat  &gt;</a>
                                       </div>

                                        
                                      </div>
                                  </div>

<a class="close_button quick_view_close tbl_table_container_close" title="Close"></a>
<div class="line_separator1"></div>
<div class="normal__popup1" style="display: none">
<!--finished Header:Order quick view popup -->
<div class="quick_view_details_popup1 orderdetailsposition">
<div class="outerLeft">
   <table style="table-layout: fixed !important;" cellspacing="0">
      <colgroup width="550">
         <col width="150">
         <col width="200">
         <col width="200">
      </colgroup>
      <tr>
         <td width="140" id="orderdetails" style='font-size: 17px;font-family:"NewBT Regular",Arial,sans-serif;color: #071a2e !important;'>Order details</td>
         <td style="font-size: 15px;">
            <!-- value-->
         </td>
      </tr>
      <tr>
         <td width="140" >Order reference</td>
         <td style="font-size: 14px;" id="order_reference" class="order_reference quickview_reference value">
            <!-- value-->
         </td>
      </tr>
      <tr>
         <td >Customer reference</td>
         <td id="customer_reference" class="customer_reference value">
            <!-- value-->
         </td>
      </tr>
      <tr>
         <td class="products_td">Service reference</td>
         <td class="products_td">
            <label class="products_label service_reference value" id="service_reference">
               <!-- value-->
            </label>
            <div class="plus_icon_container" style="z-index: 11" id="order_service_refrence_viewmore">
               <a class="icon_viewmore_arrow"  title="View more" href="#tt_products" onclick="closeQuickViewPopups();$('#product_categories_popup1').show()" ></a>
               <div class="product_category_popup" id="product_categories_popup1">
                  <div class="product_category_tip"></div>
                  <a title="Close" class="close_button widget_popup_close"></a>
                  <div></div>
                  <label class="float_left">Product and Service reference</label>                                                                                                                   
                  <div class="clear"></div>
                  <div class="sf_table_container sf_table_product_category_popup">
                     <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable" >
                        <thead>
                           <tr>
                              <th class="unsortable" >Product</th>
                              <th class="unsortable" >Service reference</th>
                           </tr>
                        </thead>
                        <tbody id="sf_table">
                           <!-- value for tbody-->
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      <tr>
         <td class="products_td">Product name</td>
         <td class="products_td">
            <label class="products_label value" id="product_name">
               <!-- value-->
            </label>
            <div class="plus_icon_container" style="z-index: 10" id="order_product_name_viewmore">
               <a class="icon_viewmore_arrow"  title="View more" href="#tt_products" onclick="closeQuickViewPopups();$('#product_categories_popup2').show()" ></a>
               <div class="product_category_popup" id="product_categories_popup2">
                  <div class="product_category_tip"></div>
                  <a title="Close" class="close_button widget_popup_close"></a>
                  <div></div>
                  <label class="float_left">Product and Service reference</label>                                                                                                                   
                  <div class="clear"></div>
                  <div class="sf_table_container sf_table_product_category_popup">
                     <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable">
                        <thead>
                           <tr>
                              <th class="unsortable" >Product</th>
                              <th class="unsortable" >Service reference</th>
                           </tr>
                        </thead>
                        <tbody id="pn_table">
                           <!-- value for tbody-->
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      <tr>
         <td >Overall status</td>
         <td id="order_overall_status" class="order_overall_status value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <tr>
         <td >Order date</td>
         <td id="orderquickview_order_date" class="orderquickview_order_date value">
            <!-- value -->
         </td>
      </tr>
      <tr>
         <td >Account number</td>
         <td id="orderquickview_account_number" class="orderquickview_account_number value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <tr>
         <td >Account name</td>
         <td id="orderquickview_account_name" class="orderquickview_account_name value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!-- START-BTWCE-105743-REL-BS -->
      <tr id="directory_number">
      </tr>
      <!-- END-BTWCE-105743-REL-BS -->
      <tr>
         <td >Ordered by</td>
         <td id="orderquickview_ordered_by" class="orderquickview_ordered_by value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!--BTWCE-38569 :Display of order type in the order quick view  -->
      <tr>
         <td >Order type</td>
         <td id="orderquickview_order_type" class="orderquickview_order_type value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <tr>
         <td >Completion date</td>
         <td id="orderquickview_completion_date" class="orderquickview_completion_date value">
            <!-- value -->
         </td>
         <td id="wantto_cell_2" style="padding: 0px 10px 0px 0px ! important;">
            <h3>
               <b>
                  <div id="want" style="">I want to...</div>
               </b>
            </h3>
            <div style="" class="float_left">
               <select id="status_filter_select1" style="display:none;" class="quickView_dropdown1 default_table_view floatRight" onchange="viewMyOpenreachJob(this);escalationSupported(this)">
                  <option>Please select action</option>
                  <!--<option id="order_cancel_button" scode="" companyName="">Cancel</option>
                     <option id="amend_button" scode="" companyName="">Amend</option>-->
               </select>
            </div>
         </td>
      </tr>
      <!--BTWCE-44102 :Display of Expiry Date in the order quick view  -->
      <tr>
         <td id="orderquickview_expiry_date_title" style="display:none">Expiry Date</td>
         <td id="orderquickview_expiry_date" class="orderquickview_expiry_date value" style="display:none">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!--BTWCE-44102 :Display of Expiry Date in the order quick view  -->
   </table>
</div>
<div class="milestoneQVLeft" style="display:none;">
   <h2 class="float_left" style="padding-left: 10px;font-size: 20px !important;">Quick view </h2>
   <a id="order_chat_button" class="echat_txt" title="eChat" href="#" onClick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,prop48,eVar48,events';s.linkTrackEvents='Event57';s.eVar7=s_pageName+':Link : Select eChat';s.prop16=s_pageName+':Link: Select eChat';s.eVar6=s_pageName;s.eVar48=s_pageName+'|Select eChat';s.prop48=s_pageName+'|Select eChat';s.events='Event57';s.tl(this,'o',s_pageName+':Link: Select eChat');">eChat</a>
   <!-- <a class="echat_link" id="orderEChatLink" title="eChat" href="#" ></a>  -->
   <a class="close_button quick_view_close tbl_table_container_close" title="Close"></a>
   <!--start-->
   <!--Header:Order quick view popup -->
   <a class="icon_status_alert_qv" href="#tt_escalation" onmouseover="$('#tt_escalation').show()" onmouseout="$('#tt_escalation').hide()"></a>
   <div class="tooltipBalloon escalation_tooltip tooltipBalloonBelow" id="tt_escalation">
      <div class="inner">
         <p>Under escalation</p>
      </div>
      <span class="tooltipBalloonTip"></span>
   </div>
   <div class="line_separator1"></div>
   <!--end-->
   <!-- New QV Starts -->
   <table class='mileStonesNew' style="table-layout: fixed !important;display:none;margin-top: -2px !important;" cellspacing="0">
      <colgroup width="550">
         <col width="159">
         <col width="212">
      </colgroup>
      <tr>
         <td class="products_td">Product name</td>
         <td class="products_td">
            <label class="products_label value" id="milestone_product_name">
               <!-- value-->
            </label>
            <div class="plus_icon_container" style="z-index: 10" id="order_product_name_viewmore">
               <a class="icon_viewmore_arrow"  title="View more" href="#tt_products" onclick="closeQuickViewPopups();$('#product_categories_popup2').show()" ></a>
               <div class="product_category_popup" id="product_categories_popup2">
                  <div class="product_category_tip"></div>
                  <a title="Close" class="close_button widget_popup_close"></a>
                  <div></div>
                  <label class="float_left">Product and Service reference</label>                                                                                                                   
                  <div class="clear"></div>
                  <div class="sf_table_container sf_table_product_category_popup">
                     <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable">
                        <thead>
                           <tr>
                              <th class="unsortable" >Product</th>
                              <th class="unsortable" >Service reference</th>
                           </tr>
                        </thead>
                        <tbody id="pn_table">
                           <!-- value for tbody-->
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      <!--  <tr>
         <td width="140" style='font-size: 17px;font-family:"NewBT Regular",Arial,sans-serif;color: #071a2e !important;'>Order details</td>
         <td style="font-size: 15px;"></td>
         </tr>-->
      <tr>
         <td width="140" >Order reference</td>
         <td style="font-size: 14px;" id="order_reference" class="order_reference quickview_reference value">
            <!-- value-->
         </td>
      </tr>
      <tr>
         <td >Customer reference</td>
         <td id="customer_reference" class="customer_reference value">
            <!-- value-->
         </td>
      </tr>
      <tr>
         <td  class="products_td " style="white-space:nowrap;">Service reference</td>
         <td class="products_td" style="padding-left:53px!important;">
            <label class="products_label service_reference value" id="service_reference">
               <!-- value-->
            </label>
            <div class="plus_icon_container" style="z-index: 11" id="order_service_refrence_viewmore">
               <a class="icon_viewmore_arrow"  title="View more" href="#tt_products" onclick="closeQuickViewPopups();$('#product_categories_popup1').show()" ></a>
               <div class="product_category_popup" id="product_categories_popup1">
                  <div class="product_category_tip"></div>
                  <a title="Close" class="close_button widget_popup_close"></a>
                  <div></div>
                  <label class="float_left">Product and Service reference</label>                                                                                                                   
                  <div class="clear"></div>
                  <div class="sf_table_container sf_table_product_category_popup">
                     <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable" >
                        <thead>
                           <tr>
                              <th class="unsortable" >Product</th>
                              <th class="unsortable" >Service reference</th>
                           </tr>
                        </thead>
                        <tbody id="sf_table">
                           <!-- value for tbody-->
                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </td>
      </tr>
      <tr>
         <td >Account number</td>
         <td id="orderquickview_account_number" class="orderquickview_account_number value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <tr>
         <td >Account name</td>
         <td id="orderquickview_account_name" class="orderquickview_account_name value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!-- START-BTWCE-105743-REL-BS -->
      <tr id="directory_number">
      </tr>
      <!-- END-BTWCE-105743-REL-BS -->
      <tr>
         <td >Ordered by</td>
         <td id="orderquickview_ordered_by" class="orderquickview_ordered_by value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!--BTWCE-38569 :Display of order type in the order quick view  -->
      <tr>
         <td >Order type</td>
         <td id="orderquickview_order_type" class="orderquickview_order_type value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <tr>
         <td >Order date</td>
         <td id="orderquickview_order_date" class="orderquickview_order_date value">
            <!-- value -->
         </td>
      </tr>
      <tr>
         <td >Overall status</td>
         <td id="order_overall_status" class="order_overall_status value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <tr>
         <!--<td >Completion date</td>
            <td id="orderquickview_completion_date" class="orderquickview_completion_date value"><!-- value </td>
            <td id="wantto_cell_2" style="padding: 0px 10px 0px 0px ! important;"><h3><b><div id="want" style="">I want to...</div></b></h3>
            	<div style="" class="float_left">
            		<select id="status_filter_select1" style="display:none;" class="quickView_dropdown1 default_table_view floatRight">
            			<option>Please select action</option>
                   		<!--<option id="order_cancel_button" scode="" companyName="">Cancel</option>
            			<option id="amend_button" scode="" companyName="">Amend</option>-
                  		 </select>
            	</div>
            </td>-->
         <td >Completion date</td>
         <td id="orderquickview_completion_date" class="orderquickview_completion_date value">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!--BTWCE-44102 :Display of Expiry Date in the order quick view  -->
      <tr>
         <td id="orderquickview_expiry_date_title" style="display:none">Expiry Date</td>
         <td id="orderquickview_expiry_date" class="orderquickview_expiry_date value" style="display:none">
            <!-- value -->
         </td>
         <td></td>
      </tr>
      <!--BTWCE-44102 :Display of Expiry Date in the order quick view  -->
   </table>
   <div style="float: left; width: 180px; margin-top: 120px;">
      <table id="dropDown" style="float:left;top:70px;">
         <td id="wantto_cell_2" style="padding: 0px 10px 0px 0px ! important;">
            <h3 style="position: relative;top: 13px;">
               <b>
                  <div id="want" style="">I want to...</div>
               </b>
            </h3>
            <div style="" class="float_left">
               <form action="/getViewMyOpenreachJob.do" id="orderRedirectForm" method="post">
                  <select id="status_filter_select1" style="display:none;margin-left:-24px;" class="quickView_dropdown1 default_table_view floatRight" onchange="viewMyOpenreachJob(this);escalationSupported(this)">
                     <option>Please select action</option>
                     <!--<option id="order_cancel_button" scode="" companyName="">Cancel</option>
                        <option id="amend_button" scode="" companyName="">Amend</option>-->
                  </select>
               </form>
            </div>
         </td>
      </table>
   </div>
   <div style="float: right; width: 150px; margin-top: 61px;">
      <table id="milestoneWantAndNotification" style="table-layout: inherit !important;display:none;float:left;" class="table5">
         <tr>
            <!-- <td id="wantto_cell_1" style="Padding: 0px 10px 0px 0!important;">
               <h3><b><div id="want" style="padding-top: 8px">I want to...</div></b></h3></td> -->
            <td id="notification_cell_1" style="Padding: 0px 10px 0px 0;">
               <h3>
                  <b>
                     <div id="Notificationsdisplay" style="margin-left:31px; padding-top: 20px;";>Notifications</div>
                  </b>
               </h3>
            </td>
         </tr>
         <div class="pimaryHeader quick_view_details_popup1_subheader">
            <!--<a id="viewdetails_button" scode="" companyName="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#">View details</a>-->
            <tr id="data_row">
               <!-- <td id="wantto_cell_2" style="padding: 0px 10px 0px 0px ! important;">
                  <div style="padding-bottom: 15px;" class="float_left">
                  	<select id="status_filter_select1" style="display:none;" class="quickView_dropdown1 default_table_view floatRight">
                  <option>Please select action</option>
                        <option id="order_cancel_button" scode="" companyName="">Cancel</option>
                  <option id="amend_button" scode="" companyName="">Amend</option>
                        </select>
                  </div>
                  </td> -->
               <!-- changes for BTWCE 83252 by aditi -->
               <td id="notification_cell_2" style="Padding: 0px 10px 0px 0!important; vertical-align: top;">
                  <a onclick="var s=s_gi('btwholesaledev');s.linkTrackVars='eVar7,prop16, eVar6,products,eVar11';s.eVar7='Business Zone:Search results:Order QV:Link:Fast track ';s.prop16=' Business Zone:Search results:Order QV:Link:Fast track';s.eVar6='Business Zone:Search results:Order QV';s.eVar11='Techm';s.events='event20';s.products='S0132393';s.tl(this,'o', 's.pageName:Link:Fast track ');" style="display: block; text-decoration: none; background-image: url(&quot;/shared/bz/img/fast_track_icon.png&quot;); float: left; background-size: 27px auto; width: 27px; height: 27px;" class="orderImagepositiongrey" title="Fast track" id="fasttrack_icon" href="#" >
                     <div style="padding-left:32px;margin-top: 7px;width:74px; " title="Fast Track">Fast track</div>
                  </a>
               </td>
            </tr>
            <!-- changes for BTWCE 83252 by aditi ends -->
            <tr>
               <td id="notification_cell_3"></td>
               <td id="notification_cell_4">
                  <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Orders:Link:Raise Escalation';s.prop16='Business Zone:Orders:Link:Raise Escalation';s.tl(this,'o','Business Zone:Orders:Link:Raise Escalation');" style="display: inline; text-decoration: none; background-image: url(&quot;/shared/bz/img/grey_flag.png&quot;); background-size: 27px auto; margin-top: -57px; float: left; width: 27px; height: 27px;" class="orderImagepositiongrey" title="Escalation" id="icon_grey" href="#" >
                     <div style="padding-left:32px;margin-top: 7px;width:74px; color: black; " title="Escalation">Escalation</div>
                  </a>
               </td>
            </tr>
            <tr>
               <td id="notification_cell_5" style="Padding: 0px 10px 0px 0!important;">
                  <a onclick="var s=s_gi('btwholesaledev');s.linkTrackVars='eVar7,prop16, eVar6,products,eVar11';s.eVar7='Business Zone:Search results:Order QV:Link:Fast track ';s.prop16=' Business Zone:Search results:Order QV:Link:Fast track';s.eVar6='Business Zone:Search results:Order QV';s.eVar11='Techm';s.events='event20';s.products='S0132393';s.tl(this,'o', 's.pageName:Link:Fast track ');" style="display: none;text-decoration: none; background-image: url('/shared/bz/img/fast_track_icon.png'); float: left; margin-top: -59px !important; background-size: 27px auto; width: 27px; height: 27px;" clickfrom="Order" class="orderImagepositiongrey" title="Fast track" id="fasttrack_icon1" href="#">
                     <div style="padding-left:32px;margin-top: 7px;width:74px; " title="Fast Track">Fast track</div>
                  </a>
               </td>
               <td id="notification_cell_6">
                  <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Orders:Link:View Escalation';s.prop16='Business Zone:Orders:Link:View Escalation';s.tl(this,'o','Business Zone:Orders:Link:View Escalation');" style="display: none;text-decoration: none; background-image: url('/shared/bz/img/orange_flag.png'); background-size: 27px auto; float: left; margin-top: -28px; width: 27px; height: 27px;" title="Escalation" id="icon_orange" href="#" customerreference="">
                     <div style="margin-left:29px;margin-top: 7px;width: 74px; color: black; " title="Escalation">Escalation</div>
                  </a>
               </td>
            </tr>
      </table>
      </div>
   </div>
   <div class="milestoneQVRight" style="display:none;">
      <div class="mileStonesQVLoading"></div>
      <h2 class="milestoneTitle">Milestones</h2>
      <div class="line_separatorWhite"></div>
      <div class="clear"></div>
      <div id="errorMessage" class="milestoneErrorMessageTitle"></div>
      <div class="milestoneSteps">
         <div class="milestoneStep">
            <div class="stepContentOuter created">
               <div class="dot iconDiv iconDivInActive">
                  <span class="statusIcon"></span>
                  <div class="linebetweenCircle"></div>
               </div>
               <div class="milestoneContent">
                  <div class="milestoneStepTitle"></div>
                  <div class="milestoneStepDisplayOrderDate"></div>
                  <div class="milestoneStepDisplayOrder0"></div>
               </div>
            </div>
            <div class="createdTxt inprogressTxt">In progress</div>
            <div class="stepContentOuter acknowledged">
               <div class="dot iconDiv iconDivInActive">
                  <span class="statusIcon"></span>
                  <div class="linebetweenCircle"></div>
               </div>
               <div class="milestoneContent">
                  <div class="milestoneStepTitle"></div>
                  <div class="milestoneStepDisplayOrderDate"></div>
                  <div class="milestoneStepDisplayOrder1"></div>
               </div>
            </div>
            <div class="acknowledgedTxt inprogressTxt">In progress</div>
            <div class="stepContentOuter committed">
               <div class="dot iconDiv iconDivInActive">
                  <span class="statusIcon"></span>
                  <div class="linebetweenCircle"></div>
               </div>
               <div class="milestoneContent">
                  <div class="milestoneStepTitle"></div>
                  <div class="milestoneStepDisplayOrderDate"></div>
                  <div class="milestoneStepDisplayOrder2"></div>
               </div>
            </div>
            <div class="committedTxt inprogressTxt">In progress</div>
            <div class="stepContentOuter completed">
               <div class="dot iconDiv iconDivInActive">
                  <span class="statusIcon"></span>
               </div>
               <div class="milestoneContent">
                  <div class="milestoneStepTitle"></div>
                  <div class="milestoneStepDisplayOrderDate"></div>
                  <div class="milestoneStepDisplayOrder3"></div>
               </div>
            </div>
            <div class="completedTxt inprogressTxt">In progress</div>
         </div>
         <div class="stepLine1"></div>
         <div class="clear"></div>
         <div class="latestUpdateOuterDiv">
            <h2 class="milestoneTitle">Latest updates</h2>
            <div class="milestonelatestUpdate">
               <div class="milestonelatestUpdateInside">
                  <p class="latestUpdateDate"></p>
                  <p class="latestUpdateText"></p>
               </div>
            </div>
         </div>
      </div>
   </div>
   <div class="outerRight normalorderQV">
      <table id="Table" style="table-layout: inherit !important;">
         <tr id="title_row" >
            <!-- <td id="wantto_cell_1" style="Padding: 0px 10px 0px 0!important;">
               <h3><b><div id="want" style="padding-top: 8px">I want to...</div></b></h3></td> -->
            <td id="notification_cell_1" style="Padding: 0px 10px 0px 0;">
               <h3>
                  <b>
                     <div id="Notificationsdisplay" style="margin-left:31px; padding-top: 20px;font-size: 1rem;";>Notifications</div>
                  </b>
               </h3>
            </td>
         </tr>
         <div class="pimaryHeader quick_view_details_popup1_subheader">
            <!--<a id="viewdetails_button" scode="" companyName="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#">View details</a>-->
            <tr id="data_row">
               <!-- <td id="wantto_cell_2" style="padding: 0px 10px 0px 0px ! important;">
                  <div style="padding-bottom: 15px;" class="float_left">
                  	<select id="status_filter_select1" style="display:none;" class="quickView_dropdown1 default_table_view floatRight">
                  <option>Please select action</option>
                        <option id="order_cancel_button" scode="" companyName="">Cancel</option>
                  <option id="amend_button" scode="" companyName="">Amend</option>
                        </select>
                  </div>
                  </td> -->
               <!-- changes for BTWCE 83252 by aditi -->
               <td id="notification_cell_2" style="Padding: 0px 10px 0px 0!important; vertical-align: top;">
                  <a onclick="var s=s_gi('btwholesaledev');s.linkTrackVars='eVar7,prop16, eVar6,products,eVar11';s.eVar7='Business Zone:Search results:Order QV:Link:Fast track ';s.prop16=' Business Zone:Search results:Order QV:Link:Fast track';s.eVar6='Business Zone:Search results:Order QV';s.eVar11='Techm';s.events='event20';s.products='S0132393';s.tl(this,'o', 's.pageName:Link:Fast track ');" style="display: block; text-decoration: none; background-image: url(&quot;/shared/bz/img/fast_track_icon.png&quot;); float: left; background-size: 27px auto; width: 27px; height: 27px;" class="orderImagepositiongrey" title="Fast track" id="fasttrack_icon" href="#" >
                     <div style="padding-left:32px;margin-top: 7px;width:74px; " title="Fast Track">Fast track</div>
                  </a>
               </td>
            </tr>
            <!-- changes for BTWCE 83252 by aditi ends -->
            <tr>
               <td id="notification_cell_3"></td>
               <td id="notification_cell_4">
                  <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Orders:Link:Raise Escalation';s.prop16='Business Zone:Orders:Link:Raise Escalation';s.tl(this,'o','Business Zone:Orders:Link:Raise Escalation');" style="display: inline; text-decoration: none; background-image: url(&quot;/shared/bz/img/grey_flag.png&quot;); background-size: 27px auto; margin-top: -57px; float: left; width: 27px; height: 27px;" class="orderImagepositiongrey" title="Escalation" id="icon_grey" href="#" >
                     <div style="padding-left:32px;margin-top: 7px;width:74px; color: black; " title="Escalation">Escalation</div>
                  </a>
               </td>
            </tr>
            <tr>
               <td id="notification_cell_5" style="Padding: 0px 10px 0px 0!important;">
                  <a onclick="var s=s_gi('btwholesaledev');s.linkTrackVars='eVar7,prop16, eVar6,products,eVar11';s.eVar7='Business Zone:Search results:Order QV:Link:Fast track ';s.prop16=' Business Zone:Search results:Order QV:Link:Fast track';s.eVar6='Business Zone:Search results:Order QV';s.eVar11='Techm';s.events='event20';s.products='S0132393';s.tl(this,'o', 's.pageName:Link:Fast track ');" style="display: none;text-decoration: none; background-image: url('/shared/bz/img/fast_track_icon.png'); float: left; margin-top: -59px !important; background-size: 27px auto; width: 27px; height: 27px;" clickfrom="Order" class="orderImagepositiongrey" title="Fast track" id="fasttrack_icon1" href="#">
                     <div style="padding-left:32px;margin-top: 7px;width:74px; " title="Fast Track">Fast track</div>
                  </a>
               </td>
               <td id="notification_cell_6">
                  <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Orders:Link:View Escalation';s.prop16='Business Zone:Orders:Link:View Escalation';s.tl(this,'o','Business Zone:Orders:Link:View Escalation');" style="display: none;text-decoration: none; background-image: url('/shared/bz/img/orange_flag.png'); background-size: 27px auto; float: left; margin-top: -28px; width: 27px; height: 27px;" title="Escalation" id="icon_orange" href="#" customerreference="">
                     <div style="margin-left:29px;margin-top: 7px;width: 74px; color: black; " title="Escalation">Escalation</div>
                  </a>
               </td>
            </tr>
      </table>
      </div>
      <div class="clear"></div>
   </div>
   <div class="quick_view_popup1_bottom1 orderposition"></div>
   <div class="mainQV">
      <div class="leftQV">
      </div>
      <div class="rightQV">
      </div>
   </div>
   <div class="clear"></div>
</div>

<div class="milestoneQVRightBBOne" style="display: block;height: 104%;margin-top: -73px;margin-right: -13px;">
		<div class="mileStonesQVLoadingBBOne"></div>
		<h2 class="milestoneTitle">Your order progress</h2>
		<div class="line_separatorWhite"></div>
		<div class="clear"></div>
		<div id="errorMessage" class="milestoneErrorMessageTitle"></div>
		<div class="milestoneStepsBBOne">

		<div class="milestoneStepBBOne">
		
		<div class="stepContentOuterBBOne created">
		<div class="dot iconDiv iconDivInActiveBBOne">
		<span class="statusIcon"></span>
		<div class="linebetweenCircleBBOne"></div>
		</div>
		<div class="milestoneContent">
		<div class="milestoneStepTitle"></div>
		<div class="milestoneStepDisplayOrderDate"></div>
		<div class="milestoneStepDisplayOrder0"></div>
		</div>
		</div>
		<div class="stepContentOuterBBOne acknowledged">
		<div class="dot iconDiv iconDivInActiveBBOne">
		<span class="statusIcon"></span>
		<div class="linebetweenCircleBBOne"></div>
		</div>
		<div class="milestoneContent">
		<div class="milestoneStepTitle"></div>
		<div class="milestoneStepDisplayOrderDate"></div>
		<div class="milestoneStepDisplayOrder1"></div>
		</div>
		</div>
		<div class="stepContentOuterBBOne committed">
		<div class="dot iconDiv iconDivInActiveBBOne">
		<span class="statusIcon"></span>
		<div class="linebetweenCircleBBOne"></div>
		</div>
		<div class="milestoneContent">
		<div class="milestoneStepTitle"></div>
		<div class="milestoneStepDisplayOrderDate"></div>
		<div class="milestoneStepDisplayOrder2"></div>
		</div>
		</div>
		<div class="stepContentOuterBBOne completed">
		<div class="dot iconDiv iconDivInActiveBBOne">
		<span class="statusIcon"></span>
		</div>
		<div class="milestoneContent">
		<div class="milestoneStepTitle"></div>
		<div class="milestoneStepDisplayOrderDate"></div>
		<div class="milestoneStepDisplayOrder3"></div>
		</div>
		</div>
		</div>
		<div class="stepLine1"></div>
		<div class="clear"></div>
		<div class="latestUpdateOuterDiv">
		<h2 class="milestoneTitle">Latest updates</h2>
		<div class="milestonelatestUpdateBBOne">
		  <div class="milestonelatestUpdateInside">
		  <p class="latestUpdateDate"></p>
		  <p class="latestUpdateText"></p>
		  </div>
		</div>
		</div>
		</div>
	</div>

<div class="Hierarchical_popup1" style="display: none;">
   <div class="select_account_options" style="display: block;">
      <input title="Search by reference" class="search_field seleAccInput tipped" id="order_search_field" type="text">
      <a class="orderclear_input clear_input_asda" href="#" tabindex="1" style="display: none;" title="Clear search term"></a>
      <button class="button_search"></button>
   </div>
   <div class="clear"></div>
   <!--finished Header:Order quick view popup -->
   <div class="mainQV_hierarchical" style="display: block;">
      <div class="leftQV_new">
         <!-- <div class="leftV active orderParentLi" id="" product_name="Wholesale Hosted Communications" title="Wholesale Hosted Communications(BTWHW14041-12)"><a href="#">Wholesale Hosted Communicati...</a></div>
            <div class="leftV orderChildLi" id="WHNRBTWHW14041" product_name="New number(s)" title="New number(s)(BTWHW14041-12)"><a href="#">New number(s)(BTWHW14041-12)</a></div>
            <div class="leftV orderChildLi" id="WHSTBTWHW14041" product_name="Site" title="Site(BTWHW14041-12)"><a href="#">Site(BTWHW14041-12)</a></div>
            <div class="leftV orderChildLi" id="USERBTWHW14041" product_name="User" title="User(BTWHW14041-12)"><a href="#">User(BTWHW14041-12)</a></div> -->
      </div>
      <div class="rightQV_new">
         <div class="quick_view_details_popup1 orderdetailsposition orderParentQV">
            <div class="outerLeft" style="display: block;">
               <table style="table-layout: fixed !important;" cellspacing="0">
                  <tbody>
                     <tr>
                        <td width="140" style="font-size: 17px!important;color: #071a2e !important;">Order details</td>
                        <td style="font-size: 15px;">
                           <!-- value-->
                        </td>
                     </tr>
                     <tr>
                        <td width="140">Order reference</td>
                        <td style="font-size: 14px;" id="order_reference" class="quickview_reference value order_reference"></td>
                     </tr>
                     <tr>
                        <td>Customer reference</td>
                        <td id="customer_reference" class="value customer_reference"></td>
                     </tr>
                     <tr style="display: none;">
                        <td class="products_td">Service reference</td>
                        <td class="products_td">
                           <label class="products_label value service_reference" id="service_reference"></label>
                           <div class="plus_icon_container" style="z-index: 11; display: none;" id="order_service_refrence_viewmore">
                              <a class="icon_viewmore_arrow" title="View more" href="#tt_products" onclick="closeQuickViewPopups();$('#product_categories_popup1').show()" style="display: none;"></a>
                              <div class="product_category_popup" id="product_categories_popup1" style="display: none;">
                                 <div class="product_category_tip"></div>
                                 <a title="Close" class="close_button widget_popup_close"></a>
                                 <div></div>
                                 <label class="float_left">Product and Service reference</label>
                                 <div class="clear"></div>
                                 <div class="sf_table_container sf_table_product_category_popup">
                                    <table width="100%" cellspacing="0" cellpadding="0"  class="sf_table sortable">
                                       <thead>
                                          <tr>
                                             <th class="unsortable">Product</th>
                                             <th class="unsortable">Service reference</th>
                                          </tr>
                                       </thead>
                                       <tbody id="sf_table">
                                          <tr class="odd">
                                             <td>Wholesale Hosted Communications</td>
                                             <td>WHHCBTWHW16011</td>
                                          </tr>
                                       </tbody>
                                    </table>
                                 </div>
                              </div>
                           </div>
                        </td>
                     </tr>
                     <tr style="display: none;">
                        <td class="products_td">Product name</td>
                        <td class="products_td">
                           <label class="value" id="product_name">Wholesale Hosted Communications</label>
                           <div class="plus_icon_container" style="z-index: 10; display: none;" id="order_product_name_viewmore">
                              <a class="icon_viewmore_arrow" title="View more" href="#tt_products" onclick="closeQuickViewPopups();$('#product_categories_popup2').show()" style="display: none;"></a>
                              <div class="product_category_popup" id="product_categories_popup2" style="display: none;">
                                 <div class="product_category_tip"></div>
                                 <a title="Close" class="close_button widget_popup_close"></a>
                                 <div></div>
                                 <label class="float_left">Product and Service reference</label>
                                 <div class="clear"></div>
                                 <div class="sf_table_container sf_table_product_category_popup">
                                    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="sf_table sortable">
                                       <thead>
                                          <tr>
                                             <th class="unsortable">Product</th>
                                             <th class="unsortable">Service reference</th>
                                          </tr>
                                       </thead>
                                       <tbody id="pn_table">
                                          <tr class="odd">
                                             <td>Wholesale Hosted Communications</td>
                                             <td>WHHCBTWHW16011</td>
                                          </tr>
                                       </tbody>
                                    </table>
                                 </div>
                              </div>
                           </div>
                        </td>
                     </tr>
                     <tr>
                        <td>Overall status</td>
                        <td id="order_overall_status" class="order_overall_status value"></td>
                     </tr>
                     <tr>
                        <td>Order date</td>
                        <td id="orderquickview_order_date" class="orderquickview_order_date value"></td>
                     </tr>
                     <tr>
                        <td>Account number</td>
                        <td id="orderquickview_account_number" class="orderquickview_account_number value"></td>
                     </tr>
                     <tr>
                        <td>Account name</td>
                        <td id="orderquickview_account_name" class="orderquickview_account_name value"></td>
                     </tr>
                     <!-- START-BTWCE-105743-REL-BS -->
                     <tr id="directory_number">
                     </tr>
                     <!-- END-BTWCE-105743-REL-BS -->
                     <tr>
                        <td>Ordered by</td>
                        <td id="orderquickview_ordered_by" class="orderquickview_ordered_by value"></td>
                     </tr>
                     <!--BTWCE-38569 :Display of order type in the order quick view  -->
                     <tr>
                        <td>Order type</td>
                        <td id="orderquickview_order_type" class="orderquickview_order_type value"></td>
                     </tr>
                     <tr>
                        <td>Completion date</td>
                        <td id="orderquickview_completion_date" class="orderquickview_completion_date value"></td>
                     </tr>
                     <!--BTWCE-44102 :Display of Expiry Date in the order quick view  -->
                     <tr>
                        <td id="orderquickview_expiry_date_title" style="display:none">Expiry Date</td>
                        <td id="orderquickview_expiry_date" class="orderquickview_expiry_date value" style="display:none"></td>
                     </tr>
                     <!--BTWCE-44102 :Display of Expiry Date in the order quick view  -->
                  </tbody>
               </table>
            </div>
            <!-- <div class="outerRight" style="float:right">
               <div class="pimaryHeader quick_view_details_popup1_subheader" style="display: none;">
                   <a id="viewdetails_button" scode="" companyName="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#">View details</a>
               
               </div>
               <table id="Table" style="table-layout: inherit !important;">
                   <tbody>
                       <tr>
                           <td id="notification_cell_1">
                               <h3><b><div id="Notificationsdisplay" style="padding-top: 20px; margin-left: 0px; display: block;" ;="">Notifications</div></b></h3></td>
                       </tr>
                       <tr>
                           <td id="notification_cell_6">
                               <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars=" evar7,prop16 ";s.evar7="Business Zone:Orders:Link:View Escalation " ;s.prop16="Business Zone:Orders:Link:View Escalation " ;s.tl(this,"o ","business="" zone:orders:link:view="" escalation ");"="" style="display: inline; text-decoration: none; background-image: url(&quot;&quot;); margin-top: 0px;" shared="" bz="" img="" orange_flag.png ");=" " background-size:=" " 27px=" " auto;=" " float:=" " left;=" " margin-top:=" " -28px;=" " width:=" " 27px;=" " height:=" " 27px;"="" title="Escalation" id="icon_orange" href="#" customerreference="3-16439805514" escreference="1027003">
                                   <div style="margin-left: 29px; margin-top: 9px; width: 74px; color: rgb(51, 51, 51); padding-left: 37px;" title="Escalation">Escalation</div>
                               </a>
                           </td>
                       </tr>
                       <tr>
                           <td style="height: 27px;"></td>
                       </tr>
                       <tr>
                           <td style="height: 27px;"></td>
                       </tr>
                       <tr>
                           <td id="wantto_cell_1">
                               <h3><b><div id="want" style="padding-top: 20px">I want to...</div></b></h3></td>
                       </tr>
                       <tr>
                           <td id="wantto_cell_2">
               
                               <div style="padding-bottom: 15px;" class="float_left">
                                   <select id="status_filter_select1" style="display: block; margin-top: 0px;margin-top: -23px;" class="quickView_dropdown1 default_table_view floatRight">
                                       <option>Please select action</option>
               <option id="order_cancel_button" scode="" companyName="">Cancel</option>
               <option id="amend_button" scode="" companyName="">Amend</option>
                                   </select>
                               </div>
                           </td>
                       </tr>
                   </tbody>
               </table>
               </div> -->
            <div class="outerRight" style="margin-right: 150px;float: left !important;">
               <table id="Table" style="table-layout: inherit !important;">
                  <tr id="title_row" >
                     <td id="wantto_cell_1" style="Padding: 0px 10px 0px 0!important;">
                        <h3>
                           <b>
                              <div id="want" style="padding-top: 20px !important; padding-left: 8px;">I want to...</div>
                           </b>
                        </h3>
                     </td>
                     <td id="notification_cell_1" style="Padding: 0px 10px 0px 0;">
                        <h3>
                           <b>
                              <div id="Notificationsdisplay" style="margin-left:31px; padding-top: 20px;font-size: 1rem;";>Notifications</div>
                           </b>
                        </h3>
                     </td>
                  </tr>
                  <div class="pimaryHeader quick_view_details_popup1_subheader">
                     <a id="viewdetails_button" scode="" companyName="" class="lbutton_white new_viewDetails_Btn" tabindex="2" href="#">View details</a>
                     <tr id="data_row">
                        <td id="wantto_cell_2" style="padding: 0px 10px 0px 7px ! important;">
                           <div style="padding-bottom: 15px;" class="float_left">
                              <form action="/getViewMyOpenreachJob.do" id="orderRedirectForm" method="post">
                                 <select id="status_filter_select1" style="display:none;" class="quickView_dropdown1 default_table_view floatRight" onchange="viewMyOpenreachJob(this);escalationSupported(this)">
                                    <option>Please select action</option>
                                    <!-- <option id="order_cancel_button" scode="" companyName="">Cancel</option>
                                       <option id="amend_button" scode="" companyName="">Amend</option> -->
                                 </select>
                              </form>
                           </div>
                        </td>
                        <!-- changes for BTWCE 83252 by aditi -->
                        <td id="notification_cell_2" style="Padding: 0px 10px 0px 0!important; vertical-align: top;">
                           <a onclick="var s=s_gi('btwholesaledev');s.linkTrackVars='eVar7,prop16, eVar6,products,eVar11';s.eVar7='Business Zone:Search results:Order QV:Link:Fast track ';s.prop16=' Business Zone:Search results:Order QV:Link:Fast track';s.eVar6='Business Zone:Search results:Order QV';s.eVar11='Techm';s.events='event20';s.products='S0132393';s.tl(this,'o', 's.pageName:Link:Fast track ');" style="display: none; text-decoration: none; background-image: url(&quot;/shared/bz/img/fast_track_icon.png&quot;); float: left; background-size: 27px auto; width: 27px; height: 27px;margin-left: 38px;margin-top: 20px;" class="orderImagepositiongrey" title="Fast track" id="fasttrack_icon" href="#" >
                              <div style="padding-left:32px;margin-top: 7px;width:74px; " title="Fast Track">Fast track</div>
                           </a>
                        </td>
                     </tr>
                     <!-- changes for BTWCE 83252 by aditi ends -->
                     <tr>
                        <td id="notification_cell_3"></td>
                        <td id="notification_cell_4">
                           <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Orders:Link:Raise Escalation';s.prop16='Business Zone:Orders:Link:Raise Escalation';s.tl(this,'o','Business Zone:Orders:Link:Raise Escalation');" style="display: none; text-decoration: none; background-image: url(&quot;/shared/bz/img/grey_flag.png&quot;); background-size: 27px auto; margin-top: -97px; float: left; width: 27px; height: 27px;margin-left: 38px !important;" class="orderImagepositiongrey" title="Escalation" id="icon_grey" href="#" >
                              <div style="padding-left:32px;margin-top: 7px;width:74px; color: black; " title="Escalation">Escalation</div>
                           </a>
                        </td>
                     </tr>
                     <tr>
                        <td id="notification_cell_5" style="Padding: 0px 10px 0px 0!important;">
                           <a onclick="var s=s_gi('btwholesaledev');s.linkTrackVars='eVar7,prop16, eVar6,products,eVar11';s.eVar7='Business Zone:Search results:Order QV:Link:Fast track ';s.prop16=' Business Zone:Search results:Order QV:Link:Fast track';s.eVar6='Business Zone:Search results:Order QV';s.eVar11='Techm';s.events='event20';s.products='S0132393';s.tl(this,'o', 's.pageName:Link:Fast track ');" style="display: none;text-decoration: none; background-image: url('/shared/bz/img/fast_track_icon.png'); float: left; margin-top: -59px !important; background-size: 27px auto; width: 27px; height: 27px;" clickfrom="Order" class="orderImagepositiongrey" title="Fast track" id="fasttrack_icon1" href="#">
                              <div style="padding-left:32px;margin-top: 7px;width:74px; " title="Fast Track">Fast track</div>
                           </a>
                        </td>
                        <td id="notification_cell_6">
                           <a onclick="var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16';s.eVar7='Business Zone:Orders:Link:View Escalation';s.prop16='Business Zone:Orders:Link:View Escalation';s.tl(this,'o','Business Zone:Orders:Link:View Escalation');" style="display: none;text-decoration: none; background-image: url('/shared/bz/img/orange_flag.png'); background-size: 27px auto; float: left; margin-top: -71px; width: 27px; height: 27px;" title="Escalation" id="icon_orange" href="#" customerreference="">
                              <div style="margin-left:0px;margin-top: 7px;width: 74px; color: black; " title="Escalation">Escalation</div>
                           </a>
                        </td>
                     </tr>
               </table>
               </div>
               <div class="clear" style="display: block;"></div>
            </div>
            <div class="rightCont orderChildQV" style="display:none;">
               <!-- <h3 style="font-size: 17px;">Product details</h3>
                  <table>
                      <tbody>
                          <tr>
                              <td><strong>Friendly name</strong></td>
                              <td class="value"></td>
                          </tr>
                          <tr>
                              <td><strong>Completion date</strong></td>
                              <td class="value"></td>
                          </tr>
                          <tr>
                              <td><strong>Service reference</strong></td>
                              <td class="value"></td>
                          </tr>
                          <tr>
                              <td><strong>Product name</strong></td>
                              <td class="value"></td>
                          </tr>
                      </tbody>
                  </table> -->
            </div>
            <div class="quick_view_popup1_bottom1 orderposition1 orderChildMilestone" style="display:none;">
               <!--   <h3>Milestones</h3>
                  <table>
                      <tbody>
                          <tr>
                              <td style="width:110px;">Header status</td>
                              <td id="header_status" class="value"></td>
                          </tr>
                          <tr>
                              <td style="width:110px;">Line item status</td>
                              <td>
                                  <div class="qv_milestone_carousel">
                                      <ul id="line_item_status">
                                          <li>Open</li>
                                      </ul>
                                  </div>
                              </td>
                          </tr>
                          <tr>
                              <td style="width:110px;padding-bottom:5px;">Last update</td>
                              <td>
                                  <div class="qv_milestone_carousel">
                                      <ul id="last_updated">
                                          <li></li>
                                      </ul>
                                  </div>
                              </td>
                          </tr>
                      </tbody>
                  </table>
                  <div class="engineering_notes_summary">
                      <div class="qv_milestone_carousel">
                          <div class="plus_icon_container" style="margin-top:-28px;margin-left:20px;">
                              <div class="engineering_notes" id="engineering_notes_popup">
                                  <div class="engineering_notes_tip"></div>
                                  <a title="Close" class="close_button widget_popup_close" onclick="$('.quick_view_popup1 .quick_view_popup1_bottom1').find('#engineering_notes_popup').hide();"></a>
                                  <div></div>
                                  <h2 class="float_left">Last update</h2>
                                  <br>
                                  <ul id="last_updated" style="color:#666">
                                      <li></li>
                                  </ul>
                                  <div class="clear"></div>
                                  <div class="clear"></div>
                                  <textarea readonly="readonly" id="engineer_comment"></textarea>
                              </div>
                          </div>
                          <ul id="engineer_comments_list" style="display:none;">
                              <li>
                                  <p class="first_row">&nbsp;</p>
                              </li>
                          </ul>
                      </div>
                  </div>
                  <div class="clear"></div> -->
            </div>
         </div>
      </div>
   </div>
   <div class="clear"></div>
</div>
<script>			
   //Rahul: Start - BTWCE-58524 eChat via Order QV
   
   //code is commented by Jayashree for  BTWCE-58412-----Start
   /*$('.quickView_dropdown1').change(function (){
              var status = $(this).val();
   		
   		if(status == 'Cancel'){
   		
              var productScode=$("#order_cancel_button").attr('scode');
          CompanyName=$("#order_cancel_button").attr('companyName');		
   	
   	
   	
   			var superSearch= $(".b_option").text();
   	if(superSearch != null || superSearch != ""){
   		var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,eVar11,products,events';s.linkTrackEvents='event21';s.eVar7='Business Zone:'+pageName+':Order QV:Link:Cancel';s.prop16='Business Zone:'+pageName+':Order QV:Link:Cancel';s.eVar6='Business Zone:'+pageName+':Order QV';s.eVar11=''+CompanyName+'';s.products=';'+productScode+'';s.events='event21';s.tl(this,'o','Business Zone:'+pageName+':Order QV:Link:Cancel');
   		
   	}else{
   		var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,eVar11,products,events';s.linkTrackEvents='event21';s.eVar7='Business Zone:Super Search:Order QV:Link:Cancel';s.prop16='Business Zone:Super Search:Order QV:Link:Cancel';s.eVar6='Business Zone:Super Search:Order QV';s.eVar11=''+CompanyName+'';s.products=';'+productScode+'';s.events='event21';s.tl(this,'o','Business Zone:Super Search:Order QV:Link:Cancel');
   	}
          var isCancelAllowed = $('#order_cancel_button').data("isCancelAllowed");
          var recordType = $('#order_cancel_button').data("recordType");
          if (isCancelAllowed != null && isCancelAllowed == "Y") {
              if (recordType != null && recordType == "QUOTE") {
                  window.location.href = deepLinkActionUrl + "operation=CancelQuote&identifierType=BTOrderRef&identifierValue=" +$('#hl_row_container_1 #order_reference').text();
              } else {
   			
                  window.location.href = deepLinkActionUrl + "operation=CancelOrder&identifierType=BTOrderRef&identifierValue=" +$('#hl_row_container_1 #order_reference').text();
              }
          }
          return false;
   	
   		}else if(status =='Amend'){
   		var productScode=$("#amend_button").attr('scode');	
   	CompanyName=$("#amend_button").attr('companyName');
   	
   	
   	var superSearch= $(".b_option").text();
   	if(superSearch != null || superSearch != ""){
   		var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,eVar11,products,events';s.linkTrackEvents='event22';s.eVar7='Business Zone:'+pageName+':Order QV:Link:Amend';s.prop16='Business Zone:'+pageName+':Order QV:Link:Amend';s.eVar6='Business Zone:'+pageName+':Order QV';s.eVar11=''+CompanyName+'';s.products=';'+productScode+'';s.events='event22';s.tl(this,'o','Business Zone:'+pageName+':Order QV:Link:Amend');
   		
   	}else{
   		var s=s_gi(getOmnitureAcc());s.linkTrackVars='eVar7,prop16,eVar6,eVar11,products,events';s.linkTrackEvents='event22';s.eVar7='Business Zone:Super Search:Order QV:Link:Amend';s.prop16='Business Zone:Super Search:Order QV:Link:Amend';s.eVar6='Business Zone:Super Search:Order QV';s.eVar11=''+CompanyName+'';s.products=';'+productScode+'';s.events='event22';s.tl(this,'o','Order QV:Link:Amend');
   	}
   	
   
          var isAmendAllowed = $('#amend_button').data("isAmendAllowed");
          var recordType = $('#amend_button').data("recordType");
           if (isAmendAllowed != null && isAmendAllowed == "Y") {
              if (recordType != null && recordType == "QUOTE") {
   			//BTWCE-58412--Jayashree--Start
                  window.location.href = deepLinkActionUrl + "operation=AmendQuote&identifierType=BTOrderRef&identifierValue=" + $('#hl_row_container_1 #order_reference').text();
   			//BTWCE-58412--Jayashree--End
              } else {
                  window.location.href = deepLinkActionUrl + "operation=AmendOrder&identifierType=BTOrderRef&identifierValue=" + $('#hl_row_container_1 #order_reference').text();
              }
          }
          return false;
   		}			
      });*/
   //code is commented by Jayashree for  BTWCE-58412-----End
   	
   /* function gotoEchatOmniOrderQV(){
   	var companyName = getCookie('BTWOSPMISTAGS');
   	companyName = companyName.split("|");
   	companyName = companyName[0];
   	var pageNameEchat = "Business Zone:"+pageName;
   	var s=s_gi(getOmnitureAcc());
   	
   	s.linkTrackVars='eVar7,prop16,eVar6,eVar11,products';
   	s.eVar7=''+pageNameEchat+':Order QV:Link:Chat';
   	s.prop16=''+pageNameEchat+':Order QV:Link:Chat';
   	s.eVar6=''+pageNameEchat+'';
   	s.eVar11=''+companyName+'';
   	s.products=''+sCode+'';
   	s.tl(this,'o',''+pageNameEchat+':Order QV:Link:Chat');
   } */
   //Rahul: Start - BTWCE-58524 eChat via Order QV
</script>
<!-- Order quick view : End -->
<!-- MSO quick view : Start -->
<script>
   function closeServiceAlertDetails(){
   	document.getElementById("hl_row_container_8").style.display='none';
   	document.getElementById("hl_row_container_3").style.display='none';
   	document.getElementById("hl_row_container_10").style.display='none';
   	$("#hl_row_container_10").find("#outage_QV_connecting_bar").remove();
   	$('.quick_view_popup4').removeClass('SuggestView');
   	$("#hl_row_container_10").find("#connecting_bar_outage_search").remove();
   	$("#hl_row_container_3").find("#connecting_bar_outage").remove();
   	$('.pncnlistqv').hide();
   	$('.service_details_list').empty();	
   	$('.service_details_list').hide();
   	var serviceAlertInventoryQV = $("#hl_row_container_8").find(".serviceAlertInventoryQV");
   	serviceAlertInventoryQV.attr("class"," ");
   	$('#hl_row_container_5').hide();
   	
   	 $(".service_detail_close").removeAttr("close_from");
   	
   	$("#hl_row_container_3").css("height",'');
   	countcheck=0;
   
   	$('.download_click').die("click");
   	$('.download_click_link').die("click");
   	
   }
</script> 
<style>
   #download_URLS a{color:#333333!important;}
</style>
<div id="hl_row_container_8" class="whiteBG serviceAlertDetails inventoryQuickViewPostion" style="display: none">
   <input type="hidden" name="printReportUrl"  id="printReportUrl"  value="">
   <input type="hidden" id="outageQVTotalRecords" value="10" />
   <a title="Close" class="close_button widget_popup_close" id="outagesQuickViewClose" onclick="closeServiceAlertDetails();"></a>
   <h1>Service alert details</h1>
   <div class="left serviceAlert serviceAlertDtailsLeftBox">
      <h2 class="value mb10">Incident headline</h2>
      <p id="incidentTitle" class="serv_alrt_headng"></p>
      <h2 class="value mb10">Incident details</h2>
      <p id="incidentDetail"></p>
      <h2 class="value mb10">Progress details</h2>
      <p id="progressDetail"></p>
      <!-- <h4 class="value" id="serviceStatus">Partial loss of service</h4> -->
      <table class="sTable">
         <tbody>
            <tr>
               <td>BT Incident reference</td>
               <td class="value" id="incidentRef"></td>
            </tr>
            <tr id="source_ref_row" style="display: block;">
                          <td colspan="2"  style="width: 100%;">
    <div style="width: 100%;float: left;/* position: absolute; */bottom: 14px;/* display: none; */">
                          <div style="float: left;width: 100%;margin-bottom: 0px;">Supplier reference</div>
                          <div class="value" style="float: left;width: 45%;margin: 0px 0 0 191px;position: absolute;">
                          <span id="source_ref" class="value" style="float: left;width: 100px;"></span><a style="float:none;margin-top: -10px;margin-bottom: -4px;" class="btnTooltip MSO_downtime" href="#" id="MSO_downtime_length_tooltip"></a>
                                                    
                                    <div class="downtime_length_tooltip product_category_popup" id="MSO_downtimelength" style="background-color: rgb(255, 255, 255); top: -52px; margin-left: -146px;margin-top: 5px; left: 75px; display: none;">
                                                                    <p class="text_pncn">Information is supplied by Openreach and we at BT Wholesale are not held responsible for incorrect data.</p>    
                                                           <div class="newMSOTooltipClass"></div>
                                    </div>
                          </div>
</div>
</td>
                          </tr>
            <tr>
               <td>Update number</td>
               <td class="value" id="updateNo"></td>
            </tr>
            <tr>
               <td>Detected</td>
               <td class="value" id="detetcedDate"></td>
            </tr>
            <tr>
               <td>Started</td>
               <td class="value" id="startDate"></td>
            </tr>
            <tr>
               <td id="clearTimeHeader">Anticipated clear time</td>
               <td class="value" id="expectedEndDate"></td>
            </tr>
            <tr>
               <td>Area codes</td>
               <td class="value" id="areaCode"></td>
            </tr>
         </tbody>
      </table>
   </div>
   <div class="right serviceAlert serviceAlertDtailsRightBox">
      <h2 class="value mb10">Services disrupted</h2>
      <div class="list_options">  
         <a href="#" file_type="print" id="printqv" class="download_click w_print_icon helpPopover" data-original-title="" title="" data-content="Print" data-placement="top" data-toggle="popover" data-trigger="hover" data-container="body">
         <span class="tooltiptext">Print<span class="tooltipimage"></span></span> 
         </a>                                      
         <a href="#" id="pdfId" file_type="pdf" target="_blank" class="download_click pdf_icon pdf_switched_off helpPopover" title="" data-container="body" data-trigger="hover" data-toggle="popover" data-placement="top" data-content="Save PDF" data-original-title="" >
         <span class="tooltiptext">Save PDF<span class="tooltipimage"></span></span>
         </a> 
         <a href="#" id="csvId"  file_type="csv" target="_blank" class="download_click csv_icon helpPopover" data-original-title="" title="" data-content="Save CSV" data-placement="top" data-toggle="popover" data-trigger="hover" data-container="body">
         <span class="tooltiptext">Save CSV<span class="tooltipimage"></span></span>
         </a>                  
      </div>
      <p>Select account</p>
      <select class="stretch" id="ongoing_acc_select_box">
      </select>
      <div id="outageQVServices">
         <table id="table_outage_service" class="sf_table sortable sf_table_border ongoing_accounttable visibleSortable">
            <thead>
              
                 <tr>
                  <th id="SERVICE_ID" >
				  <span class="sort_ico">Service reference</span></th>
               </tr>
              
            </thead>
            <tbody id="servicesForOutage">
            </tbody>
         </table>
         <div class="clear"></div>
      </div>
      <br>
      <div class="pagination_nav right" id="outageServicesPage">				                 				     
         <a class="prev" title="Previous"></a>   				          
         <label class="count"> </label>				      
         <a class="next" title="Next"></a> 
      </div>
   </div>
   <div id="save_search_popup" class="save_search_popup none" style="display:none;">
      <a id="outagesFileDownLoadClose" class="close_button file_download_popup_close"  title="Close"></a>	
      <h2>File download</h2>
      <div class="line_separator1"></div>
      <p>As there is a large number of impacted services to be downloaded, the records will be split into 
         mutilple files. Please click on the links below to download the files.
      </p>
      <div class="rndbrder">
         <div class="top1"></div>
         <div class="top2"></div>
         </br>
         <div id="download_URLS"></div>
         <div class="top3"></div>
      </div>
      <a href="#" class="right mso_cancel_button" title="Cancel">Cancel</a>	
   </div>
   <div class="clear"></div>
</div>
<!-- MSO quick view : End -->
<!-- Escalation Quick View : Start -->
<!-- quick view for orange flag -->
<div class='clear'></div>
<div class="showArrow product_category_tip inventoryOutagesTip mso_tip_without_fault_in_hub" style="display:none;"></div>
<div id="esc_ref_quick_container_tab1" class="quick_view_popup1 lightbox" style="min-height: auto;margin-top: -91px !important;margin-left: 447.617px !important;width: 387px; display:none">
   <a class='esc_ref_inner esc_close_button esc_quick_view_close1 close_button' title='Close' tabindex='1'></a>
   <div class='quick_view_details_popup1_header newheader'>Escalation details</div>
   <div class="line_separator1"></div>
   <img style="margin-left: auto; margin-right: auto; display: none;" id="esc_Ajax_Loader" src="/shared/bz/img/ajax-loader.gif">
   <div class='quick_view_details_popup1' style="display:none;">
      <table class='sTable' id="esc_qv_Table">
         <tbody id="escalation-body">
         </tbody>
      </table>
      <div class='clear'></div>
      <div class='primaryHeader beigeStrap' style="display:none;">
         <div class='' style="margin-top:5px">
            <a id="esc_qv_View_details" class='esc_qv_View' title='View details' desc="View Escalation Details" href='#'>View details</a>
         </div>
      </div>
   </div>
   <!--<div class='esc_quick_view_popup1_bottom1' style="display:none;">
      <table id="escalation_qv_bottom">
      <tbody>
           <tr>
               <td>Reason for escalation</td>
               <td id="reason_for_escl" style="padding-left:8px;"></td>
           </tr>
           <tr>
               <td>Time and date of occurrence</td>
               <td id="escl_time_date" style="padding-left:8px;"></td>
           </tr>
           <tr>
               <td>Summary</td>
               
                   <div class='qv_milestone_carousel'>
                       <div class='plus_icon_container'>
                       <td style="padding-left:8px;"><a href='#' class='icon_viewmore_arrow' id="escl_view_more" title='View more' tabindex='5'></a>
                          <div class='esc_engineering_notes'>
                               <div class='engineering_notes_tip1'></div>
                               <a title='Close' class='close_button product_category_close' tabindex='1' id="esc_summary_box_close"></a>
                               
                               <h2 class='float_left'>Summary</h2>
                              
                               <ul class='qv_milestone_carousel' style="width:200px;">
                                   <li>
                                       <textarea id="escl_summary" style="word-wrap:break-word;" readonly='readonly' title='Summary'>
                                      
      </textarea>
                                   </li>
                               </ul>
                           </div>
                       </div>
                   </div>
               </td>
             </tr>
      </tbody>
       </table>
      <div id="escAddNotesMorNotes">                                                               
             <a id="esc_qv_add_notes" class="esc_qv_View esc_buttons new_secondary_Btn"   title='Add Notes' desc="Add Notes"  style="" href='#'>Add Notes</a>
             <a id="esc_qv_more_notes" class="esc_qv_View esc_buttons new_secondary_Btn"   title='More Notes' desc="More Notes" style="" href='#'>More Notes</a>
       </div>
      
       <div class='clear'></div>
      </div>-->
   <div class='clear'></div>
</div>
<!-- quick view for orange flag ends-->
<div id="connecting_bar2" class="selected_row" style="display:none;"></div>
<!-- Raise Escalation Popup -->
<div class="grey_QV" style="display:none;">
   <a class='close_button grey_popup_close' title='Close' tabindex='1' onclick="javascript:closeRaiseQV();"></a>
   <h1 class='logo_greyQV'>Raise an escalation</h1>
   <div class="grey_popup_content">
      <div id="raiseEscalationError" style="background: red none repeat scroll 0% 0%; color: white;display:none; padding-right: 5px;">Highlighted fields are mandatory</div>
      <div>
         <div class="faulterror" style="display:none"></div>
         <!--  62048 code starts -->
         <div id="order_error_msg" style="color: red; display:none;">Unfortunately it isn't possible to escalate this order at this time, if you'd like to raise a query please go to our <a id="here" style="color:red;" href="/pages/static/contact.htm" target="_blank"><u>contact us</u></a> 
            page and choose the e-chat option.
         </div>
         <div id="falut_error_msg" style="color: red; display:none;">Unfortunately it isn't possible to escalate this fault at this time, if you'd like to raise a query please go to our <a id="here" style="color:red;" href="/pages/static/contact.htm" target="_blank"><u>contact us</u></a> 
            page and choose the e-chat option.
         </div>
         <!--  62048 code ends -->
         <table class='sTable' style="table-layout:initial;">
            <tr>
               <td id="btOrderReference">BT Order reference</td>
               <td id="btFaultReference" style="display:none;">BT Fault reference</td>
               <td id="esc_r_order_ref" class="bigFont"></td>
            </tr>
            <tr>
               <td id="esc_r_service_ref_l">Service reference</td>
               <td id="esc_r_service_ref" class="greyColor">
                  <select style="display:none;width:150px;">
                     </style>
               </td>
            </tr>
            <tr>
            <td id="esc_r_telephone_l">Broadband telephone number</td>
            <td id="esc_r_telephone" class="greyColor"><select style="display:none;"></select></td>
            </tr>
            <tr>
               <td id="escalation_dropdown_l">Reason for escalation<span class="textred">*</span></td>
               <td>
                  <div style="width:350px;overflow:hidden;">
                     <select class='w_block_header_filter default_table_view' id="escalation_dropdown" style="display:none;">
                        <option>Please select</option>
                        <option>Available appointment slot for order out of SLA</option>
                        <option>Ceased in error</option>
                        <option>Confirmed appointment failed for order</option>
                        <option>Engineering attitude or error on order appointment</option>
                        <option>Migration failure order</option>
                        <option>Network availability</option>
                        <option>Order not closed after provision of service</option>
                        <option>original commited delivery date missed</option>
                        <option>Repeated engineering visits</option>
                        <option>Tags Query Closed But Not Resolved</option>
                        <option>Unable to place/amend BB order</option>
                     </select>
                     <select class='w_block_header_filter default_table_view' id="escalation_dropdown_fault" style="display:none;">
                        <option>Please select</option>
                        <option>Available appointment slot for fault out of SLA</option>
                        <option>Circuit slamming</option>
                        <option>Confirmed appointment failed for fault</option>
                        <option>Engineering attitude or error on fault appointment</option>
                        <option>Fault out of SLA timescales</option>
                        <option>Migration failure fault</option>
                        <option>Multiple repeat faults</option>
                        <option>Repeated engineering visits</option>
                        <option>Unable to report Broadband fault</option>
                     </select>
                     <!-- BTWCE-88959 start -->
                     <select class='w_block_header_filter default_table_view' id="ethernet_escalation_dropdown_order" style="display:none;">
                        <option>Please select</option>
                        <option>Missing KCI 1</option>
                        <option>Missing KCI 2 (Planning not complete)</option>
                        <option>No ECD provided within 5 working days of capacity shortfall being identified</option>
                        <option>No response to queries within 48 hours</option>
                        <option>No ECD provided within 5 working days of civil work being required</option>
                        <option>BT configuration problems</option>
                     </select>
                     <select class='w_block_header_filter default_table_view' id="ethernet_escalation_dropdown_fault" style="display:none;">
                        <option>Please select</option>
                        <option>Required KCI Update</option>
                        <option>Delayed Restoration Progress</option>
                        <option>Engineering Support Requirements</option>
                        <option>Other</option>
                     </select>
                     <!-- BTWCE-88959 end -->
                     <img src="/shared/bz/img/drop.png" class="imgcls">
                  </div>
               </td>
            </tr>
            <tr>
               <td><span id="esc_r_dateOrTime_l" style="color: rgb(0, 0, 0) !important;">When did the issue occur?</span><span class="textred">*</span></td>
               <td >
                  <input type="text" id="timepicker" value="Select a time" readonly="readonly"/>
                  <div class="timePickerDiv">
                     <p class="timeText">Select a time</p>
                     <a title='Close' class='close_button widget_popup_close '></a>
                     <div class="timeInner">
                        <input type="text" value="00:00" id="timeVal" readonly="readonly">
                        <p class="innerText float_left hourText"> Hour</p>
                        <div id="slider-range1"></div>
                        <div class="clear"></div>
                        <p class="innerText float_left">Minutes</p>
                        <div id="slider-range2"></div>
                        <div class="clear"></div>
                        <hr>
                        <div><a class="lbutton" href="#" onclick="javascript:return false;">Confirm</a></div>
                     </div>
                  </div>
                  <input type="text" id="datepicker" value="Select a date" readonly="readonly">
               </td>
            </tr>
            <tr>
               <td id="esc_mandatory_notes_l">Summary<span class="textred">*</span></td>
               <td>
                  <textarea id="esc_mandatory_notes" class="greyTextArea" rows="4" cols="50" onclick="javascript:if(this.value.toString().toLowerCase()=='enter your comments here...'){this.value=''};" onblur="javascript:if(this.value.toString().toLowerCase()==''){this.value='Enter your comments here...'};" maxlength="1000">Enter your comments here...</textarea>
                  <p class="characterAlign">Maximum characters allowed :<span id="charsdata">1000</span></p>
               </td>
               <!-- vipul story 75580 changes added span-->
            </tr>
         </table>
      </div>
   </div>
   <div><br/><a class="cancel_grey" href="#" onclick="javascript:closeRaiseQV();">Cancel</a></div>
   <div id="raiseEscalationSubmit_div"><a id="raiseEscalationSubmit" class="lbutton submit_grey" href="#" >Submit</a></div>
   <div id="raiseEscalationSubmit_disable_div"><a id="raiseEscalationSubmit_disable" style="background:#dddddd;" class="lbutton submit_grey" href="#" >Submit</a></div>
   <div class="clear"></div>
   <input id="escTypeTxt" type="text" value="" style="display:none;" />
   <input id="escCreatedDateTxt" type="text" value="" style="display:none;" />
   <input id="clickFromTxt" type="text" value="" style="display:none;" />
   <input id="ethernetEsc" type="text" value="" style="display:none;" />
</div>
<input id="esc_r_click_from" clicktype="" type="text" style="display:none;" />
<div class="clear"></div>
<!-- Raise Escalation Popup Ends -->
<!-- Escalation Reference -->		
<!-- Changes made for BTWCE-88959 - Attachment Functionality starts -->
<div id="esc_attachment" class="greyQV_submit" style="top: 10px; width: 528px; display: none; height: 501px;">
   <!-- Changes made for BTWCE-88959 - Attachment Functionality ends -->
   <div class="topDiv">
      <img src="/shared/bz/img/icon_status_success.png" class="success_icon float_left">
      <h1 class="success_header" id="orderEscalation">Order escalation is submitted</h1>
      <h1 class="success_header" id="faultEscalation" style="display:none;">Fault  escalation is submitted</h1>
      <p>Please note this reference number for future communications.</p>
      <div class="greySubInner">
         <p class="greySubInnerText" style="margin-bottom: -53px; margin-left: -15px ! important;color: #333 !important;">Escalation reference:</p>
         <br>
         <span style="margin-left: 93px !important;font-size: 15px !important;color: #333 !important;" id="esc_r_submit_ref" class="ref_id"></span>
      </div>
   </div>
   <div class="refClass" style="padding-left: 20px; width: 500px; font-size: 12px; color:#666666; padding-top: 20px;">
      <p>Your Order/fault reference <span id="orderOrFaultRef" style="color:black;"></span> is in the process of being escalated. This may take several minutes to show up on Business Zone</p>
   </div>
   <!-- Added for BTWCE-88959 - Attachment Functionality -->
   <div class="summary_repot_action" style="z-index: 2">
     <!--Ethernet Escalation outer div starts-->
<!--<div style='border: 1px solid #cccccc;'>-->
<form method="POST" enctype="multipart/form-data" id="fileUploadForm">

<script language="javascript">
   	$(".submit_icon").click(function (event) {
         console.log("Attachment submitted");
      })
</script>
<div class="ethernet_Esc_outer" style="display: none; float: left !important; margin-left: -305px;">
<!--Title div starts-->

<!--//Title div ends-->
<div class="EscboxOuter">
<!--Browse functionality div starts-->
<div class="browseFileDiv" style="display:none;">

<h4><b>Add Attachment</b></h4>
<br>
<div class="clear"></div>
<div class="errorMsg uploadTimeoutError" style="display:none;">Sorry, there was a problem submitting your attachment. Please try again.</div>
<div class="errorMsg failureError"style="display:none;">The file size has exceeded the maximum limit of 2MB. Please re-submit using smaller file size.</div>
<div class="errorMsg failureErrorExt"style="display:none;">Please re-submit the file with allowed extension.</div>
<div class="errorMsg otherError"style="display:none;">Sorry, there was a problem submitting your attachment. Please try again.</div>


<!--Success screen starts-->
<div class="successMsg"  style="display:none;color: #009900;">
Request Submitted successfully.
</div>
<!--//Success screen ends-->
<!--Add attachment content starts-->
<div class="clear"></div>
<div class="addAttachmentContent" style="display:block;">
Adding an attachment is optional to help with your requested escalation. The file should be no more than 2MB and we support the file formats <b><u>jpg, png, gif, bmp, doc, pdf, xls, zip</u></b> and <b><u>msg.</u></b>

<br>
<br>

<ul>

<li class="browseOuterDiv"><b>Attachment 1:</b><input id="file1" name="attachment1" maxlength="50" type="file" style="opacity:1;margin-left: 15px;"></li>
</ul>
<br>
<ul>

<li class="browseOuterDiv"><b>Attachment 2:</b><input id="file2" name="attachment2" maxlength="50" type="file" style="opacity:1;margin-left: 15px;"></li>
</ul>
<div class="clear"></div>
<div class="clear"></div>
</div>
<!--//Add attachment content ends-->
</div>
<!--//Browse functionality div ends-->
<!--Loading div starts-->
<div class="browseLoadingDiv" style="display:none;">
<div class="loadingDiv"><h3>Please wait</h3>
<p>We're uploading your files. This might take upto a minute.</p>
<div class="loadingImg"></div>
</div>
</div>
<!--//Loading div ends-->
</div>


<!--//Ethernet Escalation outer div ends-->
<br>
<br>
<div><input id="submit" class="lbutton close_greySuccess esc_button submit_icon" value="Submit" style="width: 90px;
   background-position: 146px 31px;margin-top: -6px;background-image: url('../img/new_button_arrow.jpg');display: none;margin-left: 331px;background-color: #d73281 !important;color: #ffffff;height: 36px;padding: 5px 28px !important;font-weight: bold;" type="submit"></div>
<!--</div>-->
</div>
</form>
   </div>
   <!-- Completed for BTWCE-88959 - Attachment Functionality -->
   <div class="closeButtonDiv">
      <div><a href="#" class="lbutton2 close_greySuccess" style="background-position: 68px 14px; position: absolute; float: left; margin-top: 230px; z-index: 100; margin-right: -100px;margin-left: 40px;" onclick="javascript:closeRaiseQV();">Finish</a></div>
   </div>
</div>
<!-- Escalation Reference Ends-->
<script type="text/javascript">
   // Added for Defect#18545
   $(function() {
   	  var regExp = /[a-z]/i;
   	  $('#timepicker').on('keydown keyup', function(e) {
   	    var value = String.fromCharCode(e.which) || e.key;
   
   	    // No letters
   	    if (regExp.test(value)) {
   	      e.preventDefault();
   	      return false;
   	    }
   	  });
   });
   	
  
   function returnFalse(){
   	return false;
   }
   
   /*adding function for BTWCE 88959 attachment functionality*/
   
   if($("#esc_attachment").html()!=null){
   	$(".ethernet_Esc_outer").css('display','block');
   	}
   
   	$(".submit_icon").click(function (event) {
          //stop submit the form, we will post it manually.
          event.preventDefault();
          // Get form
          console.log("Attachment is called");
          var form = $('#fileUploadForm')[0];
   	// Create an FormData object
          var fdata = new FormData(form);
   	// If you want to add an extra field for the FormData
       //   data.append("CustomField", "This is some extra data, testing");
   	// disabled the submit button
          $(".submit_icon").prop("disabled", true);
          $.ajax({
              type: "POST",
              enctype: 'multipart/form-data',
              url: "/businesszone/common/uploadAttachments.do",
              data: fdata,
              processData: false,
              contentType: false,
              cache: false,
              timeout: 600000,
   		   dataType: 'JSON',
              success: function (data,textStatus, jqXHR) {
                 // alert("value "+data.result);
                 // alert('success');
   			 
   			  
                if(data.result!=null && data.result=="success"){
   				$('.successMsg').css('display','block'); 
   			 // $(".ethernet_Esc_outer").children().hide();
   				$(".escId").children().hide();
   				$('.addAttachmentContent').css('display','none');
   				$('.submit_icon').css('display','none');
   				$('.failureError').css('display','none');
   				$('.otherError').css('display','none');
   				$('.uploadTimeoutError').css('display','none');
   				$('.failureErrorExt').css('display','none');
   				}if(data.result!=null && data.result == "uploadFileExtError"){
   				$('.failureErrorExt').css('display','block');				
   				$('.otherError').css('display','none');
   				$('.uploadTimeoutError').css('display','none');
   				$('.failureError').css('display','none');
   				}if(data.result!=null && data.result == "uploadFileSizeError"){
   				$('.failureError').css('display','block');
   				$('.otherError').css('display','none');
   				$('.uploadTimeoutError').css('display','none');
   				$('.failureErrorExt').css('display','none');
   				}if(data.result!=null && data.result != "uploadFileExtError" && data.result != "uploadFileSizeError" && data.result != "success"){
                 // alert('result is '+data.result);
   				$('.otherError').css('display','block');
   				$('.uploadTimeoutError').css('display','none');
   				$('.failureError').css('display','none');
   				$('.failureErrorExt').css('display','none');
   				} 
                 // $("#result").text(data);
                //  console.log("SUCCESS : ", data);
                  $(".submit_icon").prop("disabled", false);
              },
              error: function (e) {
                  $("#result").text(e.responseText);
                 // console.log("ERROR : ", e);
                  $(".submit_icon").prop("disabled", false);
              }
          });
      });
   	
   	
   /*adding function for BTWCE 88959 attachment functionality:ends*/
   
   
   function escalationQVOmniture(description){
   		var pageName= $("#title h1").text();
   	if(pageName.toString().indexOf("Overview")!=-1){
   		var s=s_gi(getOmnitureAcc());
   		s.linkTrackVars='eVar7,prop16';
   		s.eVar7='Business Zone:'+'Overview'+': Escalation QV :Link:'+description;
   		s.prop16='Business Zone:'+'Overview'+': Escalation QV :Link:'+description;
   		s.tl(this,'o','Business Zone:'+'Overview'+': Escalation QV :Link:'+description);     	
   	} else if(pageName.toString().indexOf("Orders")!=-1){
   		var s=s_gi(getOmnitureAcc());
   		s.linkTrackVars='eVar7,prop16';
   		s.eVar7='Business Zone:'+'Orders'+': Escalation QV :Link:'+description;
   		s.prop16='Business Zone:'+'Orders'+': Escalation QV :Link:'+description;
   		s.tl(this,'o','Business Zone:'+'Orders'+': Escalation QV :Link:'+description);     	
   	}else if(pageName.toString().indexOf("Faults")!=-1){
   		var s=s_gi(getOmnitureAcc());
   		s.linkTrackVars='eVar7,prop16';
   		s.eVar7='Business Zone:'+'Repair & Faults'+': Escalation QV :Link:'+description;
   		s.prop16='Business Zone:'+'Repair & Faults'+': Escalation QV :Link:'+description;
   		s.tl(this,'o','Business Zone:'+'Repair & Faults'+': Escalation QV :Link:'+description);     	
   	}else if(pageName.toString().indexOf("Inventory")!=-1){
   		var s=s_gi(getOmnitureAcc());
   		s.linkTrackVars='eVar7,prop16';
   		s.eVar7='Business Zone:'+'Inventory'+': Escalation QV :Link:'+description;
   		s.prop16='Business Zone:'+'Inventory'+': Escalation QV :Link:'+description;
   		s.tl(this,'o','Business Zone:'+'Inventory'+': Escalation QV :Link:'+description);     	
   	}else if(pageName.toString().indexOf("Search")!=-1){
   		var s=s_gi(getOmnitureAcc());
   		s.linkTrackVars='eVar7,prop16';
   		s.eVar7='Business Zone:'+'Search results'+': Escalation QV :Link:'+description;
   		s.prop16='Business Zone:'+'Search results'+': Escalation QV :Link:'+description;
   		s.tl(this,'o','Business Zone:'+'Search results'+': Escalation QV :Link:'+description);     	
   	}
   	
   }
   //vipul code changes 75580 start
   
   //vipul code changes 75580 end
</script>
<!--[if IE 8]>
<script type="text/javascript">
   $(document).ready(function() {
       $("#escalation_dropdown").mousedown(function() {
          $(this).css("width", "auto");
   	$('.imgcls').show().css({"left":$(this).position().left+130, "top":$(this).position().top});
      });
      $("#escalation_dropdown").change(function() {
          $(this).width(150);
   	$('.imgcls').hide();
      });
      $("#escalation_dropdown").blur(function() {
          $(this).width(150);
   	$('.imgcls').hide();
      });
   $("#escalation_dropdown_fault").mousedown(function() {
          $(this).css("width", "auto");
   	$('.imgcls').show().css({"left":$(this).position().left+130, "top":$(this).position().top});
      });
      $("#escalation_dropdown_fault").change(function() {
          $(this).width(150);
   	$('.imgcls').hide();
      });
      $("#escalation_dropdown_fault").blur(function() {
          $(this).width(150);
   	$('.imgcls').hide();
      });
   });  
</script>
<![endif]-->
<div class="search_overlay_container" style="display: block;width: 100%;top: 91px;height: auto!important;"></div> 
<!-- Escalation Quick view: End -->

<!-- Pncn Qv-->
<div class="quick_view_popup1 lightbox btw_quick_container pncn_popup_row" id="pncn_qv" style="height:541px!important; margin: 0px; top: 0px; display: none;">
                    <a class="close_button product_category_close" title="Close"></a>
                    <div class="left serviceAlert">
                      <h2 class="mb10" style="color:#071A2E !important;margin-top:8px !important;">Planned Engineering Work Details</h2>
					  <img src="/shared/bz/img/ajax-loader.gif" id="esc_Ajax_Loader" style="padding-left:4px;margin-left:auto;margin-right:auto;display:none;">
					  <p id="pncnErrorMsg"class="widget_err_msg" style="width: 392px;display:none;"></p>
					  <div class="line_separator1" style="
    width: 98% !important;
"></div>
                      <table class="sTable pncn_row_table" style="display:none;">
                        <tbody>
                          <tr>
                            <td style="width:150px;">Change reference</td>
                            <td id="pncn_ref" class="value"></td>
                          </tr>
                          <tr id="source_ref_row_pew" style="display:none">
                          <td colspan="2" class="value" style="width: 100%;">
    <div style="width: 100%;float: left;/* position: absolute; */bottom: 14px;/* display: none; */">
						  <div style="float: left;width: 100%;margin-bottom: 0px;">Supplier reference</div>
						  <div class="value" style="float: left;width: 45%;margin: 0px 0 0 152px;position: absolute;">
						  <span id="source_ref_pew" class="value" style="float: left;width: 100px;"></span><a style="float:none;margin-top: -10px;margin-bottom: -4px;" class="btnTooltip PEW_downtime" href="#" id="pncn_downtime_length_tooltip"></a>
									<div class="downtime_length_tooltip product_category_popup" id="PEW_downtimelength_pncn" style="background-color: rgb(255, 255, 255); left: 75px!important; top: 28px; display: none;width:200px!important;">
																	<p class="text_pncn">Information is supplied by Openreach and we at BT Wholesale are not held responsible for incorrect data.</p>      
										<img src="/shared/bz/img/new_down_arrow_blue.png" class="btwAttp_blueArrow" style="left: 8px !important; top: 39px;">                                                   
									</div>
						  </div>
</div>
</td>
                          </tr>
                          <tr>
                            <td>Summary</td>
                            <td id="pncn_summary_td" class="value">
								<label id="pncn_summary" class="products_label value" style="width:211px;"></label>
								<a id="pncn_summary_view_more" href="#pncn_summary" title="View more" class="icon_viewmore_arrow" style="display:none;"></a> 
								<div class="pncn_tip_inner"></div>
								 <div class="pncnProd_popup_padding product_category_popup pncnsum_popup" style="display:none; overflow-y: auto; height:auto !important; max-height : 330px; width:300px !important; left:71px !important">
									 <a href="#" style='margin-right:-18px' title="Close" class="close_button prod_pop_close"></a>
										
										<p id="pncn_summary_text" class="text_pncn"></p>
								</div>
							</td>
                          </tr>
                          <tr>
                            <td>Planned start</td>
                            <td id="pncn_start_date" class="value"></td>
                          </tr>
                          <tr>
                            <td>Planned finish</td>
                            <td id="pncn_finish_date" class="value"></td>
                          </tr>
                          
                          <tr>
                                                    <td>Downtime reason</td>
                                                    <td>
                                                        <label id="pncn_down_reason" class="products_label value" style="width:215px;"></label>
                                                            <a id="pncn_down_more" href="#downtime_reason" title="View more" class="icon_viewmore_arrow" style="display:none;"></a>
															<div class="pncn_tip_inner"></div>
                                                             <div class="pncn_popup product_category_popup pncnProd_popup_padding" style="display: none; width:300px !important; left:71px !important">
                                                             <a href="#" title="Close" class="close_button prod_pop_close" style="margin-right:-14px;float:right!important;"></a>
                                                               
																<p id="pncn_down_text" class="text_pncn"></p>
                                                                
                                                       </div>
                                                    </td>
                                                </tr>
                          <tr>
                            <td>Status</td>
                        <td id="pncn_status" class="value">
									<div id="pncn_status_color" class="btw_rescheduleNew"></div>
									<div class="pncn_popup_res">
										<a href="#" title="Close" class="close_button prod_pop_close"></a>
										<div id="pncn_tooltip" class="pncn_tip_inner"></div>
										<p class="text_pncn"></p>
									</div>
						</td>
                          </tr>
                          <tr>
                            <td>End user<br> downtime start</td>
                            <td id="pncn_end_user_downtime_start" class="value"></td>
                          </tr>
                          <tr>
                            <td>End user<br> downtime length</td>
                            <td class="value"><span id="pncn_end_user_downtime_length" class="value"></span><a style="float:none;margin-top: -10px;margin-bottom: -4px;" class="btnTooltip pncn_downtime" href="#" id="pncn_downtime_length_tooltip"></a>
									<div class="downtime_length_tooltip product_category_popup" id="downtimelength" style="display: none; background-color: #ffffff;margin-left:-20px;">
																	<p class="text_pncn">Weeks:Days:Hours:Minutes</p>      
										<img src="/shared/bz/img/new_down_arrow_blue.png" class="btwAttp_blueArrow" 
                              style="left: 8px !important; top: 39px;">                                                   
									</div>
							</td>
                          </tr>
                          <tr>
                            <td>Location</td>
                            <td id="pncn_location_td">
                                                        <label id="pncn_location" class="products_label value pncnlocation" style="width: 210px;"></label>
                                                            <a id="pncn_loc_view_more"  href="#pncn_location" title="View more" class="icon_viewmore_arrow location_viewmore" style="display:none;"></a>
															<div class="pncn_tip_inner" style="left:224px;"></div>
                                                             <div class="pncnLoc_popup product_category_popup" style="display: none;">
																 <a href="#" title="Close" class="close_button prod_pop_close"></a>
																	
																	<p id="pncn_loc_text" class="text_pncn pncnloctext" style="padding-right: 12px;"></p>
                                                                
															</div>
                            </td>
                          </tr>
                           <tr>
                                                    <td>Products affected</td>
                                                    <td id="pncn_products_td">
                                                        <label id="pncn_products_affected" class="products_label value" style="width: 210px;"></label>
                                                            <a id="pncn_products_affected_tip" href="#pncn_products_affected" title="View more" class="icon_viewmore_arrow" style="display:none;"></a>
															 <div class="pncn_tip_inner"></div>
                                                             <div class="pncnProd_popup product_category_popup pncnProd_popup_padding" style="display: none;">
                                                             <a href="#" style='margin-right:-18px' title="Close" class="close_button prod_pop_close"></a>
                                                               
																<p id="pncn_products_text" class="text_pncn"></p>
                                                                
                                                       </div>
                                                    </td>
                                                </tr>

                                                    <tr>
                            <td>Services impacted</td>
                            <td class="value"><p id="pncn_service_impact" class="float_left imp_align value" style="padding-right: 8px; "></p>
							<a style="margin-top:12px !important" id="downloadCsv" target="_blank" class="float_left" href="#" click="true" title="Download CSV">Download CSV </a></td>
                          </tr>
                        </tbody>
                      </table>
                      <br>
                      <div class="quick_view_popup1_bottom1 float_left btw_description" style="display:none;">
                        <h3>Description</h3>
                        <p class="whiteColor"></p>
                        <div class="clear"></div>
                      </div>
                    </div>
                  <a id="pncn_close_qv" class="close_button quick_view_close test" title="Close" href="#"></a>
</div>




<div style="margin: 41px 0pt 0pt -191px ! important; display: none;" class="pncnlistqv service_details_list_pncn  serviceAlertBox_single sideView lightbox pew_inv_wholesale_centrex">
                    <div class="pncn_tip"></div>
                    <a class="close_button product_category_close pncn_close_qv" title="Close"></a>
                    <div class="left serviceAlert">
                      <h2 class="mb10">Planned Engineering Works (PEWs)</h2>
					 <div class="clear"></div>
					 <div class="pncnl_loadingimag1"><img style="margin-left: auto; margin-right: 100px;margin-top: 100px; display: block;" src="/shared/bz/img/ajax-loader.gif"></div>
					 <div class="pncn_list_errormsg"></div>
                      <div class="float_left left_nav"> 
                                <ul class="tabNav_sk float_left pncn_lhs">
										<!-- content from js -->
                              </ul>
                                     <div id="pncn_pagination"class="pagination_nav pncn_nav" style="display:none;">
                                        <a href="#" title="Previous" class="prev"></a>
                                        <span class="count"></span>
                                        <a href="#" title="Next" class="next"></a>
                                    </div>
                                    <div class="clear"></div>
                              </div>
							  <div class="pncnl_loadingimag2"><img style="margin-left: auto; margin-right: 50px;margin-top: 100px; display: block;" src="/shared/bz/img/ajax-loader.gif"></div>
                              <div class="viewLeftBorder">
                              <div id = "PNCN_Impacted_services" class="pncn_service_impact"></div>
                              <div class="float_right right_con" style="margin-top:5px;">
                              
   <table style="border: medium none ! important;" class="sTable pncn_row_table sf_table ">
                        <tbody>
                          <tr class="even">
                            <td style="width:110px;">Change reference</td>
                            <td id="pncn_ref" class="value pncnref"></td>
                          </tr>
                            <tr class="odd" id="source_ref_row_list_pew">
                          <td colspan="2" class="value" style="width: 100%;float:left;">
    <div style="width: 100%;float: left;/* position: absolute; */bottom: 14px;/* display: none; */">
						  <div style="float: left;width: 100%;margin-bottom: 0px;">Supplier reference</div>
						  <div class="value" style="float: left;width: 45%;margin: 0px 0 0 110px;position: absolute;background-color: #f1f5f6!important;height: 31px;margin-top: -8px;padding-top: 7px;">
						  <span id="source_ref_list_pew" class="value" style="float: left;width: 100px;"></span><a style="float:none;margin-bottom: -4px;" class="btnTooltip PEW_downtime" href="#" id="pncn_downtime_length_tooltip"></a>
                    <img src="/shared/bz/img/new_down_arrow_blue.png" class="btwAttp_blueArrow" style="top: 16px !important; position: absolute; transform: rotate(180deg); left: 105px !important; display: block;">
									<div class="downtime_length_tooltip product_category_popup" id="PEW_downtimelength_pncn" style="background-color: rgb(255, 255, 255); left: 75px!important; top: 26px; display: none;width:200px!important;">
																	<p class="text_pncn">Information is supplied by Openreach and we at BT Wholesale are not held responsible for incorrect data.</p>      
										                                               
									</div>
						  </div>
</div>
</td>
                          </tr>
                          <tr class="odd" id="summaryTR">
                           <td>Summary</td>
                            <td id="pncn_summary_td" class="value">
								<label id="pncn_summary" class="products_label value pncnlabel" style="width:211px;"></label>
								<a id="pncn_summary_view_more" href="#pncn_summary" title="View more" class="icon_viewmore_arrow pncnicon" style="display:none;"></a> 
								<div class="pncn_tip_inner"></div>
								 <div class="pncnProd_popup_padding product_category_popup pncnsum_popup" style="display:none; margin-left: 154px; overflow-y: auto; height:auto !important; max-height : 330px; width:300px !important; left:71px !important">
									 <a href="#" style='margin-right:-18px' title="Close" class="close_button pncn_close"></a>
										
										<p id="pncn_summary_text" class="text_pncn pncntext"></p>
								</div>
							</td>
							
                          </tr>
                          <tr class="even" id="plannedStartTR">
                            <td>Planned start</td>
                            <td id="pncn_start_date" class="value pncnstartdate"></td>
                          </tr>
                          <tr class="odd" id="plannedEndTR">
                            <td>Planned finish</td>
                            <td id="pncn_finish_date" class="value pncnfinishdate"></td>
                          </tr>
                          
                          <tr class="even" id="downtimeTR">
                                                    <td>Downtime reason</td>
                                                    <td>
                                                        <label id="pncn_down_reason" class="products_label value pncndownreason" style="width:210px;"></label>
                                                            <a id="pncn_down_more" href="#downtime_reason"  title="View more" class="icon_viewmore_arrow downtime_viewmore" style="display:none;"></a>
																<div class="pncn_tip_inner"></div>
                                                             <div class="pncn_popup product_category_popup" style="display: none;">
                                                             <a href="#" title="Close" class="close_button prod_pop_close"></a>
                                                                
																<p id="pncn_down_text" class="text_pncn pncndowntext" style="padding-right: 20px;"></p>
                                                                
                                                       </div>
                                                    </td>

													
													
                                                </tr>
                          <tr class="odd" id="statusTR">
                            <td>Status</td>
                        <td id="pncn_status" class="value">
									<div id="pncn_status_color_pew" class="btw_rescheduleNew pncn_statuscolor"></div>
									<a class="btnTooltip pncn_row_res" style="display:none;"></a>
									<div class="pncn_popup_res">
										<a href="#" title="Close" class="close_button prod_pop_close"></a>
										<div id="pncn_tooltip" class="pncn_tip_inner"></div>
										<p class="text_pncn"><b>Rescheduled: new date</b><br><content:outputSnippet propertyName="businesszone.pncn.rescheduled.date" failOnError="true" fileName="properties/businesszone.properties"/></p>
									</div>
						</td>
                          </tr>
                          <tr class="even" id="endUserStartTR">
                            <td>End user<br> downtime start</td>
                            <td id="pncn_end_user_downtime_start" class="value pncn_end_userdowntime_start"></td>
                          </tr>
                          <tr class="odd" id="endUserEndTR">
                            <td>End user<br> downtime length</td>
                            <td class="value"><span id="pncn_end_user_downtime_length" class="value pncn_end_userdowntime_length"></span>
							<a style="float:none;margin-top: -10px;margin-bottom: -4px;" class="btnTooltip pncn_downtime" href="#" id="pncn_downtime_length_tooltip"></a>
                     <img src="/shared/bz/img/new_down_arrow_blue.png" class="btwAttp_blueArrow_pncn" style="left: -24px; top: 15px; transform: rotate(180deg); position: relative; display: none;">
									<div class="downtime_length_tooltip product_category_popup" id="pncndowntime"style="top: 389px !important;display: none; background-color: #ffffff;">
																	<p class="text_pncn">Weeks:Days:Hours:Minutes</p>      
										                                              
									</div>
							</td>
                          </tr>
                          <tr class="even" id="locationTR">
                            <td>Location</td>
                           <td id="pncn_location_td">
                                                        <label id="pncn_location" class="products_label value pncnlocation" style="width: 210px;"></label>
                                                            <a id="pncn_loc_view_more"  href="#pncn_location" title="View more" class="icon_viewmore_arrow location_viewmore pncn_loc_icon" style="display:none;"></a>
															<div class="pncn_tip_inner" style="left:224px;"></div>
                                                             <div class="pncnLoc_popup product_category_popup" style="display: none; margin-left: 50px;">
																 <a href="#" title="Close" class="close_button  pncn_close"></a>
																	
																	<p id="pncn_loc_text" class="text_pncn pncnloctext" style="padding-right: 12px;"></p>
                                                                
															</div>
                            </td>
                          </tr>
                           <tr class="odd" id="productsTR">
                                                    <td>Products affected</td>
                                                    <td id="pncn_products_td">
                                                        <label id="pncn_products_affected" class="products_label value pncnproductsaffected" style="width: 210px;"></label>
                                                            <a id="pncn_products_affected_tip" href="#pncn_products_affected pncnproductsaffected" title="View more" class="icon_viewmore_arrow products_affected_viewmore products_affected_icon" style="display:none;"></a>
																<div class="pncn_tip_inner"></div>
                                                             <div class="pncnProd_popup pncn_prod product_category_popup" style="display: none; top: 420px; margin-left: 50px;">
                                                             <a href="#" title="Close" class="close_button  pncn_close"></a>
                                                                
																<p id="pncn_products_text" class="text_pncn pncn_prod_text" style="padding-right: 12px;"></p>
                                                                
                                                       </div>
                                                    </td>
                                                </tr>

                                                    <tr>
                          </tr>
                        </tbody>
                      </table>
                      <br>
                      
                      </div>
                      <div class="quick_view_popup1_bottom1 float_right btw_description">
							 <h3>Description</h3>
								<p class="whiteColor"></p>
							<div class="clear"></div>
                      </div>
                      </div>
                    </div>
					<span class="pncnRefCount" style="display:none;"><content:outputSnippet propertyName="businesszone.pncn.list.count" failOnError="true" fileName="properties/businesszone.properties"/> </span>
					<span class="pncnStatusMsg" style="display:none;"><content:outputSnippet propertyName="businesszone.pncn.rescheduled.date" failOnError="true" fileName="properties/businesszone.properties"/></span>
                  </div>				 
<script type="text/javascript">	

$(document).ready(function(){
		
		$('.pncnlistqv .icon_viewmore_arrow').live('click', function(event) { 
		if( $('.pncnlistqv .product_category_popup').css('display')=='block'){
			$('.pncnlistqv .product_category_popup').hide();
			$('.downtime_length_tooltip').hide();
		}
		if($(this).hasClass('downtime_viewmore') && $('.pncnlistqv .pncn_popup').css('display')=='none'){
				$('.pncnlistqv .product_category_popup').hide();
				$(".downtime_length_tooltip").hide();
				$('.pncnlistqv .pncn_popup').show();
				$('.pncnlistqv .pncn_tip_inner').show();
				$('.pncn_tip_inner').css({'top':$(this).position().top +13, 'left':$(this).position().left});
				if($('.pncnlistqv .pncn_popup').css({'left':$(this).position().left}) == '444px')
				{
					$('.pncnlistqv .pncn_popup').css({'top':$(this).position().top+22, 'left':$(this).position().left-157});
				}
				else if($('.pncnlistqv .pncn_popup').css({'left':$(this).position().left}) == '358px'){
					$('.pncnlistqv .pncn_popup').css({'top':$(this).position().top+22, 'left':$(this).position().left-71});
				}
				else
					$('.pncnlistqv .pncn_popup').css({'top':$(this).position().top+23, 'left':$(this).position().left-258});
		}
		else if($(this).hasClass('location_viewmore') && $('.pncnlistqv .pncnLoc_popup').css('display')=='none'){
				$('.pncnlistqv .product_category_popup').hide();
				$(".downtime_length_tooltip").hide();
				$('.pncnlistqv .pncnLoc_popup').show();
				$('.pncnlistqv .pncn_tip_inner').show();
				$('.pncnlistqv .pncnLoc_popup').css({'top':$(this).position().top+24, 'left':$(this).position().left-253});
				$('.pncn_tip_inner').css({'top':$(this).position().top +14, 'left':$(this).position().left-5});
		}
		else if($(this).hasClass('products_affected_viewmore') && $('.pncnlistqv .pncnProd_popup').css('display')=='none'){
					$('.pncnlistqv .product_category_popup').hide();
					$(".downtime_length_tooltip").hide();
					$('.pncnlistqv .pncnProd_popup').show();
					$('.pncnlistqv .pncn_tip_inner').show();
					$('.pncnlistqv .pncnProd_popup').css({'top':$(this).position().top+29, 'left':$(this).position().left-257});
					$('.pncn_tip_inner').css({'top':$(this).position().top +18, 'left':$(this).position().left-5});
		}
		else if($(this).hasClass('summary_viewmore') && $('.pncnlistqv .pncnsum_popup').css('display')=='none' && $('#pncn_summary_td .pncn_tip_inner').css('display')=='none'){
					$('.pncnlistqv .product_category_popup').hide();
					$(".downtime_length_tooltip").hide();
					$('.pncnlistqv .pncnsum_popup').show();
					$('.pncnlistqv .pncn_tip_inner').show();
					$('.pncnlistqv .pncnsum_popup').css({'top':$(this).position().top+28,'left':$(this).position().left-254});
					$('.pncn_tip_inner').css({'top':$(this).position().top +18, 'left':$(this).position().left-5});
		}
		else{
				$('.pncnlistqv .product_category_popup').hide();
				$('.pncnlistqv .pncn_tip_inner').hide();
		}
		
        return false;
    });	
	
	$('.pncnlistqv .pncn_row_res').live('click', function(event) { 
		if( $('.pncnlistqv .pncn_popup_res').css('display')=='none'){
				$('.pncnlistqv .pncn_popup_res').show();
		}
		else{
				$('.pncnlistqv .pncn_popup_res').hide();
		}
		
        return false;
    });	
	
		$('.pncnlistqv .prod_pop_close').unbind().live('click', function(event) {
		$('.pncnlistqv .prod_pop_close').parent().hide();
		$('.pncnlistqv .pncn_tip_inner').hide();
        return false;
    });	
	
	
	});
	
	function emptyPncnDetailsContent(){
				$("#pncn_ref").text('');
				$("#pncn_summary").text('');
				$("#pncn_start_date").text('');
				$("#pncn_finish_date").text('');
				$("#pncn_down_text").text('');
				$("#pncn_down_reason").text('');
				$("#pncn_status .pncn_row_res").hide();
				$("#pncn_end_user_downtime_start").text('');
				$("#pncn_end_user_downtime_length").text('');
				$("#pncn_loc_text").text('');
				$("#pncn_location").text('');
				$("#pncn_products_affected").text('');
				$("#pncn_products_text").text('');
				$("#pncn_service_impact").text('');
				$(".btw_description p").text('');
				$('#pncn_qv').hide();
				$('.search_overlay_container').hide();
				$('#pncn_qv .pncn_row_table').hide();
				$('#pncn_qv .btw_description').hide();
				$('.btw_outer_tbl').css("padding-bottom","10px");
				return false;
	}
   



</script>		
 
 <!-- BTWCE 83253 FAST TRACK ICON POPUP BY ADITI -->

									<div class='clear'></div>
                                    <div class="showArrow product_category_tip inventoryOutagesTip mso_tip_without_fault_in_hub" id="fasttrack_showArrow" style="display:none;"></div>
                                    <div id="exp_ref_quick_container_tab1" class="quick_view_popup1 lightbox" style="display:none;">
                                        <a class='exp_ref_inner exp_quick_view_close1 close_button' title='Close' tabindex='1'></a>
                                        <h2 class="quick_view_details_popup1_header newheader" style="padding-left: 10px;font-size: 20px !important;">Fast track </h2>
										<div class="line_separator1"></div>
										<img style="margin-left: auto; margin-right: auto; display: block;" id="exp_Ajax_Loader" src="/shared/bz/img/ajax-loader.gif">
                                        
                                        <div class='quick_view_details_popup1' style="display:none;">
                                            <table class='sTable' id="esc_qv_Table">
                                                <tr>
                                                    <td>Fast track reference</td>
                                                    <td id='expedite_reference' class='quickview_reference value'></td>
                                                </tr>
                                                <tr>
                                                    <td>Your reference</td>
                                                    <td id='your_reference' class='value'></td>
                                                </tr>
                                                 <tr>
                                                    <td>Service ID</td>
                                                    <td class='value' id="exp_serv_reference"></td>
                                                </tr>
                                                 <tr>
                                                    <td>Installation telephone number</td>
                                                    <td class='value' id="exp_telephone_no"></td>                                                       
                                                </tr>
                                                <tr>
                                                    <td>Old CRD</td>
                                                    <td class='value' id="exp_old_CRD"></td>
                                                </tr>
                                                <tr>
                                                    <td>New CRD</td>
                                                    <td class='value' id="exp_new_CRD"></td>
                                                </tr>
 												<tr>
                                                    <td>Free of charge requested</td>
                                                    <td class='value' id="exp_FOC"></td>
                                                </tr>
												 <tr>
                                                    <td>Fast track status</td>
                                                    <td class='value' id="exp_status"></td>
                                                </tr>
                                                 <tr>
                                                    <td id="exp_rejection_reason1">Rejection reason</td>
                                                    <td class='value' id="exp_rejection_reason"></td>
                                                </tr>
                                            </table>
                                            <div class='clear'></div>
										</div>
                                       <div class='clear'></div>
                                    </div>
<!-- quick view for orange flag ends-->
