$(document).ready(function(){
if($("#web_nav_box") && $("#web_nav_content")){
    show_all_service("web_nav");
}

if($("#trade_nav_box") && $("#trade_nav_content")){
    show_all_service("trade_nav");
}

}); 
	var content_in = false;
function show_all_service(pre){
	var box_id = pre+"_box";
	var content_id = pre+"_content"

	var pos = getElementPos(box_id);
	$("#"+content_id).css("position","absolute");
	$("#"+content_id).css("left",pos.x-10+"px");
	$("#"+content_id).css("top",pos.y+18+"px");
	
     $("#"+box_id).bind('click',function(){
		   $("#"+box_id).attr("class","up_arrow"); 
           $("#"+content_id).fadeIn("fast"); 
      });
     $("#"+content_id).bind('mouseover',function(){
     	 	content_in = true;
		   $("#"+box_id).attr("class","up_arrow"); 
           $("#"+content_id).css("display",""); 
      });
      $("#"+content_id).bind('mouseout',function(){
      		content_in = false;
		    $("#"+box_id).attr("class","down_arrow"); 
           $("#"+content_id).css("display","none"); 
      }); 
      $("#"+box_id).bind('mouseout',function(){
		     $("#"+box_id).attr("class","down_arrow"); 
      		setTimeout("close_content('"+content_id+"')",50);
      });       
}
function close_content(content_id){
	if(!content_in){
		$("#"+content_id).css("display","none"); 
	}
}

function getElementPos(elementId) {  
     var ua = navigator.userAgent.toLowerCase();       
     var isOpera = (ua.indexOf('opera') != -1);       
     var isIE = (ua.indexOf('msie') != -1 && !isOpera); // not opera spoof  
     var el = document.getElementById(elementId);
     if(el.parentNode === null || el.style.display == 'none'){ return false; }        
     var parent = null;  
     var pos = [];     //不定长数组？  
     var box;        
     if(el.getBoundingClientRect){  //IE       
         box = el.getBoundingClientRect();          
         var scrollTop = Math.max(document.documentElement.scrollTop, document.body.scrollTop);          
         var scrollLeft = Math.max(document.documentElement.scrollLeft, document.body.scrollLeft);            
         return {x:box.left + scrollLeft, y:box.top + scrollTop};       
     }else if(document.getBoxObjectFor){   // gecko                  
         box = document.getBoxObjectFor(el);                       
         var borderLeft = (el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;           
         var borderTop = (el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;            
         pos = [box.x - borderLeft, box.y - borderTop];       
     }else{    // safari & opera       
         pos = [el.offsetLeft, el.offsetTop];          
         parent = el.offsetParent;           
         if (parent != el) {  
             while (parent) {                   
                 pos[0] += parent.offsetLeft;                 
                 pos[1] += parent.offsetTop;               
                 parent = parent.offsetParent;              
             }  
         }           
         if (ua.indexOf('opera') != -1  || ( ua.indexOf('safari') != -1 && el.style.position == 'absolute' )){                
             pos[0] -= document.body.offsetLeft;               
             pos[1] -= document.body.offsetTop;           
         }        
     }              
     if (el.parentNode) {   
         parent = el.parentNode;   
     } else {   
         parent = null;   
     }         
     while (parent && parent.tagName != 'BODY' && parent.tagName != 'HTML') { // account for any scrolled ancestors          
         pos[0] -= parent.scrollLeft;           
         pos[1] -= parent.scrollTop;        
         if (parent.parentNode) {   
             parent = parent.parentNode;   
         } else {   
             parent = null;   
         }       
     }       
     return {x:pos[0], y:pos[1]};  
 }