$(window).load(function() {

	if($.browser.msie){
	
	}else{

	}
	

	
});


$(document).ready(function(){

	$("#swipper").roto({ snap:true });
	$(".roto").css("visibility", "visible");
	$("#listing_container").css('visibility','visible');
 
 	check_url();
 
	$("#swipper").bind("rotoChange", function(event, element) { 
		current_id = $(element).attr('item');
		if(current_id){}
		$('#mem_current_swipper').html(current_id);
	});
 	
 	
 	$('#videos').on("click", '.channel', function(event){
		called = $(this).attr('href');
		get_videos(called);
 	});	
	
 	$('#videos').on("mousedown", '.video', function(event){
 	
 		posx = event.pageX;
 		posy = event.pageY;
 		
 		$('#mem_mousepos').html(posx+posy);
 		$('#debug').html(posx+posy);
 	
 	});
 	
 	$('#videos').on("mouseup", '.video', function(event){
 		//event.preventDefault();
 		posx = event.pageX;
 		posy = event.pageY;
 		
 		memmousepos = $('#mem_mousepos').html();
 		$('#debug').html(posx+posy);
 	
 		if(memmousepos == posx+posy){
			called = $(this).attr('href');
			event.preventDefault();
			get_video(called);	 		
 		}else{
 			event.preventDefault();
 		}
 	
 	});			
	

 	$('#videos').on("click", '.video', function(event){
 		event.preventDefault();	 	
 	});	
 	
 	 
 	 
 	 display_debug_popup();
 	 
 	 
 	
 		 		 
});

function display_debug_popup(){

	var isAizu = navigator.userAgent.match(/aizu/i) != null;

	if(isAizu){
		$('#debug').css('display','block');
		$('#debug_controls').css('display','block');
	}

}

function get_videos(a){
	
	a = a.replace('#/list/','');
	a_stripped = a.replace('.html','');

	mem_current_channel = $('#mem_current_channel').html();
	$('#channel-'+mem_current_channel).removeClass('selected');
	$('#channel-'+a_stripped).addClass('selected');
	$('#mem_current_channel').html(a_stripped);

	$.ajax({
		type: 'GET',
		url: '/l/'+a+'.html',
		dataType: 'html',
		success: function(reply){
			$('#videos').html(reply);
			$("#swipper").roto({ snap: true });
			$("#listing_container").css('visibility','visible');
		}
		}
	)

}

function get_video(a){
	
	location.hash = a;
	a_arr = a.split('/');
	a_video_id = a_arr[2];
	$.ajax({
		type: 'GET',
		url: '/c/'+a_video_id+'.html',
		dataType: 'html',
		success: function(reply){
			$('#content').html(reply);
		
			reinitialize_fb_social(a);
			stButtons.locateElements();
		
		}
	});
	
}


function reinitialize_fb_social(a){

	FB.XFBML.parse(document.getElementById('facebook_like'));
	FB.XFBML.parse(document.getElementById('facebook_comments'));
	FB.XFBML.parse(document.getElementById('facebook_page_stream'));

}


function swipper_left(){
	memcurrentswipper = $('#mem_current_swipper').html();
	memcurrentswipper = parseInt(memcurrentswipper);
	prevswipper = memcurrentswipper-4;
	//$("#swipper").trigger("rotoGoto", [prev_swipper]);
	//$("#swipper").trigger("rotoGoto", "prev");
	$("#swipper").trigger("rotoShift", "1");
}

function swipper_right(){

	if($('body').data('endofline') == 'yes'){
		load_more('latest');

		setTimeout(function(){
		
			$("#swipper").trigger("rotoShift", "-1");
		
		},300);
		setTimeout(function(){
		
			$("#swipper").trigger("rotoShift", "-1");
		
		},500);
		
	}else{

		memcurrentswipper = $('#mem_current_swipper').html();
		memcurrentswipper = parseInt(memcurrentswipper);
		nextswipper = memcurrentswipper+4;
		//$("#swipper").trigger("rotoGoto", [next_swipper]);
		//$("#swipper").trigger("rotoGoto", "next");
		$("#swipper").trigger("rotoShift", "-1");
	
	}
	
}


