onDomReady(function () {
	// init
	hot.initialize();
});

var hot = {
	HotType:HOT_TYPE,
	//BatchNumber:1,
	//ThmbnailsServerURL:"",
	
	MostViewedNumber: "0",
	FeaturedNumber: "0",
	LiveMoviesNumber: "0",
	
	MostViewedMovies: new Array(),
	FeaturedMovies: new Array(),
	LiveMovies: new Array(),
	
	CURRENT_PAGE:0,
	STORED_PAGES:0,
//	
	initialize: function(){
		Common.UpdateTopNavigation("whatshot");
        hot.refresh();
	},

	refresh: function()
    {
        switch(hot.HotType)
        {
          case(0):
          {
               var liveFlixArr = document.getElementById("live_flix").getElementsByTagName("li");
               var featuredFlixArr = document.getElementById("featured_flix").getElementsByTagName("li");
               var mostViewedFlixArr = document.getElementById("most_viewed_flix").getElementsByTagName("li");
               
               this.LiveMoviesNumber = liveFlixArr.length;
               this.FeaturedNumber = featuredFlixArr.length;
               this.MostViewedNumber = mostViewedFlixArr.length;

               this.LiveMovies = this.parseMovies(liveFlixArr); 
               this.MostViewedMovies = this.parseMovies(mostViewedFlixArr);  
               this.FeaturedMovies = this.parseMovies(featuredFlixArr);
               this.drawTop5("live", this.LiveMovies, this.LiveMoviesNumber, $("liveThumbs"), $("liveDetails"), false);
               this.drawTop5("featured", this.FeaturedMovies, this.FeaturedNumber, $("featuredThumbs"), $("featuredDetails"), true);
               this.drawTop5("mostviewed", this.MostViewedMovies, this.MostViewedNumber, $("mostviewedThumbs"), $("mostviewedDetails"), true);
               break;
          }
        
        case(1):
        {
               var liveFlixArr = document.getElementById("live_flix").getElementsByTagName("li");
               this.LiveMoviesNumber = liveFlixArr.length;
               this.LiveMovies = this.parseMovies(liveFlixArr); 
               this.draw("live", this.LiveMovies, this.LiveMoviesNumber, false);
               break;
        }
        case(2):
        {
               var mostViewedFlixArr = document.getElementById("most_viewed_flix").getElementsByTagName("li");
               this.MostViewedNumber = mostViewedFlixArr.length;
               this.MostViewedMovies = this.parseMovies(mostViewedFlixArr);
               this.draw("mostviewed", this.MostViewedMovies, this.MostViewedNumber, true); 
               break;
       }
       case(3):
       {
               var featuredFlixArr = document.getElementById("featured_flix").getElementsByTagName("li");
               this.FeaturedNumber = featuredFlixArr.length; 
               this.FeaturedMovies = this.parseMovies(featuredFlixArr);
               this.draw("featured", this.FeaturedMovies, this.FeaturedNumber, true);
               break;
       }
     } // End of switch
	},
	parseMovies: function(nodes)
    {
		var arr = new Array();
		for (var i=0;i<nodes.length;i++)
        {
            var id = nodes[i].getAttribute('id');
            var title = nodes[i].getAttribute('title');
            var username = nodes[i].getAttribute('username');
            var views = nodes[i].getAttribute('views');;
            var thumb = nodes[i].getAttribute('thumb');;
            
            arr.push({id:id, title:title, views:views, thumb:thumb, location:username});
		}
		return arr;
	},
	draw: function(section, movies, numOfMovies, drawViews) {
		var stored_container  = $('videosContent');
		stored_container.innerHTML  = '';

		var row_count = ((Math.floor(numOfMovies/5)+1)>3?3:(Math.floor(numOfMovies/5)+1));

		for (var r=0;r<row_count;r++)
		{
			var thumbs_container = document.createElement("DIV");
			thumbs_container.className = "items";
			var details_container = document.createElement("DIV");
			details_container.className = "itemsDetals";

			var max_in_row = ((r*5+5)>movies.length?movies.length:(r*5+4));
			for (var i=r*5;i<=max_in_row;i++)
			{
				if (movies[i]) this.drawThumbnail({id:movies[i].id,taken:movies[i].taken,views:movies[i].views,location:movies[i].location,title:movies[i].title,thumb:movies[i].thumb}, drawViews, thumbs_container, details_container);
			}
			stored_container.appendChild(thumbs_container);
			stored_container.appendChild(details_container);

			thumbs_container = null;
			details_container = null;
		}

		var page_count = Math.ceil(numOfMovies/15);
try {
		var page_container = $('page_container');
		page_container.innerHTML = '';

		var prev_page = document.createElement('A');
		prev_page.href = 'javascript:searchSlider.viewPage('+(this.CURRENT_PAGE-1)+');';
		prev_page.style.visibility = (this.CURRENT_PAGE > 0) ? "visible" : "hidden";
		prev_page.className='back';
		page_container.appendChild(prev_page);

		if (page_count > 1) {
			for (var i=0;i<page_count;i++)
			{
				var curr_page = document.createElement('A');
				curr_page.className = (this.CURRENT_PAGE == i) ? 'currentNum' : 'num';
				curr_page.innerHTML = new String((i+1));
				if (this.CURRENT_PAGE != i) curr_page.href = 'javascript:searchSlider.viewPage('+i+');';
				page_container.appendChild(curr_page);
				curr_page = null;
			}
		}

		var next_page = document.createElement('A');
		next_page.href = 'javascript:searchSlider.viewPage('+(this.CURRENT_PAGE+1)+');';
		next_page.style.visibility = (this.CURRENT_PAGE < page_count-1) ? "visible" : "hidden";
		next_page.className='next';
		page_container.appendChild(next_page);

		next_page = null;
		prev_page = null;
		page_container = null;
} catch (e) {
}
		this.STORED_PAGES[this.CURRENT_PAGE] = movies;
	},
	drawTop5: function(section, movies, numOfMovies, thumbs_container, details_container, drawViews) {
		$(section+"Tab").style.display = (movies.length == 0) ? "none" : "";
		$(section+"Container").style.display = (movies.length == 0) ? "none" : "";

		thumbs_container.innerHTML  = '';
		details_container.innerHTML = '';

		var topMovies = (numOfMovies>5?5:numOfMovies);

		for(var i=0;i<topMovies;i++) {
			this.drawThumbnail({id:movies[i].id, location:movies[i].location, title:movies[i].title, views:movies[i].views, thumb:movies[i].thumb}, drawViews, thumbs_container, details_container);
		}
		// show more anyways
		$(section+"More").style.display = (numOfMovies > 5) ? "" : "";
	},
	drawThumbnail: function(thumbnail, drawViews, thumbs_container, details_container)
	{
		this.thumbLink = document.createElement("A");
		this.thumbLink.href = 'javascript:Common.JumpTo("'+thumbnail.id+'");';
		this.thumbImg = document.createElement("IMG");
		this.thumbImg.src = thumbnail.thumb;//this.ThmbnailsServerURL.replace(/\[SID\]/, thumbnail.id)+"&size=1";
        this.thumbImg.style.width = "160px";
		this.thumbImg.style.height = "120px";
		this.thumbImg.onerror = Common.ShowDefaultImage;
		this.thumbImg.alt = '';
		this.thumbLink.appendChild(this.thumbImg);
		thumbs_container.appendChild(this.thumbLink);

		this.detailDiv = document.createElement("DIV");
		this.detailDiv.className = "item";
		this.detailLink = document.createElement("A");
		this.detailLink.href = 'javascript:Common.JumpTo("'+thumbnail.id+'");'; ;
		this.detailLink.className = 'name';
		this.detailLink.innerHTML = thumbnail.title;
		this.detailDiv.appendChild(this.detailLink);
		this.detailLoc = document.createElement("SPAN");
		this.detailLoc.className = 'place';
		this.detailLoc.innerHTML = thumbnail.location;
		this.detailDiv.appendChild(this.detailLoc);
		
		if (drawViews) {
			this.detailAdd = document.createElement("P");
			this.detailAdd.className = 'views';
			this.detailAdd.innerHTML = Common.FormatNumber(thumbnail.views)+' '+Common.GetViewsLabel(thumbnail.views);
			this.detailDiv.appendChild(this.detailAdd);
		}
		details_container.appendChild(this.detailDiv);
	}
};