//***************************************************************************************
// infotrade.js 
//---------------------------------------------------------------------------------------
// (C) 2007 - Gabor Finta (alias Fincy GO.) infoTRADE ltd. | HUNGARY Budapest |
//---------------------------------------------------------------------------------------
//
//
//***************************************************************************************


//***************************************************************************************
// 
// CProdPreview Class
//---------------------------------------------------------------------------------------
/*
	Product Preview

	Ez egy dinamikus menu elem. Célja, hogy a weboldalon felsorolja azokat a főbb területeket,
	melyekre fel kívánjuk hívni a látogatók figyelmét. Pld. fő termékek, stb.
	
	Mindig van egy rövid leírás egy nagyobb ablakban ami látszik, a többi laphoz egy-egy menü
	tartozik a leírás mellett. Bármely menüre kattintva lecserélődik a tartalom és újra
	rendeződik a menü. A megjelenített tartalomhoz nem tertozik menüpont, így tehát mindig
	1-el kevesebb látható menü van, mint amennyi az öszes elemszám.

	A HTML oldalon annyi leírás <div>-et kell csinálni amennyi elem van, illetve ugyanennyi
	menu <div>-et. Mindegyiknek egyedi azonosítója van. Ez az osztály csak eltünteti, vagy
	megjeleníti a megfelelő dobozokat. Az elrendezés miatt csak a függőleges méretekkel kell
	számolnunk, így tehát a menü doboz bal oldlai kezdete nem is érdekel minket, ezt a HTML-ben,
	vagy CSS-ben kell megadni.

	var API      = new COSDetect();
	var Preview  = new CProdPreview( API );

	Preview.AddItem( "view_1", "menu_1" );




*/
//=======================================================================================


//=======================================================================================
CProdPreview = function( obAPI )
//---------------------------------------------------------------------------------------
{
	this.m_obAPI               = obAPI;
	this.m_nHeight	           = 0;					// total height
	this.m_nWidth              = 0;					// total width
	this.m_nMenuHeight         = 0;					// height of a menu item
	this.m_nActItem            = -1;				// selected item
	this.m_aPreviewObj = new Array();		// Preview <div> HTML objektuma
	this.m_aMenuObj	   = new Array();		// menu    <div> HTML objektuma
}
//=======================================================================================



//=======================================================================================
CProdPreview.prototype.SetLayout = function( nHeight, nWidth, nMenuHeight )
//---------------------------------------------------------------------------------------
{
	this.m_nHeight     = nHeight;
	this.m_nWidth      = nWidth;
	this.m_nMenuHeight = nMenuHeight;
}
//=======================================================================================



//=======================================================================================
CProdPreview.prototype.AddItem = function( sPreviewID, sMenuID )
//---------------------------------------------------------------------------------------
{
	this.m_aPreviewObj.push( new CHTMLobj( sPreviewID ) );
	this.m_aMenuObj.push( new CHTMLobj( sMenuID ) );	
}
//=======================================================================================



//=======================================================================================
CProdPreview.prototype.ShowPreview = function( nActive )
//---------------------------------------------------------------------------------------
{
	this.m_nActItem = -1;
	// Csak a kivalasztott view jelenik meg.
	for ( n in this.m_aPreviewObj )
	{
		if ( n == nActive )
		{
			this.m_aPreviewObj[ n ].Show();
			this.m_nActItem = nActive;
		}
		else
			this.m_aPreviewObj[ n ].Hide();
	}


	MenuPosY = 0;
	for ( n in this.m_aMenuObj )
	{
		if ( n == nActive )
		{
			this.m_aMenuObj[ n ].Hide();
		}
		else
		{
			this.m_aMenuObj[ n ].MoveTo(0, MenuPosY);
			this.m_aMenuObj[ n ].Show();
			MenuPosY += 68;
		}
	}
}
//=======================================================================================



//
//
//***************************************************************************************