var ppmarkup =  '<div class="pp_pic_holder"> \
	<div class="ppt">&nbsp;</div> \
	<div class="pp_top"> \
		<div class="pp_left"></div> \
		<div class="pp_middle"></div> \
		<div class="pp_right"></div> \
	</div> \
	<div class="pp_content_container"> \
		<div class="pp_left"> \
		<div class="pp_right"> \
			<div class="pp_content"> \
				<div class="pp_loaderIcon"></div> \
				<div  class="pp_fade"> \
					<a class="pp_close" href="#">Close</a><a href="#" class="pp_expand" title="Expand the image">Expand</a> \
					<div class="pp_hoverContainer"> \
						<a class="pp_next" href="#">next</a> \
						<a class="pp_previous" href="#">previous</a> \
					</div> \
					<div id="pp_full_res"></div> \
					<div class="pp_details"> \
						<div class="pp_nav"> \
							<a href="#" class="pp_arrow_previous">Previous</a> \
							<p class="currentTextHolder">0/0</p> \
							<a href="#" class="pp_arrow_next">Next</a> \
						</div> \
						<p class="pp_description"></p> \
						{pp_social} \
						 \
					</div> \
				</div> \
			</div> \
		</div> \
		</div> \
	</div> \
	<div class="pp_bottom"> \
		<div class="pp_left"></div> \
		<div class="pp_middle"></div> \
		<div class="pp_right"></div> \
	</div> \
</div> \
<div class="pp_overlay"></div>';

$(function(){
	

		  // Infinite Scroll jQuery+Wordpress plugin

		  $('#cards-container').infinitescroll({

		    debug           : false,

		    navSelector  	: "a#next:last",
			nextSelector 	: "a#next:last",
		    
		    loading: {
				finished: undefined,
				finishedMsg: "<br/><em></em>",
				//img: "http://www.infinite-scroll.com/loading.gif",
				img: "/images/design/ajax-loader.gif",
				msg: null,
				msgText: "",
				selector: null,
				speed: 'fast',
				start: undefined
			},
		    		    

		    contentSelector : "#cards-container",

		    itemSelector    : "#cards-container  div.card-wrapper",
		    animate: false
		    },function(){ 
		    	$('#cards-container').find('a:not(.photo)').prettyPhoto({
		    		markup:ppmarkup,
		    		social_tools: '<div class="pp_social">'+
					'<div class="facebook" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&href={fbhref}&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'+
					'<div class="twitter"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url={twhref}" style="width:130px; height:50px;"></iframe></div>'+
				  '</div>'
		    	});
		    	$('#cards-container').find('a:not(.photo)').addClass('photo');	
		    	changeSocialUrl();
                            if(isiPad){
				$('#card_wrap').height($(document).height()-338);
                            }
                            else{
                                $('#card_wrap').height($(document).height());
                            }
				
		    	
		    });
		  		 
		

});

function changeSocialUrl()
{
	$("a.card-large").click(function(){
		force_open_id = $(this).attr('id').substr(5);
		var fbhref = twhref = encodeURIComponent('http://'+location.host+'/'+force_open_id);
		var src = $('div.facebook>iframe').attr('src');
		src = src.replace('{fbhref}',fbhref);
		$('div.facebook>iframe').attr('src',src);

		var src = $('div.twitter>iframe').attr('src');
		src = src.replace('{twhref}',twhref);
		$('div.twitter>iframe').attr('src',src);
		if(navigator.appName == "Microsoft Internet Explorer") return;
		window.history.replaceState({}, "", "/"+force_open_id);
	});

}

function search_tag(text)
{
	$('#tags_input').val(text);
	//$('#tags_input').val($('#tags_input').val()+text+', ');
	$('#search_tags').click();
	return false;
}

$(function(){

	$("a.card-large").prettyPhoto({
		markup:ppmarkup,
		social_tools: '<div class="pp_social">'+
						'<div class="facebook" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&href={fbhref}&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'+
						'<div class="twitter"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url={twhref}" style="width:130px; height:50px;"></iframe></div>'+
					  '</div>',
		callback: function(){
		if(navigator.appName == "Microsoft Internet Explorer") return;
			window.history.replaceState({}, "", "/");
		}
	});

	$("a.card-large").addClass('photo');
	changeSocialUrl();

	$('body').height($(window).height()+2);

	$('#search_tags').click(function(){
		$('#cards-container').empty();
		$('#card_wrap').height(338);

		$('a#next').attr('href','/paging/1?tags='+$('#tags_input').val());

		//$('#cards-container').infinitescroll('update',{loading:{finished: function(){}}});


		$('#cards-container').infinitescroll('update',{state:{isDone: false}});
		$('#cards-container').infinitescroll('update',{state:{currPage:0}});
		$('#cards-container').infinitescroll('update',{'path':['/paging/','?tags='+encodeURI($('#tags_input').val())]});

		$('#cards-container').infinitescroll('resume');
		$('#cards-container').infinitescroll('bind');
		$('#cards-container').infinitescroll('retrieve');
		
				
		
	});

	if (force_open)
	{
		var link = '<a title="" id="force_open" href="/card/'+force_open+'?iframe=true&width=900&height=690" style="display:none;"></a>';
		$('body').append(link);
		$("a#force_open").prettyPhoto({
			markup:ppmarkup,
			social_tools: '<div class="pp_social">'+
			'<div class="facebook" style="width:100px;"><iframe src="http://www.facebook.com/plugins/like.php?locale=en_US&href='+encodeURIComponent(location.href)+'&amp;layout=button_count&amp;show_faces=true&amp;width=500&amp;action=like&amp;font&amp;colorscheme=light&amp;height=23" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:500px; height:23px;" allowTransparency="true"></iframe></div>'+
			'<div class="twitter"><iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url='+encodeURIComponent(location.href)+'" style="width:130px; height:50px;"></iframe></div>'+
		  '</div>',
		callback: function(){
				if(navigator.appName == "Microsoft Internet Explorer") return;
				window.history.replaceState({}, "", "/");
			}
		});
		$("a#force_open").click();
	}
});