var text='';

function hideToolTip(collection) {
	hideMore(collection);
	document.getElementById('ce_tip_container').style.display = 'none';
	}

function showMore(collection) {
	document.getElementById('button_' + collection).display = 'block';
	var collectionimg = collection + '_img';
	document.getElementById('button_' + collection).innerHTML = '<a href="#' + collection + '" onMouseOver="switchOn(\'' + collectionimg + '\')" onMouseOut="switchOff(\'' + collectionimg + '\')" onClick="displayTip(event,\'' + collection + '\'); return false;"><img id="' + collection + '_img" src="http://www.crabtree-evelyn.com/ajax/collections/btn_learn_off.gif" border="0"></a>';
	}		

function switchOn(collectionimage) {
	var imgSrc = document.getElementById(collectionimage).src;
	imgSrc = 'http://www.crabtree-evelyn.com/ajax/collections/btn_learn_hover.gif';
	document.getElementById(collectionimage).src = imgSrc;
	}
	
function switchOff(collectionimage) {
	var imgSrc = document.getElementById(collectionimage).src;
	imgSrc = 'http://www.crabtree-evelyn.com/ajax/collections/btn_learn_off.gif';
	document.getElementById(collectionimage).src = imgSrc;
	}		

function hideMore(collection) {
	document.getElementById('button_' + collection).display = 'none';
	document.getElementById('button_' + collection).innerHTML = '';
	}

function displayTip(e,collection_click) {
	addScript(collection_click);
	document.getElementById('ce_tip_close').innerHTML = '<a href="#' + collection_click + '" onClick="hideToolTip(\'' + collection_click + '\');">Close</a>';
	showToolTip(e);
	}

function addScript(collection_click) {
	text='';
	var obj=new JSONscriptRequest('http://www.crabtree-evelyn.com/ajax/collections/remote_file.asp?collection=' + collection_click +'&noCacheIE=' + (new Date()).getTime());;     
	obj.buildScriptTag();   
	obj.addScriptTag();
	}

function collectiondetail(data) {
	if(data==null)
		alert('error');
	else {
		text='<a href=' + data.Image.Link + '>';
		text+='<img src=' + data.Image.Title + ' border="0" height="28" width="232"></a><br />';
		text+= data.Image.Body + '<br /><br />';
		if(data.Image.Scent != '') {
			text+='Scent: ' + data.Image.Scent + '<br /><br />';
			}
		if(data.Image.Benefit != '') {
			text+='<strong>Benefits:</strong><br />' + data.Image.Benefit + '<br /><br />';
			}
		text+='<strong>You\'ll Love:</strong><br />';
		text+='<a href=' + data.Image.Product1Link + '>' + data.Image.Product1 + '</a><br />';
		if(data.Image.Product2Link != '') {
			text+='<a href=' + data.Image.Product2Link + '>' + data.Image.Product2 + '</a><br />';
			}
		if(data.Image.Product3Link != '') {
			text+='<a href=' + data.Image.Product3Link + '>' + data.Image.Product3 + '</a><br />';
			}
		if(data.Image.Product4Link != '') {
			text+='<a href=' + data.Image.Product4Link + '>' + data.Image.Product4 + '</a><br />';
			}
		text+='<a href=' + data.Image.Link + '><br /><img src="http://www.crabtree-evelyn.com/ajax/collections/btn_shopnow.gif" border="0" height="9" width="66"></a><br />';
		}
		
	var obj2 = document.getElementById('ce_tip_body');
	obj2.innerHTML=text;
	}

function showToolTip(e) {
	if(document.all)e = event;
	var obj = document.getElementById('ce_tip_container');
	obj.style.display = 'block';
	var st = Math.max(document.body.scrollTop,document.documentElement.scrollTop);
	if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0; 
	var leftPos = e.clientX - 0;
	if(leftPos<0)leftPos = 0;
	obj.style.left = leftPos + 'px';
	// obj.style.top = e.clientY - obj.offsetHeight -1 + st + 'px';
	obj.style.top = e.clientY - 50 -1 + st + 'px';
	}