/**
 * The Sexy Curls JQuery Plugin
 * By Elliott Kember - http://twitter.com/elliottkember
 * Released under the MIT license (MIT-LICENSE.txt)
 * 
 * My only request is: please don't over-use this plugin.
 * If this ends up being used all over the internets, and becomes "that annoying effect", I'll be upset.    
 *
 * I dragged a curl, and I liked it - I hope @jeresig don't mind it.
 */

(function($) {
    $.fn.fold = function(options) {
        var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
        var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);

        // We just won't show it for IE5.5 and IE6. Go away. I'm really tempted to write "document.location= 'http://www.getfirefox.com';" here.
        if (ie55 || ie6) { this.remove(); return true; }

        // New - you don't have to specify options!
        options = options || {};

        // Default awesomeness
        var defaults = {
            side: 'left',           // change me to "right" if you want rightness
            turnImage: 'fold11.png',  // The triangle-shaped fold image
            maxHeight: 120,         // The maximum height. Duh.
            maxWidth: 120,
            starting_width: 0,     // The height and width 
            starting_height: 0,    // with which to start (these should probably be camelCase, d'oh.)
            autoCurl: true,         // If this is set to true, the fold will curl/uncurl on mouseover/mouseout.
            showClick: true,
            onclick: ""
        };

        // Change turnImage if we're running the default image, and they've specified 'right'
        //if (options.side == 'right' && !options.turnImage) defaults.turnImage = 'fold-sw.png';

        // Merge options with the defaults
        var options = $.extend(defaults, options);

        // Set up the wrapper objects
        var turn_hideme = $('<div class="turn_hideme">');
        var turn_wrapper = $('<div class="turn_wrapper">');
        var turn_object = $('<div class="turn_object">');
        var img = $('<img class="turn_fold" src="' + ('images/' + options.turnImage) + '">');

        // Set starting width and height of our turn-o-ma-bob
        turn_object.css({
            width: options.starting_width,
            height: options.starting_height
        });

        // There are different CSS considerations for a top-right fold.
        if (options.side == 'right') turn_wrapper.addClass('left');

        // Rappin', I'm rappin' - I'm rap-rap-rappin'.
        this.wrap(turn_wrapper).wrap(turn_object).after(img).wrap(turn_hideme);

        // If you want autoCurl, you don't get scrolling. Why? Because it looks silly.

        turn_wrapper = $('.pg-fold');
        turn_object = $('.turn_object');

        if (!options.autoCurl) {
            // Hit 'em with the drag-stick because it ain't gonna curl itself!
            turn_object.resizable({
                maxHeight: options.maxHeight,
                aspectRatio: true,
                ratio: true,
                border: false,
                dragHandle: false,
                knobHandles: true,
                handles: options.side == 'left' ? 'se' : 'sw'
            });
        } else {
            // Thanks to @zzzrByte for this bit!
            turn_wrapper.hover(
        function() {
            $(this).find('.turn_object').stop().animate({
                width: options.maxWidth,
                height: options.maxHeight
            });
        },
        function() {
            $(this).find('.turn_fold').show();
            turn_object.stop().animate({
                width: options.starting_height,
                height: options.starting_height
            });
            $('.target').show("slow");
        }
      );



            if (options.showClick) {
                turn_wrapper.click(
        function() {            
            eval(options.onclick);
            $('.target').hide();
            $(this).find('.turn_object').stop().animate({
                width: 600,
                height: 600
            },
		  function()
		  { $(this).find('.turn_fold').hide(); });
        });
            }
            else {
                turn_wrapper.click(function() { eval(options.onclick); });
            }



        }
    };
})(jQuery);