// Here we attach functions to resize text to the anchors on story detail pages.
$(document).ready(function(){
	$("a#txtResizeMinus").click(function () {
		txtResizeSmaller();
	});
	$("a#txtResizePlus").click(function () {
		txtResizeLarger();
	});

	$("#featured_assets").hover(
		function () {
			highlightMorePhotos( 1 );
      		},
        	function () {
			highlightMorePhotos( 0 );
      		}
    	);
	 $("#more_photos").hover(
                function () {
                        highlightMorePhotos( 1 );
                },
                function () {
                        highlightMorePhotos( 0 );
                }
        );
});

// This function simply fades the backgound color of the More Photos div
//   in and out depending on the action passed, 1 == fade color in, 0 == out
function highlightMorePhotos( act ){
	if( act == 1 ){
		$("#morePhotos").css("background-color","#FFFFCC");
		$("#morePhotos").css("border","1px dashed #E0E0E0");
	}
	if( act == 0 ){
		$("#morePhotos").css("background-color","white");
		$("#morePhotos").css("border","none");
	}
}

function txtResizeSmaller() {
	var currentTxtSize = $("#story_text_top > p").css("font-size");
	var newTxtSize = currentTxtSize.split("px");

	var currentTxtLineHeight = $("#story_text_top > p").css("line-height");
	var newTxtLineHeight = currentTxtLineHeight.split("px");

	if( parseInt( newTxtSize[0] ) <= 8 ){
		$("#txtResizeTool img#txtResizeMinus").css( "display", "none" );
		$("img#txtResizeMinusFade").css( "display", "inline" );
	} else {
		currentTxtSize = parseInt( newTxtSize[0] ) - 2;
		currentTxtLineHeight = parseFloat( newTxtLineHeight[0] ) - 2;
		if( parseInt( currentTxtSize ) <= 8 ){
			$("#txtResizeTool img#txtResizeMinus").css( "display", "none" );
			$("img#txtResizeMinusFade").css( "display", "inline" );
		}

		currentTxtSize = currentTxtSize + "px";
		currentTxtLineHeight = currentTxtLineHeight + "px";
	}

	$("#txtResizeTool img#txtResizePlus").css("display", "inline");
	$("img#txtResizePlusFade").css("display", "none");

	$("#story_text_top > p").css("font-size", currentTxtSize);
	$("#story_text_top > p").css("line-height", currentTxtLineHeight);
	$("#story_text_remaining > p").css("font-size", currentTxtSize);
	$("#story_text_remaining > p").css("line-height", currentTxtLineHeight);
}

function txtResizeLarger() {
	var currentTxtSize = $("#story_text_top > p").css("font-size");
	var newTxtSize = currentTxtSize.split("px");

	var currentTxtLineHeight = $("#story_text_top > p").css("line-height");
	var newTxtLineHeight = currentTxtLineHeight.split("px");

	if( parseInt( newTxtSize[0] ) >= 24 ){
		$("#txtResizeTool img#txtResizePlus").css( "display", "none" );
		$("img#txtResizePlusFade").css( "display", "inline" );
	} else {
		currentTxtSize = parseInt( newTxtSize[0] ) + 2;
		currentTxtLineHeight = parseFloat( newTxtLineHeight[0] ) + 2;
		if( parseInt( currentTxtSize ) >= 24 ){
			$("#txtResizeTool img#txtResizePlus").css( "display", "none" );
			$("img#txtResizePlusFade").css( "display", "inline" );
		}

		currentTxtSize = currentTxtSize + "px";
		currentTxtLineHeight = currentTxtLineHeight + "px";
	}

	$("#txtResizeTool img#txtResizeMinus").css("display", "inline");
	$("img#txtResizeMinusFade").css("display", "none");

	$("#story_text_top > p").css("font-size", currentTxtSize);
	$("#story_text_top > p").css("line-height", currentTxtLineHeight);
	$("#story_text_remaining > p").css("font-size", currentTxtSize);
	$("#story_text_remaining > p").css("line-height", currentTxtLineHeight);
}




// This function sets up the way images cycle on the story detail pages.
function setupCycleSlideShow() {
  $("a#morePhotos").toggle(
    function(){
      $("a#morePhotos").html("CLICK TO HIDE PHOTOS");
      $("ul#cycleNav").slideDown();
    },
    function(){
      $("a#morePhotos").html("CLICK FOR MORE PHOTOS");
      $("ul#cycleNav").slideUp();
    });

  $('#cycleSlideShow').hover(
    function() { $('#cycleControls').fadeIn(); },
    function() { $('#cycleControls').fadeOut(); }
  );

  $('#cycleSlides').cycle(
    {
      fx:      'fade',
      speed:    500,
      timeout:  10000,
  //    before:   switchCycleImageCaption,
      height: 'auto',
      next:     "#cycleNext",
      prev:     "#cyclePrev",
      pager:    "#cycleNav",
      pagerAnchorBuilder: function(idx, slide) {
        return '#cycleNav li:eq(' + (idx) + ') a';
      }
    }
  );

  // $("#cycleSlides > div.photo-entry").css({"position" : "static"});
}

function switchCycleImageCaption() {
//  $('#cycleImageCaption').html( this.find('div.photo-caption').html() );
//  $('#cycleImageCaption .photo-caption').css('display', 'block');

  //  var imgID = this.id;
  //  imgID += "-buyNow";
  //  //console.debug(imgID);
  //  $("#buyPhoto .Buy-It-Now").css('display','none');
  //  $("#" + imgID).css('display','block');
}

// This function is called everytime an image switches via cycle, and
//   swaps out the images caption.
//function switchCycleImageCaption() {
// $('#cycleImageCaption').html( this.title );
// var imgID = this.id;
// imgID += "-buyNow";
 //console.debug(imgID);
// $("#buyPhoto .Buy-It-Now").css('display','none');
// $("#" + imgID).css('display','block');
// }

/*
// This function is called everytime an image switches via cycle, and
//   swaps out the images caption. - OLD
function switchCycleImageCaption() {
	// Change out the current image caption
	$('#cycleImageCaption').html( this.title );

	$('#pictopiaLink div').css('display','none');
	var linkID = $(this).attr('id');
	var pictopiaID = "pictopia" + linkID;
	$("#" + pictopiaID).css('display','block');
	// Now we have to change the pictopia link.
	//var pictopiaLinkStart = "http://pictopia.com/perl/ptp/bradenton?photo_name=";
        //var pictopiaLinkMid   = "&embedded=y&t_url="
	//var currentPictureURL = this.pathname.split("/smedia")[1];
	//var pictopiaLink = pictopiaLinkStart + currentPictureURL + pictopiaLinkMid + currentPictureURL;
	// Once URL is built set new anchor href with
	//$('div#pictopiaLink a').attr({
	//          href: pictopiaLink
        //});
}
*/

// This function converts all our anchors with the .media class to be embedded instead of
//   just links.  Currently this is not really needed, but I abstracted it thinking that
//   down the road affiliates may want to customize this functionality.
function setupInlineMedia() {
	$('.media').media();
}