function HideContent(d) {
	if(d.length < 1) { return; }
	document.getElementById(d).style.display = "none";
	document.getElementById('crowd-noise').style.display = "block";
}
function ShowContent(d) {
	if(d.length < 1) { return; }
	document.getElementById(d).style.display = "block";
	document.getElementById('crowd-noise').style.display = "none";
}
function ReverseContentDisplay(d) {
	if(d.length < 1) { return; }
	if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = "block"; }
	else { document.getElementById(d).style.display = "none"; }
}

function call_alert(msg){
	alert(msg);
}

function thisMovie(movieName) {
    if (navigator.appName.indexOf("Microsoft") != -1) {
        return window[movieName];
    } else {
        return document[movieName];
    }
}
function set_category(category, cat_title) {
//	var category_file = category;
//	if ( category == '247' ) {
//		category = 'twofourseven';
//	}
//	else if ( category == 'other' ) {
//		category = 'more';
//	}
//	else {
//		var myurl = "/events/top12/"+category+"/";
//	}
	var indexer = { 
			'all': 0, 
			'news': 1,
			'sports': 2,
			'entertainment' : 3,
			'gaming': 4,
			'social' : 5, 
			'sci_tech': 6,
			'music' : 7,
			'animals' : 8,
			'mobile': 9,
			'twofourseven': 10,
			'other' : 11
	};
	var myurl = "/events/top12/"+category+"/0/";
	$("#"+category).attr("src", "/media/images/CatNav/"+category+"_selected.png");
	var oldactive_id = $("img.active_category").attr("id");
	$("#"+oldactive_id).removeClass("active_category");
	//var api = $("div.categories_scrollable").data("scrollable");
	//api.move(indexer[category]);
	//api.begin(1200);
	//call_alert(indexer[category]);
	if (! ( oldactive_id == category)) {
		//$("#"+oldactive_id).removeClass("active_category");
		$("#"+oldactive_id).attr("src", "/media/images/CatNav/"+oldactive_id+"_unselected.png");
		$("#"+category).addClass("active_category");
		$('#top_category').replaceWith('<span id="top_category">'+cat_title+'</span>');
	}
}

function update_cg_category(category, cat_title) {
	var myurl = "/events/top12/"+category+"/";
	thisMovie("controlGrid_01").updateJsonUri(myurl);
	//var myimg = $(this).children(":first-child");
	$("#"+category).attr("src", "/media/images/CatNav/"+category+"_selected.png");
	//remove old active first, 
	var oldactive_id = $("img.active_category").attr("id");
	if (! ( oldactive_id == category)) {
		$("#"+oldactive_id).removeClass("active_category");
		$("#"+oldactive_id).attr("src", "/media/images/CatNav/"+oldactive_id+".png");
		$("#"+category).addClass("active_category");
		$('#top_category').replaceWith('<span id="top_category">'+cat_title+'</span>');
	}
	//reset page
	$("#page_0").addClass("active");
	$("#page_1").removeClass("active");
	$("#page_2").removeClass("active");
	$("#page_prev").addClass("disabled");
	$("#page_next").removeClass("disabled");
	//reset convo stuff?
	$("#event_info_wrap").addClass("hidden");
	$("#crowd-noise").removeClass('hidden');
	$("#social_wrap").removeClass("hidden");
	$("#socialchat").removeClass("active");
	$("#socialstream").addClass("active");
}
/*
function suggestEdits(event_id){
	$("#wrap_clicked_overlay").addClass("hidden");
	$("#wrap_edit_overlay").removeClass("hidden");
	$("#edit_livecast").removeClass("hidden");
}
function shareEvent(event_id){
	$("#wrap_clicked_overlay").addClass("hidden");
	$("#wrap_share_overlay").removeClass("hidden");
	$("#edit_livecast").removeClass("hidden");
}*/

