DEBUG_MODE = true;
 
 var current_genre = 1;

function getFilms(gid)
{
    var req = new request();
    req.setControllerAction('design', 'gentable');
    req.setEventsSuccess(draw);
    req.parameters.genreId = gid;
    req.send();
}


function build_genre_table(films)
{

	$("#genre_table").empty();

	var number = 1;

	for ( var i in films )
	{
	    
		tr = $.create('tr', {}, [ ]);

			n = String(Math.floor(Math.random()*100));
			$(tr).append($.create('td', {'class':'film_num'}, [ String(number++) ]));
			tmptd = $.create('td', {'class':'film_name'});
			$(tmptd).html(String(films[i]["title"]));
			$(tr).append($(tmptd));
			$(tr).append($.create('td', {'class':'film_year'}, [ String(films[i]["year"]) ]));
			$(tr).append($.create('td', {'class':'film_rating'}, [ String(films[i]["rating"]) ]));
			$(tr).append($.create('td', {'class':'film_votes'}, [ String(films[i]["votes"]) ]));
	

		$(tr).bind('click',{"furl": films[i]["url"]}, open_film_hnd);	
		
		$("#genre_table").append($(tr));

		$("#spinner").removeClass("spinner");

		$("#more_lnk").attr("href", String(films[i]["moreUrl"]));
		
		$("#cont").css('opacity','1');
	}	
}




function show_g_menu(gid)
{
	 var genre_name = $("#g_menu_" + gid + " > *").text();

		
		$("#g_menu_" + gid).empty();
	 	$("#g_menu_" + gid).addClass("active");
	 	$("#g_menu_" + gid).append($.create('strong', {}, [ genre_name ]));

}


function hide_g_menu(gid)
{

	 var genre_name = $("#g_menu_" + gid + " > *").text();


		$("#g_menu_" + gid).empty();
	 	$("#g_menu_" + gid).removeClass("active");
	 	$("#g_menu_" + gid).append($.create('a', {'href':'javascript:show_genre(' + gid + ')'}, [ genre_name ]));	 
	 
	 

}




function show_genre(gid)
{


	$("#cont").css('opacity','0.2');

	$("#spinner").addClass("spinner");
	hide_g_menu(current_genre);
	show_g_menu(gid);
    current_genre = gid;

	getFilms(gid);

}


function draw(msg,status)
{
	build_genre_table(msg["films"]);

}

function open_film_hnd(event)
{
	open_film(event.data.furl);
}


function open_film(url)
{
	window.location = url;
}