/***
 * index.js
 *		File that stores Javascript functions for the main page
 **/


var featured_active = 'Video' ;
var featured_active_key = 0 ;

var popular_active = 'Video' ;
var popular_active_key = 0 ;

var latest_active = 'Video' ;
var latest_active_key = 0 ;

//  ############################################################## FEATURED ADDITIONS

// function called when user clicks on a Featured Menu Button
function featuredMenuClicked( key, title )
{
	for( i=0; i<4; i++)
	{
		featureItemContent = '        <div id="featuredItem" >        	<div class="title">                <div class="titleLeft">                	<h1><a href="#">Loading title ...</a></h1>                    <div class="titleDesc"> 0 views</div>                </div>                <div class="titleRight">Comments: <span class="white">0</span></div>            </div>            <div class="content">           	  <div class="pic90"></div>                <div class="picText">Loading description ...</div>            	<div class="picBtn"><a href="#">&nbsp;</a></div>            </div>        </div>';
		eval( 'obj=document.getElementById( \'featuredItem_'+i+ '\' );');
		obj.innerHTML = featureItemContent ;
		
	}
	document.getElementById( 'featuredMenuItem_' + key ).innerHTML = '<div class="selected">'+title+'</div>';
	document.getElementById( 'featuredMenuItem_' + featured_active_key ).innerHTML = '<a href="#" class="link" onclick="javascript:featuredMenuClicked('+featured_active_key+', \''+featured_active+'\');">'+featured_active+'</a>' ;
	featured_active_key = key;
	featured_active = title;
	
	featuredItemsCall( key );
}

/***
 *	Functie ce afiseaza noile contenturi din featured additions
 **/
function featuredItemsShow()
{ 
	//alert( ajax.response );
	eval( 'var ar = ' + ajax.response + ';' ) ;
	for ( x in ar )
	{
		y = ar[x] ;
		//alert(y.key );
		if( y.key )
		{
		featureItemContent = '        <div id="featuredItem" >        	<div class="title">                <div class="titleLeft">                	<h1><a href="'+root_path+'show/'+y.key+'">'+y.title+'</a></h1>                    <div class="titleDesc">0 views</div>                </div>                <div class="titleRight">Comments: <span class="white">0</span></div>            </div>            <div class="content">           	  <div class="pic90"><a href="'+root_path+'show/'+y.key+'"><img src="'+root_path+'data/thumbs/ff_'+y.key+'.jpg" width="90" height="67" border="0"></a></div>                <div class="picText">'+y.desc+'</div>            	<div class="picBtn"><a href="'+root_path+'show/'+y.key+'">View now !</a></div>            </div>        </div>';
		eval( 'obj=document.getElementById( \'featuredItem_'+x+ '\' );');
		obj.innerHTML = featureItemContent ;
		}
	}
}


function featuredItemsCall( key )
{
	ajax.requestFile = root_path + 'application/ajax/www/featuredItems.php?key=' + key +'&lang=' + site_lang;	// Specifying which file to get
	ajax.onCompletion = featuredItemsShow;	// Specify function that will be executed after file has been found
	ajax.runAJAX();		// Execute AJAX function		
}


//  ############################################################## POPULAR ADDITIONS

// function called when user clicks on a Popular Menu Button
function popularMenuClicked( key, title )
{
	for( i=0; i<8; i++)
	{
		popularItemContent = '<div id="popularItem">                	<div class="pic90"></div>                    <div class="picText">Loading ...</div>                    <div class="picDesc">0 views</div>                </div>';
		eval( 'obj=document.getElementById( \'popularItem_'+i+ '\' );');
		obj.innerHTML = popularItemContent ;
		
	}
	document.getElementById( 'popularMenuItem_' + key ).innerHTML = '<div class="btn_selected">'+title+'</div>';
	document.getElementById( 'popularMenuItem_' + popular_active_key ).innerHTML = '<a href="#popularItems" onclick="javascript:popularMenuClicked('+popular_active_key+', \''+popular_active+'\');">'+popular_active+'</a>' ;
	popular_active_key = key;
	popular_active = title;
	
	popularItemsCall( key );
}

/***
 *	Functie ce afiseaza noile contenturi din featured additions
 **/
function popularItemsShow()
{ 
	//alert( ajax.response );
	eval( 'var ar = ' + ajax.response + ';' ) ;
	for ( x in ar )
	{
		y = ar[x] ;
		//alert(y.key );
		if( y.key )
		{
		popularItemContent = '<div id="popularItem">                	<div class="pic90"><a href="'+root_path+'show/'+y.key+'"><img src="'+root_path+'data/thumbs/ff_'+y.key+'.jpg" width="90" height="67" border="0"></a></div>                    <div class="picText">'+y.title+'</div>                    <div class="picDesc">0 views</div>                </div>';
		eval( 'obj=document.getElementById( \'popularItem_'+x+ '\' );');
		obj.innerHTML = popularItemContent ;
		}
	}
}


function popularItemsCall( key )
{
	ajax.requestFile = root_path + 'application/ajax/www/popularItems.php?key=' + key +'&lang=' + site_lang;
	ajax.onCompletion = popularItemsShow;	// Specify function that will be executed after file has been found
	ajax.runAJAX();		// Execute AJAX function		
}


//  ############################################################## LATEST ADDITIONS

// function called when user clicks on a Latest Menu Button
function latestMenuClicked( key, title )
{
	for( i=0; i<21; i++)
	{
		latestItemContent = '<div id="latestItem" align="center"><div class="pic120"></div><a href="#">0 views</a></div>';
		eval( 'obj=document.getElementById( \'latestItem_'+i+ '\' );');
		obj.innerHTML = latestItemContent ;
		
	}
	document.getElementById( 'latestMenuItem_' + key ).innerHTML = '<div class="btn_selected">'+title+'</div>';
	document.getElementById( 'latestMenuItem_' + latest_active_key ).innerHTML = '<a href="#latestItems" onclick="javascript:latestMenuClicked('+latest_active_key+', \''+latest_active+'\');">'+latest_active+'</a>' ;
	latest_active_key = key;
	latest_active = title;
	
	latestItemsCall( key );
}

/***
 *	Functie ce afiseaza noile contenturi din featured additions
 **/
function latestItemsShow()
{ 
	//alert( ajax.response );
	eval( 'var ar = ' + ajax.response + ';' ) ;
	for ( x in ar )
	{
		y = ar[x] ;
		//alert(y.key );
		if( y.key )
		{		
		latestItemContent = '<div id="latestItem" align="center"><div class="pic120"><a href="'+root_path+'show/'+y.key+'"><img src="'+root_path+'data/thumbs/ff_'+y.key+'.jpg" width="120" height="90" border="0" onMouseOver="return overlib(\'<b>'+y.title+'</b><br>0 Comments\',ol_width=180,ol_height=20,ol_offsetx=-90);" onMouseOut="return nd();"/></a></div><a href="#">0 views</a></div>';
		eval( 'obj=document.getElementById( \'latestItem_'+x+ '\' );');
		obj.innerHTML = latestItemContent ;
		}
	}
}


function latestItemsCall( key )
{
	ajax.requestFile = root_path + 'application/ajax/www/latestItems.php?key=' + key +'&lang=' + site_lang;
	ajax.onCompletion = latestItemsShow;	// Specify function that will be executed after file has been found
	ajax.runAJAX();		// Execute AJAX function		
}