function closeOverlay(overlay_id){
	$("#"+overlay_id).addClass("hidden");
	return false;
}
function closeCGOverlay(overlay_id){
	$("#control_grid_overlay").addClass("hidden");
	$("#"+overlay_id).addClass("hidden");
	return false;
}
function closeEventInfo() {
	$("#social_chat_wrap").addClass("hidden");
	$("#social_stream_wrap").removeClass("hidden");
	$("#socialchat").removeClass("active");
	$("#socialstream").addClass("active");
	$("#event_info_wrap").addClass("hidden");
	//$("#social_wrap").removeClass('hidden');
}
function do_submit_suggest_form(event_id){
	submit_suggest_editsForm(event_id,$("#suggest_edits_form").serialize());
	  return false;
}
function submit_suggest_editsForm(event_id, serialized_data){
	$.ajax({
		url 	: "/events/suggest_edits/"+event_id+"/",
		type	: "POST",
		data	: serialized_data,
		dataType: "json",
		success : function(data){ 
					//$("#suggest_edits_form_snippet").replaceWith(data);
					$("#control_grid_overlay").addClass("hidden");
					call_alert(" Thanks! ");
					//ShowManageEventInfo(event_id);
				},
		error	: function(XMLHttpRequest, textStatus){
						call_alert("Error : " + textStatus);
				}
	});
	return true;
}
function do_submit_share_form(event_id){
	submit_tweet_witheditsForm(event_id,$("#tweet_livecast_form").serialize());
	  return false;
}

function submit_tweet_witheditsForm(event_id, serialized_data){
	$.ajax({
		url 	: "/events/tweet_withedits/"+event_id+"/",
		type	: "POST",
		data	: serialized_data,
		dataType: "json",
		success : function(data){ 
					if (data.success) {
						$("#control_grid_overlay").addClass("hidden");
						if (data.twuser) {
							call_alert("Message posted! ");
						}
						else {
							//newwindow = window.open(data.tweet_redirect_url);
							//if (window.focus) {newwindow.focus()}
							call_alert("Opps!  That didn't work." );
						}
						
						//call_alert(" Thanks! ");
					}
					else {
						call_alert("Error " + data.error_message );
					}
				},
		error	: function(XMLHttpRequest, textStatus){
						call_alert("Error : " + textStatus);
				}
	});
	return true;
}

var just_clicked = false;

function single_click_jsf(event_id, url) {
	//call_alert("Event id : " + event_id);
	//var content = "Something something " + event_id;
	if (event_id < 1) {
		return 0;
	}
	//load_event_info_clicked(event_id);
	//window.open(url,'_blank');
	//make_editable();
    if (window.location.pathname == '/search/') {
        var params = window.location.search;
        params = params.replace(/&x=\d+&y=\d+/, '');
        if (params.search('event_id=') == -1) {
            params = params + '&event_id=' + event_id;
        }
        else {
            params = params.replace(/event_id=\d+/, ('event_id=' + event_id));
        }
        window.location.href = '/search/' + params;
    }
    else {
        var active_page = parseInt($("#active_page").attr("value"));
        var current_cat = $("img.active_category").attr("id");
        window.location.href = '/' + current_cat + '/' + active_page + '/' + event_id;
    }
	//just_clicked = true;
	//load_event_info_clicked(event_id);
}

function rollout_jsf(event_id){
	// DO NOTHING
	return 0;
	if (event_id < 1) {
		return 0;
	}
	if (just_clicked) {
		just_clicked = false;
		return;
	}
	load_event_info(event_id);
	//make_editable();
}

function make_editable() {
	document.getElementById("suggest_edit_link").style.display = "block";
	document.getElementById("visible_social_toolbar").style.display = "block";
}

function load_event_info(event_id){
	var myurl = "/events/cg/" + event_id +"/?xhr"; // /events/channel/" + channel_id +"/?xhr";
	$.get(myurl,
		    function(data){
				$("#event_info_dynamic").replaceWith(data.html);
				$("#event_info_wrap").removeClass("hidden");
				enable_Tw();
	});
	
}

function load_event_info_clicked(event_id){
	var myurl = "/events/cg/" + event_id +"/?xhr&embed=true"; 
	$.get(myurl,
		    function(data){
    			$("#event_info_dynamic").replaceWith(data.html);
				$("#control_grid_overlay").replaceWith(data.edit_html);
    			$("#event_info_wrap").removeClass("hidden");
				enable_Tw();
                getTwTitle()
				var myWidth = $("#wrap_ev_embed div.flash_obj object").attr("width");
				var widthStyle = 'width:'+myWidth+'px;';
				$("#wrap_ev_embed div.flash_obj").attr("style", widthStyle);
	});
}

function get_now_trending(category_name) {
  var myurl = "/events/now_trending/"+category_name+"/";
  $.get(myurl,
		    function(data){
        		$("#wrap_trending_gallery").replaceWith(data);
        		//connect_trending_events();
        		$("div.trending_scrollable").scrollable();  
        		connect_trending_infobox();
		  }
  );
}

