//var home_url = "http://demha.com/avs";
var home_url = "http://www.artvenusstudio.com";
var cookiePath='/';
var cookieLifeInSeconds=30*60*15;
var MAX_RECENT_ITEMS=6;

//////////////////////////////////////////////////////////////////////////////////////////////////////
function getStyle(x,styleProp)
{
	if (x.currentStyle)
		var y = x.currentStyle[styleProp];
	else if (window.getComputedStyle)
		var y = document.defaultView.getComputedStyle(x,null).getPropertyValue(styleProp);
	return y;
}


//////////////////////////////////////////////////////////////////////////////////////////////////////

function setProfilePreview()
{
	var login='';
	var ck=getCookie("session");
	var div_rmenu=document.getElementById("div_rmenu");

	if(ck)
		login=getFieldFromCookie('session', 'login:');

	if(login && login!='n/a')
	{
		var div_elem=document.getElementById("div_profilepreview");
		var member_url=home_url+'/members/'+login+'/';
//		var member_thumb='<a href="'+member_url+'"><img class="img3" src="'+home_url+'/get.php4?file=th&amp;login='+login+'" alt="'+login+' thumbnail"/></a>';
		var member_thumb='<a href="'+member_url+'"><img class="img3" src="'+home_url+'/th/members/'+login+'" alt="'+login+' thumbnail"/></a>';
		div_elem.innerHTML='<center><div class="th_bg">'+member_thumb+'<br/>Hi <a href="'+member_url+'">'+login+'</a>!</center></div>';
		div_rmenu.style.display="block";
	}
	else
	{
		div_rmenu.style.display="none";
	}
}

/////////////////////////////////////////////////////////////////////////////////////////
var g_sliding_menuitems=0;
var g_frame=0;
var g_nframes=30;
var g_SLIDEDELAY=10;
var g_height=20;//should be same as in style sheet under div_sliding_menuitem
var g_showing=-1;
var g_retract=-1;

/////////////////////////////////////////////////////////////////////////////////////////
function slideMenu()
{
	var i;

	if(!g_sliding_menuitems || !g_sliding_menuitems.length)
		return;

	if(g_frame==0)
	{
		for(i=0; i<g_sliding_menuitems.length; i++)
		{
			g_sliding_menuitems[i].style.height="0px";
			//g_sliding_menuitems[i].style.overflow="hidden";
		}
	}
	else
	{
		for(i=0; i<g_sliding_menuitems.length; i++)
		{
			var size= (100/g_nframes) * ( (g_frame*g_height)/100 );
			g_sliding_menuitems[i].style.height=size+"px";
			//if(g_frame==g_nframes)
			//	g_sliding_menuitems[i].style.overflow="visible";
		}
	}

	if(g_frame==g_nframes)
	{
		g_frame=0;
		g_sliding_menuitems=0;
	}
	else
	{
		g_frame++;
		setTimeout('slideMenu()', g_SLIDEDELAY);
	}
}

/////////////////////////////////////////////////////////////////////////////////////////

function retractMenu(menui, na)
{
	g_retract=menui;
	setTimeout('expandMenu()', 100);
}

/////////////////////////////////////////////////////////////////////////////////////////
function expandMenu(menui, show)
{
	return;//it is disabled
//alert('expandMenu('+menui+','+show+')');
	if(!show)
	{
		if(g_retract==-1)
			return;
		if(g_retract>=0){
			menui=g_retract;
			g_retract=-1;
		}
		g_showing=-1;
	}
	else
	{
		g_retract=-1;
		if(g_showing==menui)
			return;
		g_showing=menui;
		//first make sure all expandable menus are hidden
		var div = document.getElementsByTagName("div");
		var i;
		var gotheight=0;
		for(i=0; i<div.length; i++)
		{
			if(!gotheight && div[i].className=="div_sliding_menuitem"){
				//g_height=parseInt(getStyle(div[i], 'height'));
				//alert(g_height);
				gotheight=1;
			}
			if(div[i].className=="div_sliding_menuitems")
				div[i].style.display="none";
		}
	}
//alert('expandMenu('+menui+', '+show+')');

	var div = document.getElementsByTagName("div");
	var i,menuj=0;
	var menufound=0;
	g_sliding_menuitems=new Array();
	g_frame=0;
	
	for(i=0; i<div.length; i++)
	{
		if(div[i].className=="div_hmenu_item_content")
		{
			if(menufound)
				break;
			if(menui==menuj)
				menufound=1;
			else
			if(menuj<menui)
				menuj++;
			continue;
		}
		if(menufound)
		{
			if(div[i].className == "div_sliding_menuitems")
			{
				div[i].style.display = show ? "block":"none";
			}
			else
			if(div[i].className == "div_sliding_menuitem")
			{
				g_sliding_menuitems[g_sliding_menuitems.length]=div[i];
			}
		}
	}
	
	if(show) {
		slideMenu();
	} else {
		g_sliding_menuitems=0;
	}
}

