/*
 *  Zoomy Zoom - jQuery plugin
 *	written by Jacob Lowe	
 *	http://redeyeops.com/plugins/zoomy
 *
 *	Copyright (c) 2010 Jacob Lowe (http://redeyeoperations.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *  Addition fixes and modifications done by Larry Battle ( blarry@bateru.com )
 *	# code has been refactored and the logic has been corrected.
 *
 */
(function($){
// global zoomys state, 0 = no zoom, 1 = zoom;    

var ZoomyState = [];


    jQuery.fn.zoomy = function (options) {
	
	//defaults
	var defaults = {
	    zoomSize: 200,
	    round: true,
	    glare: true,
	    zoomText: 'click to <span>zoom</span> in'
	};
    
	options = $.extend(defaults, options);
	
    
	// add Zoomy
	var addZoomy = function(ele, i) {
	    ZoomyState.push(0);
	    var image = ele.attr('href'), 
			    zoom;
    
	    ele.css({'position': 'relative', 'cursor': 'cell'}).append('<div class="zoomy" rel="'+i+'"><img/></div>');
	    zoom = ele.find('.zoomy[rel='+i+']');
	    zoomParams(ele, zoom);
	    ele.hover(function () {
		
		if(ZoomyState[i] === 0){
		    zoomBarEnter(ele);
		}else{
		    zoomEnter(ele, zoom, image);
		}
		
	    }, function (){
		
		if(ZoomyState[i] === 0){
		    zoomBarLeave(ele);
		}else{
		    zoomLeave(ele, zoom);
		}
		
	    }).click(function(e){
		if(ZoomyState[i] === 0){
		    zoom.css({opacity: 1}).addClass('cursorHide').show();
		    ZoomyState[i] = 1;
		    zoomBarLeave(ele, zoom);
		    
		    loadImage(ele, image, zoom);
		    
			setTimeout(function () {
			    if (!zoom.find('img').length) {
				zoomEnter(ele, zoom, image);
			    }
			}, 150);
		}else{
		    zoom.css({opacity: 0}).removeClass('cursorHide');
		    ZoomyState[i] = 0;
		}
		toggleOpacity(ele);
		return false;
	    });
	},
	
	zoomBarEnter = function(ele){
	    if(ele.find('.zoomBar').length ===0){
		ele.append('<span class="zoomBar">'+options.zoomText+'</span>');
	    }else{
		ele.find('.zoomBar').slideDown(200);
	    }
	},
	
	zoomBarLeave = function(ele){
		ele.find('.zoomBar').slideUp(200);
	},
	
	zoomEnter = function(ele, zoom, image){
	    var isIdBrokeZoomy = (zoom.attr('id') === 'brokeZoomy');
		if ( !isIdBrokeZoomy ) {
		    if (zoom.find('img').length) {
			loadImage(ele, image, zoom);
			setTimeout(function () {
			    if (!zoom.find('img').length) {
				//resetZoom(ele, zoom);
				startZoom(ele, zoom);
			    }
			}, 150);
		    } else {
			//resetZoom(ele, zoom);
			startZoom(ele, zoom);
		    }
		    toggleOpacity(ele);
		}
	},
	toggleOpacity = function(ele){
	    var img = ele.find('img');
	    if(ZoomyState[ele.find('.zoomy').attr('rel')] === 0){
		img.css({opacity:1});
	    }else{
		img.css({opacity:0.9});
	    }
	},
	
	zoomLeave = function(ele, zoom){
	    if (zoom.attr('id') !== 'brokeZoomy' && !zoom.find('img').length ) {
		setTimeout(function () {
			zoom.hide();
		},100);
	    }
	},
	
	// Start Zoom
	startZoom = function(ele, zoom) {
	    var l = ele.offset();
	    ele.mousemove(function (e) {
		
		if(ZoomyState[zoom.attr('rel')] === 1){
		
		var zoomImgX = parseInt(ele.attr('x'), 10),
		    zoomImgY = parseInt(ele.attr('y'), 10),
		    tnImgX = ele.width(),
		    tnImgY = ele.height(),
		    zoomSize = options.zoomSize,
		    halfSize = zoomSize / 2,
		    posX = e.pageX - l.left - halfSize,
		    posY = e.pageY - l.top - halfSize,
		    ratioX = tnImgX / zoomImgX,
		    ratioY = tnImgY / zoomImgY,
		    leftX = Math.round((e.pageX - l.left) / ratioX) - halfSize,
		    topY = Math.round((e.pageY - l.top) / ratioY) - halfSize,
		    stop = Math.round(halfSize - (halfSize * ratioX)),
		    rightStop = (tnImgX - zoomSize) + stop,
		    bottomStop = (tnImgY - zoomSize) + stop,	    
		    cssArrOfObj = [{
				    backgroundPosition: '-' + leftX + 'px ' + '-' + topY + 'px',
				    left: posX,
				    top: posY
			    }, {
				    backgroundPosition: '0px ' + '-' + topY + 'px',
				    left: -stop,
				    top: posY
			    },{
				    backgroundPosition: '0px 0px',
				    left: -stop,
				    top: -stop
			    },{
				    backgroundPosition: '0px -' + (zoomImgY - zoomSize) + 'px',
				    left: -stop,
				    top: bottomStop
			    },{
				    backgroundPosition: '-' + leftX + 'px ' + '0px',
				    left: posX,
				    top: -stop
			    }, {
				    backgroundPosition: '-' + (zoomImgX - zoomSize) + 'px ' + '0px',
				    left: rightStop,
				    top: -stop
			    },{
				    backgroundPosition: '-' + (zoomImgX - zoomSize) + 'px ' + '-' + topY + 'px',
				    left: rightStop,
				    top: posY
			    },{
				    backgroundPosition: '-' + (zoomImgX - zoomSize) + 'px ' + '-' + (zoomImgY - zoomSize) + 'px',
				    left: rightStop,
				    top: bottomStop
			    },{
				    backgroundPosition: '-' + leftX + 'px ' + '-' + (zoomImgY - zoomSize) + 'px',
				    left: posX,
				    top: bottomStop
			    }],	
			    a = -stop <= posX,
				    e2 = -stop > posX,
				    b = -stop <= posY,
				    f = -stop > posY,
				    
				    d = bottomStop > posY,
				    g = bottomStop <= posY,
				    
				    c = rightStop > posX,
				    j = rightStop <= posX,
				    
			    cssArrIndex = ( a && b && c && d ) ? 0 : ( e2 ) ? ( b && d ) ? 1 : ( f ) ? 2 : ( g ) ? 3 : null : ( f ) ? (c) ? 4 : 5 : ( j ) ? ( d ) ? 6 : 7 : ( g ) ? 8 : null;
			    zoom.show().css( cssArrOfObj[ cssArrIndex ] || {} );
		}
	    });
	},
	
	loadImage = function(ele, image, zoom) {
	    var y = ele.children('img').height(),
		x = ele.children('img').width(),
		zS = options.zoomSize / 2;
    
	    if (zoom.find('img').attr('src') !== image) {
		zoom.find('img').attr('src', image).load(function () {
		    ele.attr({
			'x': zoom.find('img').width(),
			'y': zoom.find('img').height()
		    });
		    if (options.glare) {
			zoom.html('<span/>').css({
			    'background-image': 'url(' + image + ')'
			});
			setTimeout(function () {
			    setGlare(zoom);
			}, 100);
		    } else {
			zoom.html('').css({
			    'background-image': 'url(' + image + ')'
			});
		    }
		    startZoom(ele, zoom);
		});
	    }
	},
	
	resetZoom = function(ele, zoom, x , y) {
	    var img = ele.children('img');
	    var mid = options.zoomSize/2;
	    if(!x){x=0;}
	    if(!y){y=0;}
	    zoom.css({
		left: x-mid+'px',
		top: y-mid+'px'
	    }).parent('a').css({
		height: img.height(),
		width: img.width()
	    });
	},
	
	zoomParams = function(ele, zoom) {
	    var img = ele.children('img'),
	    margin = img.css('margin-left'),
	    namePick = function(img){
		var f = img.css('float');
		    if(f){
			if(f === 'none'){
			    var inline = img.attr('style');
			    if(inline){
				var inCSS = inline.split(';');
				for(i = 0; i<= inCSS.length; i + 1){
				    var style = inCSS[i].split(':');
				    if(style[0]==='float'){
					return(style[1]);
				    }
				}
			    }else{
				return f;
			    }
			    
			}else{
			    
			    return f;
			    
			}
		    }else{
			if(img.parent('*').css('text-align') === 'center'){
			    return 'center';
			}else{
			    return 'unknown';
			}
		    }
	    };
    
	    zoom.css({
		height: options.zoomSize,
		width: options.zoomSize
	    }).css( getBorderRadiusCSSObj() );
	    
	    if( !options.glare ){
		zoom.children('span').css({
		    height: options.zoomSize - 10,
		    width: options.zoomSize - 10
		});
	    }
	    
	    
	    if(margin === undefined || margin === ''){margin = '5px';}
    
    
	    var cssObj = { 
		'left':[{
			'margin': margin,
			'float': 'left'
		}],
		'right':[{
			'margin': margin,
			'float': 'right'
		}],
		'center':[{
			'margin': margin+' auto',
			'display': 'block'
		}],
		'unknown' : [{
			'margin' : margin,
			'display': 'block'
		}],
		'none' : [{
			'margin': margin,
			'display': 'block'
		}]
	    },
	    
	    cssNamePick = namePick(img);
	    
		    img.css('margin', '0px');
		    ele.css( cssObj[ cssNamePick ][0]);
		
		    
	    img.one("load",function(){
		ele.css({
			'display': 'block',
			height: img.height(),
			width: img.width(),
			'cursor': 'normal'
		    });
	    }).each(function(){
		if(this.complete || (jQuery.browser.msie && parseInt(jQuery.browser.version) === 6)){
		    $(this).trigger("load");
		}
	    });
	    
	},
	
	getBorderRadiusCSSObj = function(){
		    if( !options.round ){ return ""; }
		    var cssObj = {};
		    cssObj['-webkit-border-radius'] = cssObj['-moz-border-radius'] = cssObj[ 'border-radius' ] = options.zoomSize / 2 + 'px';
		    return cssObj;
	},
	setGlare = function(zoom) {
		    zoom.children('span').css({
			    height: options.zoomSize - 10,
			    width: options.zoomSize - 10
		    }).css( getBorderRadiusCSSObj() );
	};
	
	$(this).each(function() {
	    addZoomy($(this), ZoomyState.length);
	});
    };
    
    
}(jQuery))