function connect_trending_infobox(){
	  $(".screen_cap").mouseout(function(){
	  	$(".trending_info_overlay").addClass("hidden");
	  });
	  $("#trending_image_1").mouseover(function(){
		  //$("#trending_overlay_1").removeClass("hidden");
		  //$("#trending_overlay_1").fadeIn('fast');
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_1").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_1").removeClass("hidden");
	  	});
	  $("#trending_image_2").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_2").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_2").removeClass("hidden");
	  	});
	  $("#trending_image_3").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_3").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_3").removeClass("hidden");
	  	});
	  $("#trending_image_4").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_4").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_4").removeClass("hidden");
	  	});
	  $("#trending_image_5").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_5").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_5").removeClass("hidden");
	  	});
	  $("#trending_image_6").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_6").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_6").removeClass("hidden");
	  	});
	  $("#trending_image_7").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_7").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_7").removeClass("hidden");
	  	});
	  $("#trending_image_8").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_8").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_8").removeClass("hidden");
	  	});
	  $("#trending_image_9").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_9").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_9").removeClass("hidden");
	  	});
	  $("#trending_image_10").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_10").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_10").removeClass("hidden");
	  	});
	  $("#trending_image_11").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_11").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_11").removeClass("hidden");
	  	});
	  $("#trending_image_12").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_12").text();
		  $("#trending_overlay_12").removeClass("hidden");
		  //rollout_jsf(event_id);
	  	});
	  $("#trending_image_13").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_13").text();
		  $("#trending_overlay_13").removeClass("hidden");
		  //rollout_jsf(event_id);
	  	});
	  $("#trending_image_14").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_14").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_14").removeClass("hidden");
	  	});
	  $("#trending_image_15").mouseover(function(){
		  $(".trending_info_overlay").addClass("hidden");
		  event_id = $("#hspan_2").text();
		  //rollout_jsf(event_id);
		  $("#trending_overlay_15").removeClass("hidden");
	  	});
}


function rate_msg(msgtxt){
	var p = $("<p class='rate_msg'>");
	p.append(msgtxt);
	//$("p.rate_msg").replaceWith(p);
	$("#wrap_clicked_overlay").addClass("hidden");
	$("#wrap_rate_overlay").removeClass("hidden");
}
function rate_liked(event_id) {
	mark_as_favorite(event_id, true);
	var myurl = "/events/rate_event/"+event_id+"/like/";
	//close other stuff
	$("#wrap_edit_overlay").addClass("hidden");
	$("#wrap_clicked_overlay").addClass("hidden");
	$.post(myurl, { xhr:"xhr"} , function(data){
		if ( data.rating ) {
		//	rate_msg("'Like' rating recorded!");
			var newlikeC = '<a class="like_active" href="#" onClick="" title="You liked this stream">Like</a>';
			var newdislikeC = '<a class="dont-like" href="#" onClick="rate_disliked('+event_id+');" title="I don\'t like this stream">Dislike</a>';
			var newnotliveC = '<a class="not-live" href="#" onClick="rate_notlive('+event_id+');" title="Report Not Live!">Dead Link</a>';
			$("#event_toolbar_icons a.like").replaceWith(newlikeC);
			$("#event_toolbar_icons a.dont-like_active").replaceWith(newdislikeC);
			$("#event_toolbar_icons a.not-live_active").replaceWith(newnotliveC);
			//$("#wrap_rate_overlay").fadeIn('slow').delay(1500).fadeOut('slow');
			//$("#wrap_rate_overlay").slideDown('slow');
			//$("#wrap_rate_overlay").slideUp(2500);
		}
		else {
			rate_msg("error");
		}
	}, "json");
}

