ycn=window.ycnui||{};
ycn.Common=new function(){this.lTrim=function(i){return i.replace(/^\s*/,"");};this.rTrim=function(i){return i.replace(/\s*$/,"");};this.trim=function(i){return this.rTrim(this.lTrim(i));};this.getEl=function(i){if(!document.getElementById)return false;if(typeof i==="string"){return document.getElementById(i);}else{return i;}};this.getElByClassName=function(t,n,s,el){var el=(el)?el:document;var itm=el.getElementsByTagName(t);var num=1;for(i=0;i<itm.length;i++){if(itm[i].className===n&&s===num){return itm[i];}else if(itm[i].className===n){num++;}}
	return false;};
	this.isIE6=function(){return navigator.userAgent.search('MSIE')>0&&navigator.userAgent.search('6')>0;}
	this.isIE=function(){return navigator.userAgent.search('MSIE')>0;}
	this.isOpera=function(){return navigator.userAgent.indexOf('Opera')>-1;}
	this.isMoz=function(){return navigator.userAgent.indexOf('Mozilla/5.')>-1;}
};
ycn.Event={
	addEvent:function (obj,evType,fn){
		if(obj.addEventListener)
		{
			obj.addEventListener(evType,fn,false);
			return true;
		}else if(obj.attachEvent){
			var r=obj.attachEvent("on"+evType,fn);
			ycn.EventCache.add(obj,evType,fn);
			return r;
		}else{return false;}
	},
	removeEvent:function (obj,evType,fn){
		if(obj.removeEventListener){
			obj.removeEventListener(evType,fn,false);
			return true;
		}else if(obj.detachEvent){
			var r=obj.detachEvent("on"+evType,fn);
			return r;
		}else{return false;}
	},
	getEvent:function (e)
	{
		e=window.event||e;
		e.leftButton=false;
		if(e.srcElement==null&&e.target!=null)
		{
			e.srcElement=e.target;
			e.leftButton=(e.button==1);
			
		}else if(e.target==null&&e.srcElement!=null){
			e.target=e.srcElement;
			e.leftButton=(e.button==0);
		}else if(e.srcElement!=null&&e.target!=null){
		}else{return null}
		if(document.body&&document.documentElement)
		{
			e.mouseX=e.pageX||(e.clientX+Math.max(document.body.scrollLeft,document.documentElement.scrollLeft));
			e.mouseY=e.pageY||(e.clientY+Math.max(document.body.scrollTop,document.documentElement.scrollTop));
		}else{
			e.mouseX=-1;
			e.mouseY=-1;
		}
		return e;
 	},
	stopEvent:function (e)
	{
		if(e&&e.cancelBubble!=null)
		{
			e.cancelBubble=true;
			e.returnValue=false;
		}
		if(e&&e.stopPropagation&&e.preventDefault)
		{
			e.stopPropagation();
			e.preventDefault();
		}
		return false;
	}
};
ycn.EventCache=function()
{
	var listEvents=[];
	return {
		listEvents:listEvents,add:function (node,sEventName,fHandler,bCapture){
			listEvents[listEvents.length]=arguments;
		},flush:function (){
			var i,item;
			for(i=listEvents.length-1;i>=0;i=i-1)
			{
				item=listEvents[i];
				if(item[0].removeEventListener){item[0].removeEventListener(item[1],item[2],item[3]);};
				if(item[1].substring(0,2)!="on"){item[1]="on"+item[1];};
				if(item[0].detachEvent){item[0].detachEvent(item[1],item[2]);};
				item[0][item[1]]=null;
			};
		}
	};
}();
var _rnd=Math.random();
var pa_m={mail_api:""+_rnd,album_api:""+_rnd,mus_api:""+_rnd,weath_api:""+_rnd,fin_api:""+_rnd,myweb_api:""+_rnd,is_request:true,conobj:null,pa_panel:null,pa_con_height:100,pa_cur_con:null,pa_cur_pre:null,close_timer:null,wait_timer:null,wait_close_timer:null,is_in_anim:false,is_in_pa:true,is_load_da:false,musicbox:{noconid:"pamus_no",conid:"pamus_con"}};function string_len(str,len){if(str.length>len){return str.substring(0,len)+"..";}return str;}
function pa_preview_cont(pa,id){
	if(pa_m.conobj!=null&&pa_m.is_load_da){ycn.Connect.abort(pa_m.conobj);}
	var cb={scope:this,success:null,failure:null,arguments:null};
	pa.innerHTML=pa_m.loadstr;
	pa_m.is_load_da=true;
	switch(id)
	{
		case 'pamail':
			var m_html='Search magazine by product interest and company easily.<br /><img src="/images/ema_key_1.gif" />';		
			pa.innerHTML=m_html;
			break;
		case 'pamus':
			var m_html='Found your target suppliers? Contact in just a click!<br /><img src="/images/ema_key_2.gif" />';		
			pa.innerHTML=m_html;
			break;
		case 'paweath':
			var m_html='Read it on the road or on the web right away!<br /><img src="/images/ema_key_3.gif" />';		
			pa.innerHTML=m_html;
			break;		
		case 'pamyw':
			var m_html='It feels better than reading real magazine.<br /><img src="/images/ema_key_4.gif" />';		
			pa.innerHTML=m_html;
			break;		
		default:pa_m.is_load_da=false;
			pa.innerHTML=pa_m.warnstr;
			break;
	};
}
function disp_pa_preview(el){
	if(!pa_m.is_in_pa||pa_m.pa_cur_pre==el.id){return ;}
	var p=el.parentNode;
	while(p.tagName.toLowerCase()!='ul'&&p.tagName.toLowerCase()!='body'){p=p.parentNode;}
	if(p.tagName.toLowerCase()!='ul'){return ;}
	var con=ycn.Common.getEl(p.id+"previewdiv");
	if(!con){return ;}
	pa_m.pa_cur_pre=el.id;
	if(pa_m.pa_cur_con!=null&&pa_m.pa_cur_con!=con){
		con.innerHTML='';
		var o_con=pa_m.pa_cur_con;
		o_con.innerHTML='';
		if(ycn.Common.getEl(o_con.id.replace("previewdiv",""))){
			var o_tabs=ycn.Common.getEl(o_con.id.replace("previewdiv",""));
			o_tabs.className="patabslst "+o_tabs.id;
		}
		var m=(o_con.offsetHeight)?o_con.offsetHeight:pa_m.pa_con_height;
		o_con.style.visibility="hidden";
		o_con.style.overflow="hidden";
		var close_con=function (){
			m-=30;
			if(m<=0){
				o_con.style.height=0;
				o_con.style.display="none";
				window.clearInterval(tt_1)
			}else{
				o_con.style.height=m+"px";
			}
		}
		var tt_1=window.setInterval(close_con,1);
	}
	var class_name=p.id+"_"+el.id;
	el.parentNode.parentNode.className=(el.parentNode.parentNode.className.indexOf(class_name)>0)?el.parentNode.parentNode.className:"patabslst "+class_name;
	var n=(con.offsetHeight)?con.offsetHeight:0;
	pa_m.is_in_anim=true;
	pa_m.pa_cur_con=con;
	con.style.visibility="visible";
	con.style.display="block";
	con.style.overflow="hidden";
	var open_con=function(){
		n+=30;
		if(n>=pa_m.pa_con_height){
			con.style.height=pa_m.pa_con_height+"px";
			con.style.overflow="visible";
			pa_m.is_in_anim=false;
			pa_preview_cont(con,el.id);
			window.clearInterval(tt_0);
		}else{con.style.height=n+"px";}
	}
	var tt_0=window.setInterval(open_con,1);
}
function do_wait_open(e){
	if(pa_m.is_in_anim||pa_m.is_in_pa){return ;}
	if(ycn.Common.isIE()){var el=window.event.srcElement;}else{var el=this;}
	while(el.tagName.toLowerCase()!='li'&&el.tagName.toLowerCase()!='body'){el=el.parentNode;}
	if(el.tagName.toLowerCase()!='li'){return ;}
	el=el.getElementsByTagName('a')[0];
	if(pa_m.wait_timer){window.clearTimeout(pa_m.wait_timer);}
	pa_m.wait_timer=window.setTimeout(function (){disp_pa_preview(el);},200);
}
function keep_pre_con(e){
	if(pa_m.is_in_anim||pa_m.is_in_pa){return ;}
	if(pa_m.wait_close_timer!=null){window.clearTimeout(pa_m.wait_close_timer);}
	if(pa_m.wait_timer){window.clearTimeout(pa_m.wait_timer);}
	ycn.Event.stopEvent(ycn.Event.getEvent(e));
}
function keep_pa_preview(e){
	pa_m.is_in_pa=true;
	if(pa_m.wait_close_timer!=null){window.clearTimeout(pa_m.wait_close_timer);}
	ycn.Event.stopEvent(ycn.Event.getEvent(e));
}
function close_pa_preview(e){
	pa_m.is_in_pa=false;
	pa_m.wait_close_timer=window.setTimeout(function (){do_close_pa(e)},2000);
	ycn.Event.stopEvent(ycn.Event.getEvent(e));
}
function do_close_pa(e){
	if(pa_m.is_in_pa){return ;}
	if(pa_m.is_in_anim){return ;}
	pa_m.is_in_anim=true;
	var o_con=pa_m.pa_cur_con;
	if(!o_con){pa_m.is_in_anim=false;return ;}
	if(ycn.Common.getEl(o_con.id.replace("previewdiv",""))){
		var o_tabs=ycn.Common.getEl(o_con.id.replace("previewdiv",""));
		o_tabs.className="patabslst "+o_tabs.id;
	}
	var m=(o_con.offsetHeight)?o_con.offsetHeight:pa_m.pa_con_height;
	o_con.innerHTML='';
	o_con.style.visibility="hidden";
	o_con.style.overflow="hidden";
	var close_con=function (){
		m-=30;
		if(m<=0){
			o_con.style.height=0;
			o_con.style.display="none";
			pa_m.is_in_anim=false;
			pa_m.pa_cur_con=null;
			pa_m.pa_cur_pre=null;
			window.clearInterval(pa_m.close_timer);
		}else{o_con.style.height=m+"px";}
	}
	pa_m.close_timer=window.setInterval(close_con,1);
}
function init_pa_tabs(){
	var pa=ycn.Common.getEl('pabd');
	var patabs1=ycn.Common.getEl('patabs1');
	var patabs2=ycn.Common.getEl('patabs2');
	if(!pa||!patabs1||!patabs2)return;
	pa_m.pa_panel=pa;
	var prediv=new Array;
	prediv[0]=ycn.Common.getElByClassName('div','papreviewdiv',1,pa);
	prediv[1]=ycn.Common.getElByClassName('div','papreviewdiv',2,pa);
	if(!prediv[0]||!prediv[1]){return ;}
	var tabs1=patabs1.getElementsByTagName('li');
	var tabs2=patabs2.getElementsByTagName('li');
	for(var i=0;i<tabs1.length;i++){ycn.Event.addEvent(tabs1[i],'mouseover',do_wait_open);}
	for(var i=0;i<tabs2.length;i++){ycn.Event.addEvent(tabs2[i],'mouseover',do_wait_open);}
	ycn.Event.addEvent(pa,'mouseout',close_pa_preview);
	ycn.Event.addEvent(pa,'mouseover',keep_pa_preview);
	ycn.Event.addEvent(prediv[0],'mouseover',keep_pre_con);
	ycn.Event.addEvent(prediv[1],'mouseover',keep_pre_con);
}

