// JavaScript Document
var mediaArray 				= '';
var url 					= '';
var startApp				= 3;
var XMLHttpRequestObject	= '';
var imageurl   = '';
var temp_color = '';
var cont_val ='';
var searchTxt ='';

function newXMLHttpRequest()
{
	var xmlreq = false;
	if (window.XMLHttpRequest)
	{
		xmlreq = new XMLHttpRequest();
	}
	else if (window.ActiveXObject)
	{
   		// Try ActiveX
		try
		{
			xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e1)
		{
			// first method failed 
			try
			{
				xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e2)
			{
				 // both methods failed 
				 return false;
			} 
		}
 	}
   	return xmlreq;
} 
function grayOutButton()
{
	document.getElementById("Pagination_Listing").removeChild(document.getElementById("Pagination_More"));	
	document.getElementById("Pagination_Listing").style.paddingBottom = "4px";
	document.getElementById("Pagination_Listing").style.paddingTop = "0px";
	
}
function ajaxHandler()
{
	
	if(XMLHttpRequestObject.readyState == 4)
	{
		//var LoadingImageContainer 	= document.getElementById("loading");
		
		if(XMLHttpRequestObject.status == 200)
		{
			
			var responseText = eval(XMLHttpRequestObject.responseText);
				var totalcount = parseInt(responseText[0]['totalcount']);
				
				var offset = parseInt(responseText[0]['offset']);		
				mediaArray		=	responseText[0]['mediarray'];
				startApp		=	parseInt(responseText[0]['offset']);
				nextfouritems(parseInt(responseText[0]['moreid']),parseInt(responseText[0]['count']),'','','',responseText[0]['containerId']);
				if(responseText[0]['show'] == 'false') {			
				grayOutButton ();
				return;
				}
		}
		
    }
}

function loadNextSet(geturl,count,imageHost,playImage,videoImage,containerId,totalcount)
{
	var host  = window.location.hostname;
	var limit = count;
	var index = 0;	
	var playicon   = 'play.png';
	url = geturl;
	imageurl ='';
	
	imageurl = playImage + playicon;
	document.getElementById("ContainerId").value = containerId;
	cont_val = document.getElementById("ContainerId").value;
	var media 		 =	mediaArray;
	var startCounter =  startApp;
	var ajaxUrl = url + 'ajax/record';
		
	XMLHttpRequestObject = newXMLHttpRequest();
	XMLHttpRequestObject.onreadystatechange = ajaxHandler;
	var QueryString = "offset=" + startCounter + "&count=" + count + "&containerId=" + containerId + "&totalcount="+totalcount; 

	if(containerId == "search")
		{			
			var searchKeyword  = document.getElementById("search_text").innerHTML;
			QueryString += "&Search=" + searchKeyword;
			searchTxt = searchKeyword;
		}
	XMLHttpRequestObject.open("POST", ajaxUrl + "?" + QueryString, true);
		
	XMLHttpRequestObject.send(null);		
	
}

