/*
 * Rue de Net TabControls
 * (C) 2008 Rue de Net
 * Alfred B. Thordarson
 * fyrir vefverslun Nyherja
 */
var SelectTabs = {};
function SelectTab(control,tab) {
	if (SelectTabs[control]) {
		var currControlId = control + SelectTabs[control];
		get(currControlId).className="";
		get(currControlId+'_Panel').className="generalTab shadowed ui-tabs-panel generalTab shadowed ui-tabs-panel ui-tabs-hide";
		get(currControlId+'_Panel').display="none";
	}
	var newControlId = control + tab;
	get(newControlId).className="ui-tabs-selected";
	get(newControlId+'_Panel').className="generalTab shadowed ui-tabs-panel";
	get(newControlId+'_Panel').display="block";
        SelectTabs[control] = tab;
}


var SelectShowcaseTabs = {};
function SelectShowcaseTab(control,tab) {
	if (SelectShowcaseTabs[control]) {
		var currControlId = control + SelectShowcaseTabs[control];
		get(currControlId).className="";
		get(currControlId+'_Panel').className="productHighlight shadowed ui-tabs-panel productHighlight shadowed ui-tabs-panel ui-tabs-hide";
		get(currControlId+'_Panel').display="none";
	}
	var newControlId = control + tab;
	get(newControlId).className="ui-tabs-selected";
	get(newControlId+'_Panel').className="productHighlight shadowed ui-tabs-panel";
	get(newControlId+'_Panel').display="block";
        SelectShowcaseTabs[control] = tab;
}


/* -----------------------------------------------------------------------------------------

1) Taka út allt sem hefur með core, jquery og ui.tabs að gera.

2) Bæta inn notkun á rdn.js og rdnTabControls.js:

	<script src="rdn.js" type="text/javascript"></script>
	<script src="rdnTabControls.js" type="text/javascript"></script>

3) Linkarnir eiga að vera svona:

	<ul class="productTabs ui-tabs-nav">
		<li id="ProdInfoTabA"><a href="#" onclick="javascript:SelectTab('ProdInfo','TabA');return false;"><span>Vörulýsing</span></a></li>
		<li id="ProdInfoTabB"><a href="#" onclick="javascript:SelectTab('ProdInfo','TabB');return false;"><span>Umsagnir</span></a></li>
		<li id="ProdInfoTabC"><a href="#" onclick="javascript:SelectTab('ProdInfo','TabC');return false;"><span>Aukahlutir</span></a></li>
		<li id="ProdInfoTabD"><a href="#" onclick="javascript:SelectTab('ProdInfo','TabD');return false;"><span>Sambærilegar vörur</span></a></li>
	</ul>

4) Panelarnir eiga að vera svona:

	<div id="ProdInfoTabA_Panel" class="generalTab shadowed ui-tabs-panel">
	...
        </div>
	<div id="ProdInfoTabB_Panel" class="generalTab shadowed ui-tabs-panel">
	...
        </div>
	<div id="ProdInfoTabC_Panel" class="generalTab shadowed ui-tabs-panel">
	...
        </div>
	<div id="ProdInfoTabD_Panel" class="generalTab shadowed ui-tabs-panel">
	...
        </div>

5) Til að velja fyrsta panelinn þá er settur inn eftirfarandi kóði:

	<script type="text/javascript">
		SelectTab('ProdInfo','TabA');
	</script>

*/