
/**************************************
 * Header.inc.js with LivePerson Codes
 * TIME Digital Studio
 * March 12, 2010
 **************************************/

var onlineNames, onlineArr, onlineTop, arrStates, onlineTimer, objBoxA, objBoxB, objMain, onlineCurr, onlineInfoShowed, str, d;

var isIE = /msie [4-8]\.0/.test(navigator.userAgent.toLowerCase()) ? true : false;
var logo53KF = 'http://www.53kf.com/kfimg.php?arg=inesun&style=1&on_img=http://www.inesun.com/new/images/KF-online.gif&off_img=http://www.inesun.com/new/images/KF-offline.gif'; // for IE

if (isSunday || theServerTime<540 || theServerTime>1200) { // if on Sunday or out of 9:00-20:00
	// State texts are according to live person
	arrStates = new Array(' is Online.', ' is Offline now.', ' is Occupied now.');
	// 53KF are always offline in nonIE
	logo53KF = isIE ? logo53KF : '/new/images/KF-offline.gif';
}
else { // if not on Sunday, and at 9:00-20:00
	// State texts are always online
	arrStates = new Array(' is Online.', ' is Online.', ' is Online.');
	// 53KF are always online in nonIE
	logo53KF = isIE ? logo53KF : '/new/images/KF-online.gif';
}

var arrTextStates = new Array('online', 'offline', 'occupied');
var lpLogos = new Array(
	new Array('chatOnline.gif', 'chatOffline.gif', 'chatOccupied.gif'),
	new Array('voiceOnline.gif', 'voiceOffline.gif', 'voiceOccupied.gif')
);
var lpChatURL  = "<a href=\"https://server.iad.liveperson.net/hc/56515495/?cmd=file&file=visitorWantsToChat&site=56515495&byhref=1&SESSIONVAR!opid=__ID__\" target=\"chat56515495\" onClick=\"lpButtonCTTUrl = 'https://server.iad.liveperson.net/hc/56515495/?cmd=file&file=visitorWantsToChat&site=56515495&SESSIONVAR!opid=__ID__&referrer='+escape(document.location); lpButtonCTTUrl = (typeof(lpAppendVisitorCookies) != 'undefined' ? lpAppendVisitorCookies(lpButtonCTTUrl) : lpButtonCTTUrl); lpButtonCTTUrl = ((typeof(lpMTag)!='undefined' && typeof(lpMTag.addFirstPartyCookies)!='undefined')?lpMTag.addFirstPartyCookies(lpButtonCTTUrl):lpButtonCTTUrl);window.open(lpButtonCTTUrl,'chat56515495','width=475,height=400,resizable=yes');return false;\">";
var lpTalkURL  = "<a href=\"https://server.iad.liveperson.net/hc/56515495/?cmd=file&file=visitorWantsToTalk&site=56515495&byhref=1&SESSIONVAR!opid=__ID__\" target=\"chat56515495\" onClick=\"lpButtonCTTUrl = 'https://server.iad.liveperson.net/hc/56515495/?cmd=file&file=visitorWantsToTalk&site=56515495&SESSIONVAR!opid=__ID__&referrer='+escape(document.location); lpButtonCTTUrl = (typeof(lpAppendVisitorCookies) != 'undefined' ? lpAppendVisitorCookies(lpButtonCTTUrl) : lpButtonCTTUrl); lpButtonCTTUrl = ((typeof(lpMTag)!='undefined' && typeof(lpMTag.addFirstPartyCookies)!='undefined')?lpMTag.addFirstPartyCookies(lpButtonCTTUrl):lpButtonCTTUrl);window.open(lpButtonCTTUrl,'chat56515495','width=472,height=320,resizable=yes');return false;\">";
var stateURL   = 'http://server.iad.liveperson.net/hc/56515495/?cmd=repstate&site=56515495&useSize=true&opid=';

