jQuery(document).ready(function(){

	jQuery(".product-img-box").css({position:"relative",zIndex:"100"}).append('<a href="#" id="spinIcon" title="Open 3D View"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/3dSpinIcon.png" alt="Open 3D View" /></a>');
		jQuery(".product-img-box").append('<a href="#" id="closeIcon" title="Close 3D View"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/3dCloseIcon.png"  alt="Close 3D View" /></a>');
	
	jQuery(".product-img-box").append('<div id="3dProductView" style="display:none;"><ul id="productSpin"></ul><p>Slide the drag bar below to rotate views.</p><div id="spinController"></div></div>');
		jQuery("#spinController").slider({ 
		range: "min",
		value: 0,
		min: 0,
		max: 19,
	slide: function(event, ui) { 
		var value = ui.value;
		jQuery(".show").each(function(){
			jQuery(this).attr("class","hide");
		}); 
		jQuery('#'+parseInt(value)).attr("class","show");
	}
	});	
	jQuery("#productSpin").append('<li class="show" id="0"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0001.gif" /></li>'+
        '<li class="hide" id="1"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0002.gif" /></li>'+
        '<li class="hide" id="2"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0003.gif" /></li>'+
        '<li class="hide" id="3"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0004.gif" /></li>'+
        '<li class="hide" id="4"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0005.gif" /></li>'+
        '<li class="hide" id="5"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0006.gif" /></li>'+
        '<li class="hide" id="6"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0007.gif" /></li>'+
        '<li class="hide" id="7"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0008.gif" /></li>'+
        '<li class="hide" id="8"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0009.gif" /></li>'+
        '<li class="hide" id="9"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0010.gif" /></li>'+
        '<li class="hide" id="10"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0011.gif" /></li>'+
        '<li class="hide" id="11"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0012.gif" /></li>'+
        '<li class="hide" id="12"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0013.gif" /></li>'+
        '<li class="hide" id="13"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0014.gif" /></li>'+
        '<li class="hide" id="14"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0015.gif" /></li>'+
        '<li class="hide" id="15"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0016.gif" /></li>'+
        '<li class="hide" id="16"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0017.gif" /></li>'+
        '<li class="hide" id="17"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0018.gif" /></li>'+
        '<li class="hide" id="18"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0019.gif" /></li>'+
        '<li class="hide" id="19"><img src="http://www.earthmamaangelbaby.com/skin/frontend/default/EMAB/images/site-files/productSpin/kits/CSKIT/cskit0020.gif" /></li>');
	
	jQuery("#spinIcon").click(function(){
		jQuery(".product-img-box #image").hide();
		jQuery(".product-shop").hide();
		jQuery(".product-img-box").css({width:"630px",marginLeft:"1px"});
		jQuery("#3dProductView").show();
		jQuery("#closeIcon").show();
		jQuery(this).hide();
	});
	
	jQuery("#closeIcon").click(function(){
		jQuery(".product-img-box #image").show();
		jQuery(".product-shop").show();	
		jQuery(".product-img-box").css({marginLeft:"10px;",width:"auto",});
		jQuery("#3dProductView").hide();
		jQuery("#spinIcon").show();
		jQuery(this).hide();		
	});			

});