var GB_ROOT_DIR = "/javascript/greybox/";
var Issue;
var Magazine = 'emp';
var layer = new Array('emp', 'ecmp', 'ghmp', 'hemp', 'lmp');

var h1 = document.body.clientHeight;
var h2 = document.documentElement.clientHeight;
var isXhtml = (h2 >= h1 && h2 != 0) ? true : false;
var htmlBody = isXhtml ? document.documentElement : document.body;

window.onload = function()
{
	init_pa_tabs();
	MM_preloadImages('/emagimages/why_bg_left.gif', '/emagimages/why_bg_right.gif', '/emagimages/ecmp_bg.gif', '/emagimages/ghmp_bg.gif', '/emagimages/hemp_bg.gif', '/emagimages/lmp_bg.gif');
	xajax.loadingFunction = 
	    function(){
		  if(document.getElementById('loadingMessage') != null){
			var _left = (htmlBody.clientWidth - 50) / 2;
			var _top = (htmlBody.clientHeight - 50) / 2 + htmlBody.scrollTop ;

		    xajax.$('loadingMessage').style.display = 'block';
		    xajax.$('loadingMessage').style.left = _left + 'px';
		    xajax.$('loadingMessage').style.top = _top + 'px';
		  }
		};
	
	xajax.doneLoadingFunction = hideLoadingMessage;
}
function focusTab(eMag)
{
	var e;

	for (var i = 0, j = layer.length; i < j; i++)
	{
		e = layer[i] + '_link';
		e = document.getElementById(e);

		if (layer[i] == eMag)
			e.style.color = "#143e8e";
		else
			e.style.color = "#000000";
	}
	Magazine = eMag;
	xajax_geteMagByIssue(Magazine);
}
function geteMagByIssue(issue)
{
	xajax_geteMagByIssue(Magazine, issue);
}
function hideLoadingMessage()
{
    if(document.getElementById('loadingMessage') != null)
        xajax.$('loadingMessage').style.display = 'none';
}