/////////////////////////////////////////////////////////////////////////////////////////

function setMenu()
{
	var login='';
	var ck=getCookie("session");
	var menu_item1=document.getElementById("div_menu_item1");
	var menu_item2=document.getElementById("div_menu_item2");

	if(!menu_item1 || !menu_item2)
		return;
	if(ck)
		login=getFieldFromCookie('session', 'login:');

	if(login && login!='n/a')
	{
		menu_item1.style.display='block';
		menu_item2.style.display='block';

		menu_item1.innerHTML='&nbsp;&nbsp;<a href="'+home_url+'/member.php4?login='+login+'"><font class="menusubitem2">My Account</font></a>';
		menu_item2.innerHTML='&nbsp;&nbsp;<a class="menusubitem" href="'+home_url+'/logout.php4?login='+login+'"><font class="menusubitem2">Sign-out</font></a>';

	}
	else
	{
		menu_item1.style.display='block';
		menu_item2.style.display='block';

		menu_item1.innerHTML='&nbsp;&nbsp;<a href="'+home_url+'/member.php4?signin=1">Sign-in</a>';
		menu_item2.innerHTML='&nbsp;&nbsp;<a href="'+home_url+'/member.php4?signin=2">New User</a>';
	}
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////

var thfocus=0;
function focusth(i)
{
//	id="th"+thfocus;
//	if(document.getElementById(id))
//		document.getElementById(id).style.border="solid 2px #fff";
	//else alert("could not getElementById("+id+")"); 
	thfocus=i;
	id="th"+thfocus;
	if(document.getElementById(id))
		document.getElementById(id).style.border="solid 2px #804000";
	//else alert("could not getElementById("+id+")"); 
}

function loosefocusth()
{
	id="th"+thfocus;
	if(document.getElementById(id))
		document.getElementById(id).style.border="solid 2px #fff";
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////

function showbox(div, pref)
{
	var elem1;
	var elem2;
	elem1=document.getElementById(div);
	elem2=document.getElementById(div+"_handle");
	if(elem1 && elem1.style && elem2)
	{
		if(pref=="1")
		{
			elem1.style.display = "block";
			elem2.src=home_url+"/design/x.gif";
		}
		else
		{
			elem1.style.display = "none";
			elem2.src=home_url+"/design/o.gif";
		}
	}
	else
	{
		//alert("missing argument to showbox()");
	}
}
function showhidebox(div)
{
	var elem1;
	var elem2;
	var pref;
	elem1=document.getElementById(div);
	elem2=document.getElementById(div+'_handle');
	
	if(elem1 && elem1.style && elem2)
	{
		if(elem1.style.display == 'block')
		{
			elem1.style.display = 'none';
			elem2.src=home_url+"/design/o.gif";
			pref='0';
		}
		else
		{
			elem1.style.display = 'block';
			elem2.src=home_url+"/design/x.gif";
			pref='1';
		}
		if(div=='div_groupbox')
			setFieldInCookie('pref', 'pref01', pref);
		else
		if(div=='div_cart')
			setFieldInCookie('pref', 'pref02', pref);
	}
	else
	{
		alert("missing argument to showhidebox()");
	}
}
///////////////////////////////////////////////////////////////////////////////////////
var f="group_instructions";
var selectedtabindex=0;
var totaltabs=3;

function showtab(x, tabindex)
{
	var elem, elem_tab, elem_tab_title, elem_tab_leftside, elem_tab_rightside;
	var nexttabindex=tabindex+1;

	elem=document.getElementById(f);
	if(elem)
		elem.style.display="none";
	f=x;
	elem=document.getElementById(f);
	if(elem)
		elem.style.display="block";

	elem_tab_title=document.getElementById("div_tab"+selectedtabindex+"_title");
	if(elem_tab_title)
	{
		elem_tab_title.style.background="transparent url('design/tab_greenbg.png') repeat";
	}
	elem_tab_title=document.getElementById("div_tab"+tabindex+"_title");
	if(elem_tab_title)
	{
		elem_tab_title.style.background="transparent url('design/tab_bluebg.png') repeat";
	}

	elem_tab=document.getElementById("div_tab"+selectedtabindex);
	elem_tab_leftside=document.getElementById("div_tab"+selectedtabindex+"_leftside");
	elem_tab_rightside=document.getElementById("div_tab"+selectedtabindex+"_rightside");
	elem_nexttab_leftside=document.getElementById("div_tab"+(selectedtabindex+1)+"_leftside");
	if(selectedtabindex==0)
		elem_tab_leftside.style.background="transparent url('design/tabc.png') no-repeat";
	else
		elem_tab_leftside.style.background="transparent url('design/tabg.png') no-repeat";
	if(selectedtabindex==totaltabs-1)
		elem_tab_rightside.style.background="transparent url('design/tabe.png') no-repeat";
	else
		elem_nexttab_leftside.style.background="transparent url('design/tabg.png') no-repeat";

	elem_tab=document.getElementById("div_tab"+tabindex);
	elem_tab_leftside=document.getElementById("div_tab"+tabindex+"_leftside");
	elem_tab_rightside=document.getElementById("div_tab"+tabindex+"_rightside");
	elem_nexttab_leftside=document.getElementById("div_tab"+(tabindex+1)+"_leftside");
	if(tabindex==0)
		elem_tab_leftside.style.background="transparent url('design/tabf.png') no-repeat";
	else
		elem_tab_leftside.style.background="transparent url('design/tabb.png') no-repeat";
	if(tabindex==totaltabs-1)
		elem_tab_rightside.style.background="transparent url('design/tabd.png') no-repeat";
	else
		elem_nexttab_leftside.style.background="transparent url('design/taba.png') no-repeat";
		
	selectedtabindex=tabindex;
}

///////////////////////////////////////////////////////////////////////////////////////

function getRecentItems()
{
	var i;
	var recent_id=new Array();
	var recent_title=new Array();
	var recent=new Array(recent_id, recent_title);
	var id;
	var title;
	var fieldValue=null;
	var nodePos=0;
	var nodeEnd=0;
	var nodeValue=null;
	var cookieName='recent';
	var cookieValue=getCookie(cookieName);

	for(i=0;cookieValue;i++)
	{
		nodePos=cookieValue.indexOf('|`', nodeEnd);
		if(nodePos==-1)
			break;
		nodeEnd=cookieValue.indexOf('|', nodePos+1);
		if (nodeEnd!=-1)
			nodeValue=unescape(cookieValue.substring(nodePos, nodeEnd));
		else
		{
			nodeValue=cookieValue.substring(nodePos);
			nodeEnd=nodePos+1;
		}
		
		fieldValue=getField(nodeValue, 'id:');
		if(fieldValue)
			recent[0][i]=fieldValue;
		fieldValue=null;

		fieldValue=getField(nodeValue, 'title:');
		if(fieldValue)
			recent[1][i]=fieldValue;
		fieldValue=null;
	}
	return recent;
}

function appendRecentItem(itemid, title)
{
	var i;
	var nodePos=0;
	var nodeEnd=0;
	var nodeValue=null;
	var item='|`id:'+itemid+'`title:'+title;
	var cookieName='recent';
	var cookieValue=getCookie(cookieName);
	var cookieValue2='';

	cookieValue=item+cookieValue;
	
	for(i=0;cookieValue && i<MAX_RECENT_ITEMS;i++)
	{
		nodePos=cookieValue.indexOf('|`', nodeEnd);
		if(nodePos==-1)
			break;
		nodeEnd=cookieValue.indexOf('|', nodePos+1);
		if (nodeEnd!=-1)
			nodeValue=unescape(cookieValue.substring(nodePos, nodeEnd));
		else
		{
			nodeValue=cookieValue.substring(nodePos);
			nodeEnd=nodePos+1;
		}
		
		if(i>0 && -1!=nodeValue.indexOf('|`id:'+itemid, 0))
			continue;//it is already added as first item, so skip duplicate
		else
			cookieValue2+=nodeValue;
	}
	//alert(cookieValue2);	
	setCookie(cookieName, cookieValue2, 30, '/');
}

function showRecentItems()
{
	var i;
	var itemid;
	var title;
	var recent_items_html='';
	var div_recent=document.getElementById("div_recent");
	if(!div_recent)
		return;
	var div_recent_items=document.getElementById("div_recent_items");
	if(!div_recent_items)
		return;
	var recent=getRecentItems();
	if(!recent || !recent[0].length)
	{
		div_recent.style.display="none";
		return;
	}

	div_recent.style.display="block";
	
	recent_items_html+='<table><tr>';
	
	for(i=0;i<recent[0].length;i++)
	{
		//alert(recent[0][i]);//itemid
		//alert(recent[1][i]);//title
		itemid=recent[0][i];
		title=recent[1][i];

		recent_items_html+='<td>';

		var item_url=home_url+'/items/'+itemid+'/';
//		var item_thumb='<a href="'+item_url+'"><img class="img3" src="'+home_url+'/get.php4?file=th&amp;itemid='+itemid+'" alt="'+title+'"/></a>';
		var item_thumb='<a href="'+item_url+'"><img class="img3" src="'+home_url+'/th/items/'+itemid+'" alt="'+title+'"/></a>';
		recent_items_html+='<div class="th_bg">'+item_thumb+'<br/><a href="'+item_url+'">'+title+'</a></div>';
		
		recent_items_html+='</center></td>';
	}

	recent_items_html+='</tr></table>';
	
	div_recent_items.innerHTML='<center><div class="div_mainpage_text">Recently viewed</div>'+recent_items_html+'</center>';
}