var arrOfficers = new Array(
	// ord, name, chatState(0:online, 1:offline), voiceState, object, object, email, email2, msn, skype, yahoo
	new Array(4, 'Gaea',    1, 1, new Image(), new Image(), 'sun@ineSun.com', 'ineSunonline@hotmail.com', 'inesunonline@hotmail.com', 'Gaea_ineSun', 'Gaea_ineSun'),
	new Array(5, 'Alan',    1, 1, new Image(), new Image(), 'bidsale@ineSun.com', 'ineSunseller@hotmail.com', 'ineSunseller@hotmail.com', 'alan_ineSun', 'alan_ineSun'),
	new Array(6, 'Sylvia',  1, 1, '', '', 'sylvia@ineSun.com', 'auctions@surptime.com', 'auctions@surptime.com', 'sylvia_ineSun', 'sylvia_ineSun'),
	new Array(7, 'Cate',    1, 1, '', '', 'catherine@inesun.com', '', 'ineSunMarketing@hotmail.com', 'cate_inesun', 'cate_inesun'),
	new Array(9, 'Louise',  1, 1, '', '', 'inesunservice@hotmail.com', '', 'inesunservice@hotmail.com', 'Louise_ineSun', ''),
	new Array(0, 'Vincent', 1, 1, '', '', 'vincent@ineSun.com', '', 'vincent@ineSun.com', 'vincent_inesun@yahoo.com', 'vincent_inesun'),
	new Array(0, 'William', 1, 1, '', '', 'william@ineSun.com', '', 'william@ineSun.com', '', ''),
	new Array(0, 'Arvin',   1, 1, '', '', 'arvin@ineSun.com', '', 'arvin@ineSun.com', '', ''),
	new Array(0, 'Sandy',   1, 1, '', '', 'sandy@ineSun.com', '', 'sandy@ineSun.com', '', '')
);
var ctrOfficers = arrOfficers.length;

for (i=0; i<2; ++i) { // i<ctrOfficers
	eval("arrOfficers["+i+"][4].onload = function() { arrOfficers["+i+"][2] = this.width/10-4; };");
	eval("arrOfficers["+i+"][5].onload = function() { arrOfficers["+i+"][3] = this.width/10-4; };");
}

function updateOfficers() {
	d = '&d=' + new Date().getTime();
	for (i=0; i<2; ++i) // i<ctrOfficers
		arrOfficers[i][4].src = stateURL + arrOfficers[i][0] + d;
//		arrOfficers[i][5].src = arrOfficers[i][4].src + '&channel=voice';
	return;
}

function initOnlineBox() {
	updateOfficers();
	onlineInfoShowed = false;
	onlineNames = new Array();
	onlineArr = new Array();
	var imgArrow = '<img src="/images/onlineHelpArrow.gif" /> ', blank = '&nbsp; &nbsp; &nbsp;';
	for(i=0; i<ctrOfficers; ++i) {
		onlineNames[i] = '<a href="javascript:void(0);" onclick="showOnlineInfos('+i+');">' + arrOfficers[i][1] + '</a>';
		onlineArr[i]  = (arrOfficers[i][6] ? imgArrow + '<span>' + (arrOfficers[i][7] ? 'Emails' : 'Email') + '</span><br />' + blank : '');
		onlineArr[i] += (arrOfficers[i][6] ? '<a href="mailto:' + arrOfficers[i][6] + '">' + arrOfficers[i][6] + '</a><br />' : '');
		onlineArr[i] += (arrOfficers[i][7] ? blank + '<a href="mailto:' + arrOfficers[i][7] + '">' + arrOfficers[i][7] + '</a><br />' : '');
		onlineArr[i] += (arrOfficers[i][8] ? imgArrow + '<span>MSN</span><br />' + blank + '<a href="msnim:chat?contact=' + arrOfficers[i][8] + '">' + arrOfficers[i][8] + '</a><br />' : '');
		onlineArr[i] += (arrOfficers[i][9] ? imgArrow + '<span>Skype</span><br />' + blank + '<a href="skype:' + arrOfficers[i][9] + '?chat">' + arrOfficers[i][9] + '</a><br />' : '');
		onlineArr[i] += (arrOfficers[i][10] ? imgArrow + '<span>Yahoo</span><br />' + blank + arrOfficers[i][10] + '<br /><br />' : '');
	}
	objBoxA = document.getElementById('onlineBoxA');
	objBoxB = document.getElementById('onlineBoxB');
	objMain = document.getElementById('onlineMain');
	onlineCurr = -1;
	setOnlineTimer(true);
	changeOnline();
	setInterval('updateOfficers();', 1000*60*2);
	return;
}

function setOnlineTimer(start) {
	if (start) { if (!onlineInfoShowed) onlineTimer = setInterval('changeOnline();', 4000); }
	else { if (onlineTimer) clearInterval(onlineTimer); onlineTimer = null; }
	return;
}

