/******************************************************************************
Name:    Flip hover
Version: 1.0
Config:  default
Author:  Praveen Vijayan
Support: http://www.decodize.com/
Thanks : Sunil Sukumaran, Saifudeen, Nishanth Krishnan

Licence: Open source

You are free:
    * to copy, distribute, display, and perform the work
    * to make derivative works

******************************************************************************/
(function($) { //
    // plugin definition
    //
    $.fn.fliphover = function(options) {  
        var opts = $.extend({},
        $.fn.fliphover.defaults, options);  //fliphover function 
        return this.each(function() {
            $this = $(this);  
            var o = $.meta ? $.extend({},
            opts, $this.data()) : opts;  
            var x = $this.find('img');  
            var imgHeight = 76;//x.height();
            var imgWidth = 117;//x.width();
                //alert(imgWidth);
            $this.hover(function() {  
                //Hover effect initiates  
                if (o.hover == 'true') { 
                    if (x.attr("src").indexOf("-on") == -1) {
                        var fname = x.attr("src");
                        fname = fname.substring((fname.length) - 3, (fname.length));
                        fname = "." + fname;
                        nfname = "-on" + fname; //fname = split("[/\\.]", fname) ;
                        var newSrc = x.attr("src").replace(fname, nfname);
                        x.attr("src", newSrc);
                    }
                }
                x.addClass("hover").stop().animate({
                    top: '-20px',
                    left: '-20px',
                    width: imgWidth + o.zoom,
                    height: imgHeight + o.zoom,
                    padding: '0'
                },
                200).css({
                    'z-index': '100'
                });
            },
            function() { //Adds '-on' to image 
                if (o.hover == 'true') {
                    var fname = x.attr("src");
                        fname = fname.substring((fname.length) - 3, (fname.length));
                        fname = "." + fname;
                        nfname = "-on" + fname;                 
                    if (x.attr("src").indexOf(fname) != -1) {
                        var oldSrc = x.attr("src").replace(nfname, fname);
                        x.attr("src", oldSrc);
                    }
                }
                x.removeClass("hover").stop().animate({
                    top: '0',
                    left: '0',
                    width: imgWidth,
                    height: imgHeight,
                    padding: '0'
                },
                400).css({
                    'z-index': '0'
                });
            }).click(function () {

                var fname = x.attr("src");
                fname = fname.substring((fname.length) - 3, (fname.length));
                fname = "." + fname;
                nfname = "-big";
                var blockId = x.attr("src").replace(fname, nfname);
                blockId = blockId.replace("images/models/", "");

                $.fn.ceebox.overlay();
                $.fn.ceebox.popup($("#" + blockId).html(),{width:800,height:500});
            }); 
            
            
        });
    }; 
    //fliphover defaults
    $.fn.fliphover.defaults = {
        zoom: 10,
        hover: 'false'
    }; 
})(jQuery);