function check_url(){
	
	uri = window.location;
	host = location.host;

	hash = location.hash;

	if(hash.substring(0,1) == '#'){
	
		hash = hash.replace('#','');
		
		get_video(hash);
	
	}


}

function load_more(category){

	$('.arrow_right').css('display','none');
	$('.arrow_right_loading').css('display','block');
	

	var randomnumber=get_random_color();

	$('.loadmore').remove();

	var cat = '';
	
	var cat_data = $('body').data('category');
	if(cat_data == null){
		cat = category;
		$('body').data('category',category);
	}else{
		cat = cat_data;
	}
	
	var limit = 4;
	var offset = '';
	
	var offset_data = $('body').data('offset');
	if(offset_data == null){
		offset = 20;
	}else{
		offset_data = parseInt(offset_data);
		offset = offset_data+limit;
	}
	
	$('body').data('offset',offset);

	
	
	$.ajax({
		type: 'GET',
		url: '/more/'+cat+'/'+offset+'/'+limit,
		dataType: 'json',
		success: function(reply){
			
		videos = reply.videos;
		
		//alert(videos);

		$.each(videos, function(i, object) {
			
			var morevideo_id = object.id;	
			var morevideo_title = object.title;
			var morevideo_datestr = object.date_str;
			var morevideo_thumb = object.thumb;
			var morevideo_uri = object.uri;
			var morevideo_fbcom = object.comments_fb_count;
			var morevideo_ythits = object.ythitsnum;
			
			
			var morevideo_item = '<li item="'+morevideo_id+'"><div style="color:#FFF; background-color:#000; font-size:10px; opacity: .8; position:absolute; margin-top:94px; padding:2px 0px; width:198px; text-align:right; padding-right:8px;">'+morevideo_datestr+'</div><div style="width:24px; height:18px; font-size:10px; font-weight:bold; color:#CCC; padding-left:2px; text-align:center; position:absolute; top:96px; margin-left:10px;">'+morevideo_ythits+'</div><img class="shade" src="/img/listing-shades-left-item.png" /><a class="video img" href="'+morevideo_uri+'"><div class="vthumb"><img src="'+morevideo_thumb+'" width="200" height="150" /></div></a><a class="video text" href="'+morevideo_uri+'">'+morevideo_title+'</a></li>';
			
			//var morevideo_item = '<li item="'+morevideo_id+'"><div style="color:#FFF; background-color:#000; font-size:10px; opacity: .8; position:absolute; margin-top:94px; padding:2px 20px; width:166px;">'+morevideo_datestr+'</div>									<div style="width:24px; height:18px; background-image:url(\'/img/comment_bg.png\'); background-repeat:no-repeat; font-size:9px; font-weight:bold; margin-left:182px; color:#CCC; padding-left:2px; text-align:center; position:absolute; margin-top:95px; margin-left:181px;">'+morevideo_fbcom+'</div><img class="shade" src="/img/listing-shades-left-item.png" /><a class="video img" href="'+morevideo_uri+'"><div class="vthumb"><img src="'+morevideo_thumb+'" width="200" height="150" /></div></a><a class="video text" href="'+morevideo_uri+'">'+morevideo_title+'</a></li>';
			

			$("#swipper ul").append(morevideo_item);
			
		    
		});

			
			setTimeout("update_swipper_size()",10);
			
			if($('body').data('endofline') == 'yes'){

			}else{
				setTimeout("swipper_right()",500);
			}
			
			
			setTimeout(function(){ $('body').data('endofline', 'yes'); },500);
			
		
			setTimeout(function(){
				$('.arrow_right').css('display','block');
				$('.arrow_right_loading').css('display','none');		
			},500);
			
		}
	});

	

	
	
	

	
}

function update_swipper_size(){
	$('#swipper').trigger('rotoContentChange');
}



function get_random_color() {
    var letters = '0123456789ABCDEF'.split('');
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.round(Math.random() * 15)];
    }
    return color;
}