function top_mouseoverSubMenu(catArrowID)
{
	var obj = document.all[catArrowID];
	obj.className = obj.className.replace("_off", "_on");
}

function top_mouseoutSubMenu(catArrowID)
{
	var obj = document.all[catArrowID];	
	obj.className = obj.className.replace("_on", "_off");
}

/********************/
/* strip			*/
/********************/

var top_nStripPicID = 1;

// mouse over event
function top_mouseoverStrip(obj)
{
	// if it's the first picture do nothing
	if (obj.name == "top_strip_btn_prev" && top_nStripPicID == 1)
	{
		return;
	}
	
	// if it's the last picture do nothing
	if (obj.name == "top_strip_btn_next" && top_nStripPicID == top_maxStripPics)
	{
		return;
	}
	
	obj.style.cursor = 'hand';
	
	if (obj.name == "top_strip_btn_prev" || obj.name == "top_strip_btn_next")
	{
		obj.src = eval(obj.name + "_On.src");
	}	
}

// mouse over event
function top_mouseoutStrip(obj)
{
	obj.src = eval(obj.name + "_Off.src");
	obj.style.cursor = '';
}

// close strip
//var top_UserControlID = "ucTopMenu";
function top_closeStrip()
{
	var objOpen = document.all[top_UserControlID + "_divOpenStrip"];
		
	objOpen.filters[0].apply();
	objOpen.className = objOpen.className.replace("_start", "_end");
	setTimeout("document.all[top_UserControlID + '_divOpenStrip'].style.display = 'none'", 1000);
	objOpen.filters[0].play();
	
	
	var objClose = document.all[top_UserControlID + "_divCloseStrip"];
	
	//objClose.filters[0].apply();
	objClose.className = objClose.className.replace("_start", "_end");
	//objClose.filters[0].play();
}

// open strip
function top_openStrip()
{
	var objClose = document.all[top_UserControlID + "_divCloseStrip"];
	
	objClose.filters[0].apply();
	objClose.className = objClose.className.replace("_end", "_start");
	objClose.filters[0].play();
	
	
	var objOpen = document.all[top_UserControlID + "_divOpenStrip"];
	objOpen.style.display = "";
	
	objOpen.filters[0].apply();
	objOpen.className = objOpen.className.replace("_end", "_start");
	objOpen.filters[0].play();
}

// next picture 
function top_nextStrip(obj)
{
	// if it's the last picture do nothing
	if (top_nStripPicID == top_maxStripPics)
	{
		return;
	}
	
	// get picture object
	var objPic = document.all[top_UserControlID + "_strip_pic_" + top_nStripPicID];
	
	// get span object (round the pictures)
	var objSpanPic = document.all[top_UserControlID + "_spanStripPic"];
	objSpanPic.className = "top_strip_hp_open_pic_next"
	
	// get text object
	var objText = document.all[top_UserControlID + "_strip_text_" + top_nStripPicID];
	
	// get span object (round the text objects)
	var objSpanText = document.all[top_UserControlID + "_spanStripText"];
	
	// text span speed
	//objSpanText.filters[0].duration = 5;
	
	// start effect action
	objSpanPic.filters[0].apply();
	objSpanText.filters[0].apply();
	
	// hide previous picture
	objPic.className = objPic.className.replace("_show", "_hide");
			
	// hide previous text
	objText.className = objText.className.replace("_show", "_hide");
	
	// add one to the pictures counter
	top_nStripPicID++;
	
	// if the counter equal '2' it mean the previous arrow his hidden (becouse we were in the first picture) 
	// and now it should be visible.
	//if (top_nStripPicID == 2)
	//{
	//	var objArrow = document.all[top_UserControlID + "_imgStripPrev"];
	//	objArrow.className = objArrow.className.replace("_hide", "_show");
	//}
	
	// if the counter equal to the maximum pictures that we have there is no more next pictures
	// and now it should be hidden.
	//if (top_nStripPicID == top_maxStripPics)
	//{
	//	var objArrow = document.all[top_UserControlID + "_imgStripNext"];
	//	objArrow.className = objArrow.className.replace("_show", "_hide");
	//}
	
	// show current picture
	var objPic = document.all[top_UserControlID + "_strip_pic_" + top_nStripPicID];
	objPic.className = objPic.className.replace("_hide", "_show");
	
	// show current text
	var objText = document.all[top_UserControlID + "_strip_text_" + top_nStripPicID];
	objText.className = objText.className.replace("_hide", "_show");
	
	// end effect action
	objSpanPic.filters[0].play();
	objSpanText.filters[0].play();
	
	if (top_nStripPicID == top_maxStripPics)
	{
		top_mouseoutStrip(obj)
	}
}

// prev picture
function top_prevStrip(obj)
{
	// if it's the first picture do nothing
	if (top_nStripPicID == 1)
	{
		return;
	}
	
	// get picture object
	var objPic = document.all[top_UserControlID + "_strip_pic_" + top_nStripPicID];

	// get span object (round the pictures)
	var objSpanPic = document.all[top_UserControlID + "_spanStripPic"];
	objSpanPic.className = "top_strip_hp_open_pic_prev"

	// get text object
	var objText = document.all[top_UserControlID + "_strip_text_" + top_nStripPicID];

	// get span object (round the text objects)
	var objSpanText = document.all[top_UserControlID + "_spanStripText"];
	
	// text span speed
	//objSpanText.filters[0].duration = 5;
	
	// start effect action
	objSpanPic.filters[0].apply();
	objSpanText.filters[0].apply();

	// hide previous picture
	objPic.className = objPic.className.replace("_show", "_hide");

	// hide previous text
	objText.className = objText.className.replace("_show", "_hide");
	
	// reduce one from the pictures counter
	top_nStripPicID--;

	// if the counter equal '1' there is no more previous pictures 
	// and now it should be visible.
	//if (top_nStripPicID == 1)
	//{
	//	var obj = document.all[top_UserControlID + "_imgStripPrev"];
	//	obj.className = obj.className.replace("_show", "_hide");
	//}

	// if the counter value is one less the maximum pictures, it mean the next arrow his hidden (becouse we were in the last picture) 
	// and now it should be hidden.
	//if (top_nStripPicID == top_maxStripPics-1)
	//{
	//	var obj = document.all[top_UserControlID + "_imgStripNext"];
	//	obj.className = obj.className.replace("_hide", "_show");
	//}

	// show current picture
	var objPic = document.all[top_UserControlID + "_strip_pic_" + top_nStripPicID];
	objPic.className = objPic.className.replace("_hide", "_show");

	// show current text
	var objText = document.all[top_UserControlID + "_strip_text_" + top_nStripPicID];
	objText.className = objText.className.replace("_hide", "_show");

	// end effect action
	objSpanPic.filters[0].play();
	objSpanText.filters[0].play();

	if (top_nStripPicID == 1)
	{
		top_mouseoutStrip(obj)
	}	
}