var $j = jQuery.noConflict();

$j(document).ready(function(){
	// Get rid of the default page-item titles WP seems to want to insert despite my telling it not to.
	$j('li > a').attr('title','');
	
	// Nav Fixes: All browsers
	$j('.page-item-5').width(140);
	$j('.page-item-105').width(56);
	
	// IE fixes
	if ($j.browser.msie) {
		//do nothing
	}
	
	$j('input, textarea').focus(function(srcc)
    {
        if ($j(this).val() == $j(this)[0].title)
        {
            $j(this).val("");
        }
    });
    
    $j('input, textarea').blur(function()
    {
        if ($j(this).val() == "")
        {
            $j(this).val($j(this)[0].title);
        }
    });
    
	$j('#video-suggest-form').ajaxForm(function(){
		$j.jGrowl('Thanks for contacting us!', {position: 'center'});
		return false;
	});
	
	$j('#contact-me-form').ajaxForm(function(){
		$j.jGrowl('Thanks for contacting us!', {position: 'center'});
		return false;
	});
	
	$j('#signup-form').ajaxForm(function(){
		$j.jGrowl('Thanks for signing up!', {position: 'center'});
		return false;
	});
	
	
	$j('.next').hover(function(){
		$j(this).css('cursor', 'pointer');
	}).click(function(){
		var playerUrl = $j('.youtube-video').attr('playerUrl');
		getPlayerUrl(playerUrl, +1);
	});
	
	$j('.prev').hover(function(){
		$j(this).css('cursor', 'pointer');
	}).click(function(){
		var playerUrl = $j('.youtube-video').attr('playerUrl');
		getPlayerUrl(playerUrl, -1);
	});
	
	function getPlayerUrl(url, type){
		$j('#youtube').block('Loading...');
		$j.ajax({
			type: "GET",
			url: "http://gdata.youtube.com/feeds/users/KleinforKansasCity/uploads?alt=json-in-script&format=5",//generateJSonPlayListCallBackUrl(),
			cache: false,
			dataType:'jsonp',
			success: function(data){
				var feed = data.feed;
				var entries = feed.entry || [];
				var len = entries.length -1;
				for (var i = 0; i < entries.length; i++) {
					var playerUrl = entries[i].media$group.media$content[0].url;
					//alert(playerUrl +' == '+ url);
					if(playerUrl == url){
						
						if(type == -1){
							if(i > 0 && i <= len){
								//alert('Middle or End -1 I:'+i+', L:'+len+', T:'+type);
								var entry = entries[i-1];
								var title = entry.title.$t;
								var description = entries[i-1].media$group.media$description.$t;
								var playerUrl = entries[i-1].media$group.media$content[0].url;
							}else{
								//alert('Beginning -1 I:'+i+', L:'+len+', T:'+type);
								var entry = entries[len];
								var title = entry.title.$t;
								var description = entries[len].media$group.media$description.$t;
								var playerUrl = entries[len].media$group.media$content[0].url;
							}
						}else if(type == 1){
							if(i >= 0 && i < len){
								//alert('Middle or Beginning +1 I:'+i+', L:'+len+', T:'+type);
								var entry = entries[i+1];
								var title = entry.title.$t;
								var description = entries[i+1].media$group.media$description.$t;
								var playerUrl = entries[i+1].media$group.media$content[0].url;
							}else{
								//alert('End +1 I:'+i+', L:'+len+', T:'+type);
								var entry = entries[0];
								var title = entry.title.$t;
								var description = entries[0].media$group.media$description.$t;
								var playerUrl = entries[0].media$group.media$content[0].url;
							}
						}
						
						if(playerUrl){
							$j('.jcarousel').html(
								'	<div class="youtube-video" playerUrl="'+playerUrl+'">'
						    	+'		<object width="640" height="385">'
						    	+'			<param id="ytpm" name="movie" value="'+playerUrl+'"></param>'
						    	+'			<param name="allowFullScreen" value="true"></param>'
						    	+'			<param NAME="wmode" VALUE="transparent"></param>'
						    	+'			<param name="allowscriptaccess" value="always"></param>'
						    	+'			<embed id="yteb" src="'+playerUrl+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed>'
						    	+'		</object>'
						    	+'	</div>'
						    	+'	<div class="youtube-description">'
						    	+'		<div class="youtube-title">'+title+'</div>'
						    	+' 		<div class="youtube-text">'+description+'</div>'
						    	+'	</div>'
				            );
							$j('#youtube').unblock();
							return;
						}
					}					
				}
			}
	    });
	}
	
	// Get YouTube Feed
	$j.ajax({
		type: "GET",
		url: "http://gdata.youtube.com/feeds/users/KleinforKansasCity/uploads?alt=json-in-script&format=5",//generateJSonPlayListCallBackUrl(),
		cache: false,
		dataType:'jsonp',
		success: function(data){
			var feed = data.feed;
			var entries = feed.entry || [];
			
			for (var i = 0; i < entries.length; i++) {
				var entry = entries[i];
				var title = entry.title.$t;
				var description = entries[i].media$group.media$description.$t;
				var playerUrl = entries[i].media$group.media$content[0].url;
				
				$j('.jcarousel').html(
						'	<div class="youtube-video" playerUrl="'+playerUrl+'">'
				    	+'		<object width="640" height="385">'
				    	+'			<param id="ytpm" name="movie" value="'+playerUrl+'"></param>'
				    	+'			<param name="allowFullScreen" value="true"></param>'
				    	+'			<param NAME="wmode" VALUE="transparent"></param>'
				    	+'			<param name="allowscriptaccess" value="always"></param>'
				    	+'			<embed id="yteb" src="'+playerUrl+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385" wmode="transparent"></embed>'
				    	+'		</object>'
				    	+'	</div>'
				    	+'	<div class="youtube-description">'
				    	+'		<div class="youtube-title">'+title+'</div>'
				    	+' 		<div class="youtube-text">'+description+'</div>'
				    	+'	</div>'
		            );
				break;
			}
		}
    });
	
	// Get Twitter Feed
    $j.jTwitter('justcallmehenry', 3, function(data){
        $j('#twitter-feed').empty();
        now = new Date();
        var one_day=1000*60*60*24;
        var one_hour=1000*60*60;
        var one_minute=1000*60;
        $j.each(data, function(i, post){
        	ago = new Date(post.created_at);
        	
        	var result = (now.getTime()-ago.getTime());
        	
        	if(result < one_hour){
        		age = Math.ceil(result/one_minute);
        		if(age > 1)
        			age +=' minutes ago';
        		else
        			age +=' minute ago';
        	}else if(result >= one_hour && result <= one_day){
        		age = Math.ceil(result/one_hour);
        		if(age > 1)
        			age +=' hours ago';
        		else
        			age +=' hour ago';
        	}else if(result >= one_day){
        		age = Math.ceil(result/one_day);
        		if(age > 1)
        			age +=' days ago';
        		else
        			age +=' day ago';
        	}else if(!result){
        		age = post.created_at;
        	}

            $j('#twitter-feed').append(
        		'<div class="twitter-post" style="float:left; margin-bottom:20px;">'
        		+'<div class="twitter-text" style="line-height:25px; width:100%; float:left; clear:both;">'
        		+	post.text
        		+'</div>'
        		+'<div class="twitter-time-ago" style="color:#70B2E1; line-height:25px; float:left;">'
        		+	age
        		+'</div>'
        		+'<div class="twitter-username" style="color:#70B2E1; line-height:25px; float:right;">'
        		+	'@'+post.user.screen_name
        		+'</div>'
        		+'</div>'
            );
        });
    });
});