var screenWidth = screen.width;
var matrix = new Array();
var itemRepos = new Array();



function getColumnPerRow(rowWidth,itemWidth){
	return parseInt(rowWidth/itemWidth);
}


function addItemIntoElement(){
	
	var itemCounter = 0;
	var adCounter = 1;
	for(var i=0;i<matrix.length;i++){
		for(var j=0;j<matrix[i].length;j++){
			if(matrix[i][j] == "ad-header") {
				var itemContainer = $("<div>&nbsp;</div>").addClass("ad-canvas");
				itemContainer.attr("id","ad"+adCounter);
				$("#one-page-body").append(itemContainer);
				adCounter++;
			}else if(matrix[i][j] == "ad") {
				var itemContainer = $("<div>&nbsp;</div>").addClass("ad-canvas");
				$("#one-page-body").append(itemContainer);
			}else {
				$("#one-page-body").append(itemRepos[itemCounter]);
				itemCounter++;
			}
		}
	}
	
	$('div').hoverbox();
}

function getItemView(imgLink,titleText,movieId){
	var item = $("<div>&nbsp;</div>").css("background-image","url("+imgLink+")");
	item.css("background-repeat","no-repeat");
	item.attr("title",titleText);
	item.attr("movieId",movieId);
	item.addClass("item");
	item.click(function(){
		window.open(hosturl+"/playmovie/"+movieId);
	});
	var container = $("<div></div>").addClass("item-container");
	return container.append(item);
}

function positionItems(numOfMovie){
	var numOfItems = numOfMovie + 12;
	var numOfColumn = getColumnPerRow(screenWidth, 100)-1;
	var numOfRow = parseInt(numOfItems/numOfColumn)+1;
	
	
	for(var i=0;i<numOfRow;i++){
		matrix[i] = new Array();
		for(var j=0;j<numOfColumn;j++){
			matrix[i][j] = "movie";
		}
	}
	
	var adYUpperBound = numOfColumn -2;
	
	var ad1PosX = 0;
	var ad1PosY = Math.floor((adYUpperBound)*Math.random()) + 1;
	var ad2PosX = 2
	var ad2PosY = Math.floor((adYUpperBound)*Math.random()) + 1;
	var ad3PosX = 4;
	var ad3PosY = Math.floor((adYUpperBound)*Math.random()) + 1;
	
	matrix[ad1PosX][ad1PosY]="ad-header";
	matrix[ad1PosX][ad1PosY+1]="ad";
	matrix[ad1PosX+1][ad1PosY]="ad";
	matrix[ad1PosX+1][ad1PosY+1]="ad";
	matrix[ad2PosX][ad2PosY]="ad-header";
	matrix[ad2PosX][ad2PosY+1]="ad";
	matrix[ad2PosX+1][ad2PosY]="ad";
	matrix[ad2PosX+1][ad2PosY+1]="ad";
	matrix[ad3PosX][ad3PosY]="ad-header";
	matrix[ad3PosX][ad3PosY+1]="ad";
	matrix[ad3PosX+1][ad3PosY]="ad";
	matrix[ad3PosX+1][ad3PosY+1]="ad";
	
	
	
	
}

$(document).ready(function(){
	positionItems(109);
	
	$("#one-page-body").css("width",screenWidth+"px");
	$.ajax({
		   type: "POST",
		   url: hosturl+'/Bend/GetMovieList',
		   data: {'movieType':movieType,'orderBy':orderBy,'limit':109},
		   dataType : "json",
		   success: function(data){
			   if(data.status=="success"){
				   var itemCounter = 0;
				   for(var i=0;i<data.items.length;i++){
					   var item = data.items[i];
					   var artistNameList = "";
					   for(var j=0;j<item.starring.length;j++){
						   artistNameList += item.starring[j].name + " ";
					   }
					   itemRepos[itemCounter] = getItemView(item.albumCoverUrl,item.title+" | "+ artistNameList, item.movieId);
					   itemCounter++;
				   }
				   
				   addItemIntoElement();
				   
				   $("#ad-1").css("left",$("#ad1").position().left+1);
				   $("#ad-1").css("top",$("#ad1").position().top+1);
				   
				   $("#ad-2").css("left",$("#ad2").position().left+1);
				   $("#ad-2").css("top",$("#ad2").position().top+1);
				   
				   $("#ad-3").css("left",$("#ad3").position().left+1);
				   $("#ad-3").css("top",$("#ad3").position().top+1);
				   
			   }else FmvAlert(data.data);
			  
		   }
	});
	
	
	
});