function nextfouritems(moreid,count,imageHost,playImage,videoImage,containerId)
{
	
	var host  = window.location.hostname;
	var limit = count;
	var index = 0;
	var css_light_color = 'light';
	var css_thick_color = 'thick';
	var css_even_color  = 'even';
	var css_odd_color   = 'odd';
	var newsreaderlink = '';	

	
	document.getElementById("ContainerId").value = containerId;

		//Swap the div color 
		if(temp_color != '' && (String(temp_color) == 'light' || String(temp_color) == 'even'))
		{
			var css_light_color = 'thick';
			var css_thick_color = 'light';
			var css_even_color  = 'odd';
			var css_odd_color   = 'even';
		}
		var media 		 =	mediaArray;
		var container = document.getElementById(containerId);	
		for(var i=0;i<limit;i++)
		{	
			var divTag = document.createElement("div");
			
			if(media[i]) {
			if(media[i]["type"] == 'RssStory'){
				css_left_cont = "l1-newslist-left-container";
				css_right_cont = "l1-newslist-right-container";
				css_right_title = "l1-newslist-right-mediatitle";
				if(i%2==0){
					divTag.className ="l2-newslist-container-"+ css_light_color;
					temp_color = css_light_color;
				}else{
					divTag.className ="l2-newslist-container-" + css_thick_color;
					temp_color = css_thick_color;
				}
					
				var mediaUrl = url + 'news/newsreader/news_id/' + media[i]["id"];
			}else if(media[i]["type"] == 'Video'){
				css_left_cont = "l1-videolist-left-container";
				css_right_cont = "l1-videolist-right-container";
				css_right_title = "l1-videolist-right-mediatitle";
				if(i%2==0){
					divTag.className ="l2-videolist-container-"+ css_light_color;
					temp_color = css_light_color;
				}else{
					divTag.className ="l2-videolist-container-" + css_thick_color;
					temp_color = css_thick_color;
				}
					
				var mediaUrl = url + 'videos/play/id/' + media[i]["id"];
			}else if(media[i]["type"] == 'PhotoGallery' || media[i]["type"] == 'ImageMedia'){				
				css_left_cont = "l1-photo-content-left-container";
				css_right_cont = "l1-photo-content-right-container";
				css_right_title = "l1-photo-media-title";		
				if(i%2==0){
					divTag.className ="l2-photo-bg-"+ css_even_color;
					temp_color = css_even_color;
				}else{
					divTag.className ="l2-photo-bg-" + css_odd_color;
					temp_color = css_odd_color;
				}
				var mediaUrl = url + 'media/photo/photo_id/' + media[i]["id"];
			}			

			
			divTag.id =  "row" + media[i]["id"];
		
			var mediaImage = media[i]["image"];	
				
			
			var innerHTML ="";
			
			
			innerHTML +='<div class="'+css_left_cont+'">';
			if(media[i]["type"] == 'RssStory'){
			newsreaderlink = startApp + i +1;	
			if (cont_val=='search')
			{
				innerHTML +='<a href="'+ url +'search/reader/page/'+  newsreaderlink +'/text/'+searchTxt+'"><img src="'+mediaImage+'" class="fl" height="68" border="0" width="90" alt="image"/></a></div>';
			}
			else {
				innerHTML +='<a href="'+ url +'news/newsreader/page/'+  newsreaderlink +'"><img src="'+mediaImage+'" class="fl" height="68" border="0" width="90" alt="image"/></a></div>';
			}
			}else if(media[i]["type"] == 'Video'){
				innerHTML +='<a href="'+ url +'videos/play/id/'+  media[i]["id"] +'"><div  class="playIcon"><img src='+imageurl+'   height="20" border="0" width="20"  alt="video_icon" /></div><div style="float: left;"><img src="'+mediaImage+'" class="fl" height="68" border="0" width="90" alt="image"/></div></a></div>';
				
			}else if(media[i]["type"] == 'PhotoGallery'){
			innerHTML +='<a href="'+ url +'Photos/gallery/id/'+media[i]["id"]+'/text/'+searchTxt+'/photo_text/'+media[i]["name"]+'"><img src="'+mediaImage+'" class="fl" height="68" border="0" width="90" alt="image"/></a></div>';
			}
			else if(media[i]["type"] == 'ImageMedia'){
			innerHTML +='<a href="'+ url +'search/photo/photo_id/'+media[i]["id"]+'/text/'+searchTxt+'/photo_text/'+media[i]["name"]+'"><img src="'+mediaImage+'" class="fl" height="68" border="0" width="90" alt="image"/></a></div>';
			}
			innerHTML +='<div class="'+css_right_cont+'">';
			
			if(media[i]["type"] == 'PhotoGallery'){		
			
			innerHTML +='<div class="left_innerdiv">';
			innerHTML +='<div class="l1-photo-content-right-datetime">Gallery</div>';
			}
			if(media[i]["type"] == 'ImageMedia'){		
			
			innerHTML +='<div class="left_innerdiv">';
			innerHTML +='<div class="l1-photo-content-right-datetime">Photos</div>';
			}
			
			if(media[i]["type"] == 'RssStory'){
			if (cont_val=='search'){
				innerHTML +='<div class="l1-newslist-right-datetime">News: '+media[i]["date"]+'</div>';
				if(media[i]["title"]){innerHTML +='<div class="'+css_right_title+'"><a href="'+ url +'search/reader/page/'+  newsreaderlink +'/text/'+searchTxt+'">' + media[i]["title"].substring(0,27) + '</a></div>'}
			}else {
				innerHTML +='<div class="l1-newslist-right-datetime">News: '+media[i]["date"]+'</div>';
				if(media[i]["title"]){innerHTML +='<div class="'+css_right_title+'"><a href="'+ url +'news/newsreader/page/'+  newsreaderlink +'">' + media[i]["title"].substring(0,27) + '</a></div>'}
			}
			}else if(media[i]["type"] == 'Video'){
				if(media[i]["title"]){innerHTML +='<div class="'+css_right_title+'"><a href="'+ url +'videos/play/id/'+  media[i]["id"] +'">' + media[i]["title"].substring(0,65) + '</a></div>'}
				innerHTML +='<div class="l1-videolist-right-datetime"/>';
			}else if(media[i]["type"] == 'PhotoGallery'){
				if(media[i]["name"]){innerHTML +='<div class="'+css_right_title+'"><a href="'+ url +'Photos/gallery/id/'+media[i]["id"]+'/text/'+searchTxt+'/photo_text/'+media[i]["name"]+'">' + media[i]["name"].substring(0,27) + '</a></div>'}
				innerHTML +='<div class="photo-content-right-datetime"/>';
				innerHTML +='<div class="l1-total-picture">'+media[i]["pictures"]+' pictures</div>';
			}
			else if(media[i]["type"] == 'ImageMedia'){
				if(media[i]["name"]){innerHTML +='<div class="'+css_right_title+'"><a href="'+ url +'search/photo/photo_id/'+media[i]["id"]+'/text/'+searchTxt+'/photo_text/'+media[i]["name"]+'">' + media[i]["name"].substring(0,27) + '</a></div>'}
			}
			if(media[i]["type"] == 'RssStory'){
				if (cont_val=='search'){
				innerHTML +='<div class="l1-newslist-right-mediadesc"><span class="l1-newslist-readmore"><a href="'+ url +'search/reader/page/'+  newsreaderlink +'/text/'+searchTxt+'"><span class="lbl_readmore">Read</span></a></span></div>';
				}
				else {
					innerHTML +='<div class="l1-newslist-right-mediadesc"><span class="l1-newslist-readmore"><a href="'+ url +'news/newsreader/page/'+  newsreaderlink +'"><span class="lbl_readmore">Read</span></a></span></div>';
				}
			}
			
			
			innerHTML +='</div>';			
			divTag.innerHTML = innerHTML;
			
			container.appendChild(divTag);
			
			}
	}
			
			startApp = startApp + limit;
			
		

}