function rate_disliked(event_id) {
	mark_as_favorite(event_id, false);

	var myurl = "/events/rate_event/"+event_id+"/dislike/";
	$("#wrap_edit_overlay").addClass("hidden");
	$("#wrap_clicked_overlay").addClass("hidden");
	$.post(myurl, { xhr:"xhr"}, function(data){
		if ( data.rating ) {
			//rate_msg("'Dislike' rating recorded!");
			var newlikeC = '<a class="like" href="#" onClick="rate_liked('+event_id+')" title="I like this stream">Like</a>';
			var newdislikeC = '<a class="dont-like_active" href="#" onClick="" title="You don\'t like this stream">Dislike</a>';
			var newnotliveC = '<a class="not-live" href="#" onClick="rate_notlive('+event_id+');" title="Report Dead Link!">Dead Link</a>';
			$("#event_toolbar_icons a.like_active").replaceWith(newlikeC);
			$("#event_toolbar_icons a.dont-like").replaceWith(newdislikeC);
			//$("#event_toolbar_icons a.not-live_active").replaceWith(newnotliveC);
			/*$("#wrap_rate_overlay").removeClass("hidden");*/
			//$("#wrap_rate_overlay").fadeIn('slow').delay(1500).fadeOut('slow');
			//$("#wrap_rate_overlay").slideDown('slow');
			//$("#wrap_rate_overlay").slideUp(2500);
			
		}
		else {
			rate_msg("error");
		}
	}, "json");
}
function rate_notlive(event_id) {
	var myurl = "/events/rate_event/"+event_id+"/not_live/";
	$("#wrap_edit_overlay").addClass("hidden");
	$("#wrap_clicked_overlay").addClass("hidden");
	$.post(myurl, { xhr:"xhr"}, function(data){
		if ( data.rating ) {
			//rate_msg("'Not Live' rating recorded!");	
			var newlikeC = '<a class="like" href="#" onClick="rate_liked('+event_id+')" title="I like this stream">Like</a>';
			var newdislikeC = '<a class="dont-like" href="#" onClick="rate_disliked('+event_id+');" title="I don\'t like this stream">Dislike</a>';
			var newnotliveC = '<a class="not-live_active" href="#" onClick="" title="You reported this Dead Link!">Dead Link</a>';
			$("#event_toolbar_icons a.like_active").replaceWith(newlikeC);
			$("#event_toolbar_icons a.dont-like_active").replaceWith(newdislikeC);
			//$("#event_toolbar_icons a.not-live").replaceWith(newnotliveC);
			//$("#wrap_rate_overlay").fadeIn('slow').delay(1500).fadeOut('slow');
			//$("#wrap_rate_overlay").slideDown('slow');
			//$("#wrap_rate_overlay").slideUp(2500);
		}
		else {
			rate_msg("error");
		}
	}, "json");
}

function rate_flaged(event_id) {
	var myurl = "/events/rate_event/"+event_id+"/flaged/";
	$("#wrap_edit_overlay").addClass("hidden");
	$("#wrap_clicked_overlay").addClass("hidden");
	$.post(myurl, { xhr:"xhr"}, function(data){
		if ( data.rating ) {
			//rate_msg("'Not Live' rating recorded!");	
			//var newlikeC = '<a class="like" href="#" onClick="rate_liked('+event_id+')" title="I like this stream">Like</a>';
			//var newdislikeC = '<a class="dont-like" href="#" onClick="rate_disliked('+event_id+');" title="I don\'t like this stream">Dislike</a>';
			//var newnotliveC = '<a class="not-live_active" href="#" onClick="" title="You reported this Dead Link!">Dead Link</a>';
			var newflaggedC = '<a class="flaged_active" href="#" onclick=";" title="You Flagged this stream">&nbsp;</a>'
			//$("#event_toolbar_icons a.like_active").replaceWith(newlikeC);
			//$("#event_toolbar_icons a.dont-like_active").replaceWith(newdislikeC);
			$("#event_toolbar_icons a.flagged").replaceWith(newflaggedC);
		}
		else {
			rate_msg("error");
		}
	}, "json");
}

function edit_livestream(event_id) {
	$(".control_grid_overlay_inner").addClass("hidden");
	$("#control_grid_overlay").removeClass("hidden");
	$("#edit_livecast").removeClass("hidden");
}

function share_livecast(event_id) {
	$(".control_grid_overlay_inner").addClass("hidden");
	$("#control_grid_overlay").removeClass("hidden");
	$("#share_livecast").removeClass("hidden");
}
function get_events(myurl) {
		  //var myurl = "events/top12?xhr" + args;
	$.getJSON(myurl,
	    function(data){
	      var li = $("<li>"); 
	      var count = 1;
	      $.each(data.streams, 
	    	 function(i, stream){
	    		var link = $("<a>").attr({
	    			title: stream.title, 
	    			href: "/view_remote_channel/"+stream.channel_id
	    		//	target: "_blank"
	    		});
	    		var slink = $("<img>").attr({src: stream.image_url[0],
	    			 title: stream.title, width: 146, height: 80,
	    			 onmouseover:'ShowContent("chinfo'+count+'")',
	    			 onmouseout:'HideContent("chinfo'+count+'")'}).appendTo(link);
	 			link.appendTo(li);
	    		var chinfodiv = $("#chinfowrap");
	    		var content = "";
				content = ' \
					<div id="chinfo'+count+'" class="channel-info"> \
					<div class="holder"> \
						<h2>Channel Info</h2> \
					</div> \
					'+stream.category+'/'+stream.subcategory+'<ul> \
					<li>Title : <b>'+stream.title+'</b>\
					<li>Channel : <i>'+stream.channel_name+'</i>\
					<li>Viewers : <i>'+stream.viewers+'</i>\
					<li>Host : <b>'+stream.broadcaster_name+'</b>\
					</ul></div>';
	    		chinfodiv.append(content);
	    		count++;            
	        }
	      ); //end each
	      li.appendTo("#top12json-box");
	      $("</ul>").appendTo("#top12json-box");
  });  // end function
}

