<!--
/*!
 **************************************************
 * Copyright 2010 - Danny Carmical
 * http://luckykind.com
 **************************************************/

(function($){
 	$.fn.extend({ 

 		socialpop: function(options) {

			var defaults = {
				style: 'popup',
				box: 'no',
				boxfloat: 'none', 
				title: 'Share!',
				notitle: 'no',
				holder: 'none',
				bgcolor: 'ffffff'
			}

			var options =  $.extend(defaults, options);
			
    		return this.each(function() {
				var subOverBG = '';
				
				if(options.holder=='none'){
					subOverBG = ' style="background-color:#' + options.bgcolor + '"';
				}
				
				var spList = $(' > li ',this);
				var spImg = $(' > li img',this);
				
				var sp_box_float = "";
				if(options.boxfloat!='none') {
					sp_box_float = " socialpop-pos-" + options.boxfloat;
				} else {
					$(this).css('width','99%');
				}
				
				if(options.box=='yes') {
						var showPadding;
											
					if(options.style == 'popup'){
						showPadding = 0;
					} else if(options.style == 'popdown'){
						showPadding = 5;					
					} else {
						showPadding = 0;					
					}
					
					
					$(this).wrap('<div id="socialpop-box" class="socialpop-box' + sp_box_float + '" />');
					var spBox = $('#socialpop-box');
					var fullHeight = spBox.height();									
					var newHeight;	
					if(options.notitle=='no'){
						spBox.prepend('<h5>' + options.title + '</h5>');
						newHeight = 25 + spBox.children('h5').height();
						fullHeight = fullHeight + spBox.children('h5').height();
						spBox.height(newHeight);
					} else {
						newHeight = 16;
						spBox.height('16px');
					}
					
					

					spBox.hover(
						function (){
							$j(this).stop().animate({
								height: fullHeight,
								paddingBottom: showPadding
							},200);
						},
						function (){
							$j(this).stop().animate({
								height:newHeight,
								paddingBottom: 25
							},200);
						}
					);					
				} else {
					$(this).wrap('<div id="socialpop-box-none" class="socialpop-box' + sp_box_float + '" />');					
					var spBoxNone = $('#socialpop-box-none');
										
					if(options.notitle=='no'){
						spBoxNone.prepend('<h5>' + options.title + '</h5>');
					}
				}
				
				switch(options.style) {
					case 'popup':
						$.each(spList, function(){
							$(this).append('<div class="popup-overlay popup-holder-' + options.holder + '"><div class="sub-popup-overlay"' + subOverBG + '></div></div>');
						});

						$.each(spImg, function(){
							$(this).hover(
								function(){
									$(this).stop().animate({
										top:-6
									}, 200);
								},
								function(){
									$(this).stop().animate({
										top:0
									}, 200);
								}
							);	
							
							$(this).click(function(){
									$(this).stop().animate({
										top:0
									}, 200);
								}
							);	
						});
					break;

					case 'popdown':
						$.each(spList, function(){
							$(this).append('<div class="popdown-overlay popdown-holder-' + options.holder + '"><div class="sub-popdown-overlay"' + subOverBG + '></div></div>');
						});

						$.each(spImg, function(){
							$(this).hover(
								function(){
									$(this).stop().animate({
										top:6
									}, 200);
								},
								function(){
									$(this).stop().animate({
										top:0
									}, 200);
								}
							);	
							
							$(this).click(function(){
									$(this).stop().animate({
										top:0
									}, 200);
								}
							);	
						});
					break;

					case 'popleft':
						$.each(spList, function(){
							$(this).append('<div class="popleft-overlay popleft-holder-' + options.holder + '"><div class="sub-popleft-overlay"' + subOverBG + '></div></div>');
						});

						$.each(spImg, function(){
							$(this).hover(
								function(){
									$(this).stop().animate({
										left:-7
									}, 200);
								},
								function(){
									$(this).stop().animate({
										left:0
									}, 200);
								}
							);	

							$(this).click(function(){
									$(this).stop().animate({
										left:0
									}, 200);
								}
							);	
						});
					break;

					case 'popright':
						$.each(spList, function(){
							$(this).append('<div class="popright-overlay popright-holder-' + options.holder + '"><div class="sub-popright-overlay"' + subOverBG + '></div></div>');
						});

						$.each(spImg, function(){
							$(this).hover(
								function(){
									$(this).stop().animate({
										left:7
									}, 200);
								},
								function(){
									$(this).stop().animate({
										left:0
									}, 200);
								}
							);	

							$(this).click(function(){
									$(this).stop().animate({
										left:0
									}, 200);
								}
							);	
						});
					break;
				}
  		});
    	}
	});

})(jQuery);

-->	
