var ypos = new Array();
var xpos = new Array();
var swfs = ["../swf/productbrowser.swf"];
	
function initx() {
	xpos["studentResourceImage"] = YAHOO.util.Dom.getX('studentResourceImage');
	xpos["studentResourceImageRef"] = YAHOO.util.Dom.getX('studentResourceImageRef');
	xpos["instructorResourceImage"] = YAHOO.util.Dom.getX('instructorResourceImage');
	xpos["instructorResourceImageRef"] = YAHOO.util.Dom.getX('instructorResourceImageRef');
	xpos["productBrowserImage"] = YAHOO.util.Dom.getX('productBrowserImage');
	xpos["productBrowserImageRef"] = YAHOO.util.Dom.getX('productBrowserImageRef');
}

function inity() {
	ypos["studentResourceImage"] = YAHOO.util.Dom.getY('studentResourceImage');
	ypos["studentResourceImageRef"] = YAHOO.util.Dom.getY('studentResourceImageRef');
	ypos["instructorResourceImage"] = YAHOO.util.Dom.getY('instructorResourceImage');
	ypos["instructorResourceImageRef"] = YAHOO.util.Dom.getY('instructorResourceImageRef');
	ypos["productBrowserImage"] = YAHOO.util.Dom.getY('productBrowserImage');
	ypos["productBrowserImageRef"] = YAHOO.util.Dom.getY('productBrowserImageRef');
}

function tabUp(elem) {
	initx();
	var el = document.getElementById(elem);
	
	var newypos = ypos[elem] - 15;
	var attributes = { 
		points: { to: [xpos[elem], newypos] } 
	}; 
	var anim = new YAHOO.util.Motion(el, attributes); 
	anim.duration = 0.1;
	anim.animate();
	
	var refstring = elem + "Ref";
	var elref = document.getElementById(refstring);
	var newyposref = ypos[refstring] + 8;
	var refattributes = { 
		points: { to: [xpos[refstring], newyposref] } 
	}; 
	var refanim = new YAHOO.util.Motion(elref, refattributes); 
	refanim.duration = 0.1;
	refanim.animate();
}

function tabDown(elem) {
	var el = document.getElementById(elem);
	var newypos = ypos[elem];
	var attributes = { 
		points: { to: [xpos[elem], newypos] } 
	}; 
	var anim = new YAHOO.util.Motion(el, attributes); 
	anim.duration = 0.1; 
	anim.animate();
	
	var refstring = elem + "Ref";
	var elref = document.getElementById(refstring);
	var newyposref = ypos[refstring];
	var refattributes = { 
		points: { to: [xpos[refstring], newyposref] } 
	}; 
	var refanim = new YAHOO.util.Motion(elref, refattributes); 
	refanim.duration = 0.1;
	refanim.animate();
}

function disableBrowseTab() {
	tab = document.getElementById('productBrowseTab');
	tab.href = "javascript:disableBrowseTab();";
}

function enableBrowseTab() {
	tab = document.getElementById('productBrowseTab');
	tab.href = "javascript:displayBrowser();";
}

function displayCloseBrowser() {
	var pbimg = document.getElementById('productBrowserImage');
	YAHOO.util.Dom.setStyle(pbimg, 'background', 'url(images/prodbrowsetabclose.gif) no-repeat');
	enableBrowseTab();
}

function hideCloseBrowser() {
	var pbimg = document.getElementById('productBrowserImage');
	YAHOO.util.Dom.setStyle(pbimg, 'background', 'url(images/prodbrowsetab.gif) no-repeat');
	enableBrowseTab();
}

function createBrowser() {
	var bottom = document.getElementById('headerBottom');
	var anim = new YAHOO.util.Anim(bottom, { height: { to: 50 } }, 0.5, YAHOO.util.Easing.easeOut);
	anim.onComplete.subscribe(displayCloseBrowser);
	anim.animate();
	if (swfobject.hasFlashPlayerVersion("6")) {
	// check if SWF hasn't been removed, if this is the case, create a new alternative content container
		var c = document.getElementById("productBrowserSwf");
		if (!c) {
			var d = document.createElement("div");
			d.setAttribute("id", "productBrowserSwf");
			document.getElementById("productBrowserDiv").appendChild(d);
		}
		// create SWF
		var att = { data:swfs[0], width:"929", height:"256" };
		var par = { menu:"false" };
		var id = "productBrowserSwf";
		swfobject.createSWF(att, par, id);
	}
}

function removeBrowser() {
	swfobject.removeSWF("productBrowserSwf");
	var bottom = document.getElementById('headerBottom');
	bottom.innerHTML = " ";
	YAHOO.util.Dom.setStyle(bottom, 'height', '25px');
}

function displayBrowser() {
	disableBrowseTab();
	el = document.getElementById('productBrowserDiv');
	var divHeight = YAHOO.util.Dom.getStyle(el, 'height');
	if (divHeight != '0px') {
		hideBrowser();
	} else {
		YAHOO.util.Dom.setStyle(el, 'background', 'url(../images/ajax-loader.gif) no-repeat center');
		var anim = new YAHOO.util.Anim(el, { height: { to: 256 } }, 0.5, YAHOO.util.Easing.easeOut);
		anim.onComplete.subscribe(createBrowser);
		anim.animate();
	}
}

function hideBrowser() {
	removeBrowser();
	el = document.getElementById('productBrowserDiv');
	YAHOO.util.Dom.setStyle(el, 'background', '0');
	var anim = new YAHOO.util.Anim(el, { height: { to: 0 } }, 0.5, YAHOO.util.Easing.easeOut);
	anim.onComplete.subscribe(hideCloseBrowser);
	anim.animate();
}

YAHOO.util.Event.onContentReady('productBrowseTab',initx); 
YAHOO.util.Event.onContentReady('productBrowseTab',inity);