function update_page(page) {
	// get active cat
	//de-active all page buttons
	var active_page = parseInt($("#active_page").attr("value"));
	if (page == "PREV"){
		if (active_page == 0){
			return false;
		}
		page = active_page -1;
	}
	else if (page == "NEXT" ){
		if (active_page == 2){
			return false;
		}
		page = active_page +1;
	}
	$("#page_0").removeClass("active");
	$("#page_1").removeClass("active");
	$("#page_2").removeClass("active");
	//set current to active
	$("#page_"+page).addClass("active");
	if (page == 0 ) {
		$("#page_prev").addClass("disabled");
		$("#page_next").removeClass("disabled");
	}
	else if (page == 2 ){
		$("#page_prev").removeClass("disabled");
		$("#page_next").addClass("disabled");
	}
	else {
		$("#page_prev").removeClass("disabled");
		$("#page_next").removeClass("disabled");
	}
	$("#active_page").attr("value",page);
	var current_cat = $("img.active_category").attr("id");
	var myurl = "/events/top12/"+current_cat+"/"+page+"/";
	thisMovie("controlGrid_01").updateJsonUri(myurl);
}

function update_search_page(query_string, page){
	$("#search_page_prev").removeClass("disabled");
	//$("#search_page_next")
	var myurl = "/search/json/?q="+query_string+"&page="+page;
	thisMovie("controlGrid_01").updateJsonUri(myurl);
}

function enable_Tw(){
    $("#id_twtitle").keyup(getTwTitle);
	$("#id_twtags").keyup(getTwTags);
	$("#id_twcategory").change(getTwCategory);
}                      
		   
/*
 James' twitter stuff
*/
var _title = $("#id_twtitle").val();
var _tags = "[#tags]";

function setTwMessage(title, tags){
	var cat = $("#id_twcategory option:selected").val();
	var event_id = $("#event_id").val();
	var twitterMessage = $("#id_twmessage");
	twitterMessage.text("");
	var str = "I found live video of " + title + " on " + window.location.href + " "+ tags + " #crowdsurfTV"; 
	twitterMessage.text(str);
}

function getTwTitle(){
	var title = $("#id_twtitle");
	if (title.val().length > 0){
		_title = title.val();
		setTwMessage(_title, _tags);
	}
}

function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}

function parseTwTags(tags){
	var buffer = tags.split(",");
	var result = "";
	for (var i = 0; i < buffer.length; i++){
		var str = buffer[i];
		str = trim(str);		
		if (str.length > 1){		
			spt = str.split(" ");
			var len=spt.length;
			for ( var i=0; i<len; i++ ){
				result += " #" + spt[i];
			}
			
		}
	}
	return result;
}

function getTwTags(){ 
	var tags = $("#id_twtags");
	if (tags.val().length < 1)
		return;
	var tagList = parseTwTags(tags.val());
	_tags = tagList;
	setTwMessage(_title, _tags);
}

function getTwCategory(){
	setTwMessage(_title, _tags);
}

function mark_as_favorite(event_id, is_favorite) {
	if(is_favorite) {
		var url = "/events/favorite/"+event_id+"/add/";
	} else {
		var url = "/events/favorite/"+event_id+"/remove/";
	}

	$.post(url, { xhr:"xhr"} , function(data){}, "json");

	if(is_favorite == false) {
		window.location.href = '/favorite/';
	} else {
		 var remove_button_html = '<a id="remove_from_mywall" href="#" onclick="mark_as_favorite('+event_id+', false)" title="">&nbsp;</a>';
		$("#add_to_mywall").replaceWith(remove_button_html);
	}

}