function changeOnline() {
	onlineTop = 0;
	objBoxA.innerHTML = objBoxB.innerHTML;
	objBoxA.style.top = '' + 0 + 'px';
	objBoxB.style.top = '' + 16 + 'px';
	if (++onlineCurr >= ctrOfficers) onlineCurr = 0;
	objBoxB.innerHTML = onlineNames[onlineCurr] + arrStates[arrOfficers[onlineCurr][2]];
	return slideUp();
}

function slideUp() {
	if ((onlineTop+=2) > 16) return;
	objBoxA.style.top = '' + (-onlineTop) + 'px';
	objBoxB.style.top = '' + (16-onlineTop) + 'px';
	setTimeout('slideUp();', 20);
	return;
}

function getLogos(id) {
	var url = lpChatURL.replace('__ID__', arrOfficers[id][0]).replace('__ID__', arrOfficers[id][0]); // liveperson chat
	var html = url + '<img src="/images/' + lpLogos[0][arrOfficers[id][2]];
	html += '" alt="Live Person Chat" title="Live Person Chat" style="width:184px; height:53px; margin-top:10px; border:0px;" /></a><br />';
//	url = lpTalkURL.replace('__ID__', arrOfficers[id][0]).replace('__ID__', arrOfficers[id][0]); // liveperson voice
//	html += url + '<img src="/images/' + lpLogos[1][arrOfficers[id][3]];
//	html += '" alt="Live Person Talk" title="Live Person Talk" style="width:184px; height:53px; margin-top:10px; border:0px;" /></a><br />';
	url = 'http://www.53kf.com/company.php?arg=inesun&style=1'; // 53KF
	html += '<a href="' + url + '"><img src="' + logo53KF + '" alt="53KF Chat" title="53KF Chat" style="width:184px; height:53px; margin-top:10px; border:0px;" /></a><br />';
	return html;
}

function showOnlineInfos(id) {
	if (onlineInfoShowed) return;
	document.getElementById('onlineInfos').innerHTML = getLogos(id) + onlineArr[id];
	try { objMain.filters[0].opacity = 0; setTimeout('alphaShowOnlineInfos(0);', 20); } catch(e) {};
	objMain.style.display = 'block';
	onlineInfoShowed = true;
	if (onlineTimer) clearInterval(onlineTimer);
	onlineTimer = null;
	return;
}

function alphaShowOnlineInfos(opacity) {
	if ((opacity+=10) > 100) return;
	objMain.filters[0].opacity = opacity;
	setTimeout('alphaShowOnlineInfos(' + opacity + ');', 20);
	return;
}

function prevOnlineInfos() {
	if (--onlineCurr < 0) onlineCurr = ctrOfficers - 1;
	objBoxB.innerHTML = onlineNames[onlineCurr] + arrStates[arrOfficers[onlineCurr][2]];
	document.getElementById('onlineInfos').innerHTML = getLogos(onlineCurr) + onlineArr[onlineCurr];
	return;
}

function nextOnlineInfos() {
	if (++onlineCurr >= ctrOfficers) onlineCurr = 0;
	objBoxB.innerHTML = onlineNames[onlineCurr] + arrStates[arrOfficers[onlineCurr][2]];
	document.getElementById('onlineInfos').innerHTML = getLogos(onlineCurr) + onlineArr[onlineCurr];
	return;
}

function hideOnlineInfos() {
	if (!onlineInfoShowed) return;
	try { objMain.filters[0].opacity = 100; } catch(e) {
		objMain.style.display = 'none'; onlineInfoShowed = false; setOnlineTimer(true); return;
	};
	setTimeout('alphaHideOnlineInfos(100);', 40);
	return;
}

function alphaHideOnlineInfos(opacity) {
	if ((opacity-=10) > 0) { objMain.filters[0].opacity = opacity; setTimeout('alphaHideOnlineInfos(' + opacity + ');', 40); }
	else { objMain.style.display = 'none'; onlineInfoShowed = false; setOnlineTimer(true); }
	return;
}

function searchProduct() {
	var v = document.getElementById('searchKeywords').value;
	if (v) location.href = 'search-' + encodeURI(v).replace(/\:/g, '%3a').replace(/\+/g, '%2b').replace(/\-/g, '%2d').replace(/\//g, '%20') + '.html';
	return;
}

setTimeout('initOnlineBox()', 2000);

