(function($) {
   $.fn.pandaSwatch = function(settings) {
     var config = {'foo': 'bar'};
     if (settings) $.extend(config, settings);
     this.each(function() {
//    	 var colors1 = ["rgb(255, 255, 255)","rgb(225, 225, 225)","rgb(200, 200, 200)"];
    	 var colors1 = new Array();
    	 colors1[0] = 'rgb(255, 255, 255)';
    	 colors1[1] = 'rgb(225, 225, 225)';
    	 colors1[2] = 'rgb(200, 200, 200)';
    	 colors1[3] = 'rgb(175, 175, 175)';
    	 colors1[4] = 'rgb(150, 150, 150)';
    	 colors1[5] = 'rgb(125, 125, 125)';
    	 colors1[6] = 'rgb(100, 100, 100)';
    	 colors1[7] = 'rgb(75, 75, 75)';
    	 colors1[8] = 'rgb(50, 50, 50)';
    	 
    	 colors1[9] = 'rgb(55, 0, 65)';
    	 colors1[10] = 'rgb(120, 0, 120)';
    	 colors1[11] = 'rgb(175, 50, 185)';
    	 colors1[12] = 'rgb(230, 100, 255)';
    	 colors1[13] = 'rgb(235, 200, 255)';
    	 colors1[14] = 'rgb(150, 130, 230)';
    	 colors1[15] = 'rgb(90, 70, 160)';
    	 colors1[16] = 'rgb(50, 30, 100)';
    	 colors1[17] = 'rgb(30, 10, 55)';
    	 
    	 colors1[18] = 'rgb(20, 30, 60)';
    	 colors1[19] = 'rgb(55, 75, 110)';
    	 colors1[20] = 'rgb(100, 120, 160)';
    	 colors1[21] = 'rgb(155, 180, 200)';
    	 colors1[22] = 'rgb(220, 240, 255)';
    	 colors1[23] = 'rgb(145, 190, 210)';
    	 colors1[24] = 'rgb(90, 140, 170)';
    	 colors1[25] = 'rgb(40, 80, 100)';
    	 colors1[26] = 'rgb(0, 20, 50)';
    	 
    	 colors1[27] = 'rgb(0, 70, 45)';
    	 colors1[28] = 'rgb(55, 120, 100)';
    	 colors1[29] = 'rgb(100, 170, 150)';
    	 colors1[30] = 'rgb(140, 255, 200)';
    	 colors1[31] = 'rgb(200, 255, 200)';
    	 colors1[32] = 'rgb(180, 220, 100)';
    	 colors1[33] = 'rgb(130, 160, 50)';
    	 colors1[34] = 'rgb(90, 120, 30)';
    	 colors1[35] = 'rgb(45, 70, 0)';
    	 
    	 colors1[36] = 'rgb(170, 170, 0)';
    	 colors1[37] = 'rgb(220, 230, 20)';
    	 colors1[38] = 'rgb(255, 255, 0)';
    	 colors1[39] = 'rgb(255, 255, 170)';
    	 colors1[40] = 'rgb(255, 255, 230)';
    	 colors1[41] = 'rgb(255, 220, 160)';
    	 colors1[42] = 'rgb(255, 190, 90)';
    	 colors1[43] = 'rgb(255, 150, 0)';
    	 colors1[44] = 'rgb(255, 110, 0)';
    	 
    	 colors1[45] = 'rgb(75, 60, 0)';
    	 colors1[46] = 'rgb(100, 90, 60)';
    	 colors1[47] = 'rgb(180, 170, 110)';
    	 colors1[48] = 'rgb(220, 215, 190)';
    	 colors1[49] = 'rgb(230, 220, 210)';
    	 colors1[50] = 'rgb(230, 180, 140)';
    	 colors1[51] = 'rgb(175, 100, 50)';
    	 colors1[52] = 'rgb(145, 70, 20)';
    	 colors1[53] = 'rgb(120, 50, 0)';
    	 
    	 colors1[54] = 'rgb(150, 0, 0)';
    	 colors1[55] = 'rgb(200, 0, 0)';
    	 colors1[56] = 'rgb(255, 0, 0)';
    	 colors1[57] = 'rgb(255, 70, 70)';
    	 colors1[58] = 'rgb(255, 190, 190)';
    	 colors1[59] = 'rgb(255, 120, 120)';
    	 colors1[60] = 'rgb(220, 70, 70)';
    	 colors1[61] = 'rgb(180, 70, 100)';
    	 colors1[62] = 'rgb(130, 40, 80)';
    	 colors1[63] = 'rgb(255, 255, 255)';
    	 
    	 var colors2 = new Array();
    	 colors2[0] = 'White';
    	 colors2[1] = 'Gainsboro';
    	 colors2[2] = 'Silver';
    	 colors2[3] = 'Light Gray';
    	 colors2[4] = 'Smoke Gray';
    	 colors2[5] = 'Medium Gray';
    	 colors2[6] = 'Dim Gray';
    	 colors2[7] = 'Charcoal';
    	 colors2[8] = 'Dark Gray';
    	 
    	 colors2[9] = 'Indigo';
    	 colors2[10] = 'Purple';
    	 colors2[11] = 'Dark Orchid';
    	 colors2[12] = 'Heliotrope';
    	 colors2[13] = 'Mauve';
    	 colors2[14] = 'Medium Purple';
    	 colors2[15] = 'Daisy Bush';
    	 colors2[16] = 'Christalle';
    	 colors2[17] = 'Blackcurrant';
    	 
    	 colors2[18] = 'Blue Whale';
    	 colors2[19] = 'Port Gore';
    	 colors2[20] = 'Waikawa Grey';
    	 colors2[21] = 'Echo Blue';
    	 colors2[22] = 'Alice Blue';
    	 colors2[23] = 'Regent St Blue';
    	 colors2[24] = 'Air Force Blue';
    	 colors2[25] = 'Arapawa';
    	 colors2[26] = 'Prussian Blue';
    	 
    	 colors2[27] = 'British Racing Green';
    	 colors2[28] = 'Amazon';
    	 colors2[29] = 'Tradewind';
    	 colors2[30] = 'Aquamarine';
    	 colors2[31] = 'Honeydew';
    	 colors2[32] = 'Conifer';
    	 colors2[33] = 'Sushi';
    	 colors2[34] = 'Fiji Green';
    	 colors2[35] = 'Dark Green';
    	 
    	 colors2[36] = 'Citrus';
    	 colors2[37] = 'Broom';
    	 colors2[38] = 'Yellow';
    	 colors2[39] = 'Canary' ;
    	 colors2[40] = 'Light Yellow' ;
    	 colors2[41] = 'Frangipani' ;
    	 colors2[42] = 'Golden Tainoi' ;
    	 colors2[43] = 'Orange Peel' ;
    	 colors2[44] = 'Safety Orange' ;
    	 
    	 colors2[45] = 'Raw Umber' ;
    	 colors2[46] = 'Verdigris' ;
    	 colors2[47] = 'Dark Khaki' ;
    	 colors2[48] = 'Travertine' ;
    	 colors2[49] = 'Spring Wood' ;
    	 colors2[50] = 'Maize' ;
    	 colors2[51] =  'Reno Sand' ;
    	 colors2[52] =  'Saddle Brown' ;
    	 colors2[53] =  'Sienna';
    	 
    	 colors2[54] = 'Sangria';
    	 colors2[55] = 'Free Speech Red';
    	 colors2[56] = 'Red';
    	 colors2[57] = 'Coral Red';
    	 colors2[58] =  'Your Pink';
    	 colors2[59] = 'Salmon';
    	 colors2[60] = 'Valencia';
    	 colors2[61] = 'Blush';
    	 colors2[62] = 'Rose Bud Cherry';
    	 colors2[63] = 'White';
    	 
    	 var colors3 = new Array();
    	 colors3[0] = 'white';
    	 colors3[1] = 'gainsboro';
    	 colors3[2] = 'silver';
    	 colors3[3] = 'lightGray';
    	 colors3[4] = 'smokeGray';
    	 colors3[5] = 'mediumGray';
    	 colors3[6] = 'dimGray';
    	 colors3[7] = 'charcoal';
    	 colors3[8] = 'darkGray';
    	 
    	 colors3[9] = 'indigo';
    	 colors3[10] = 'purple';
    	 colors3[11] = 'darkOrchid';
    	 colors3[12] = 'heliotrope';
    	 colors3[13] = 'mauve';
    	 colors3[14] = 'mediumPurple';
    	 colors3[15] = 'daisyBush';
    	 colors3[16] = 'christalle';
    	 colors3[17] = 'blackcurrant';
    	 
    	 colors3[18] = 'blueWhale';
    	 colors3[19] = 'portGore';
    	 colors3[20] = 'waikawaGrey';
    	 colors3[21] = 'echoBlue';
    	 colors3[22] = 'aliceBlue';
    	 colors3[23] = 'regentStBlue';
    	 colors3[24] = 'airForceBlue';
    	 colors3[25] = 'arapawa';
    	 colors3[26] = 'prussianBlue';
    	 
    	 colors3[27] = 'britishRacingGreen';
    	 colors3[28] = 'amazon';
    	 colors3[29] = 'tradewind';
    	 colors3[30] = 'aquamarine';
    	 colors3[31] = 'honeydew';
    	 colors3[32] = 'conifer';
    	 colors3[33] = 'sushi';
    	 colors3[34] = 'fijiGreen';
    	 colors3[35] = 'darkGreen';
    	 
    	 colors3[36] = 'citrus';
    	 colors3[37] = 'broom';
    	 colors3[38] = 'yellow';
    	 colors3[39] = 'canary';
    	 colors3[40] = 'lightYellow';
    	 colors3[41] = 'frangipani';
    	 colors3[42] = 'goldenTainoi';
    	 colors3[43] = 'orangePeel';
    	 colors3[44] = 'safetyOrange';
    	 
    	 colors3[45] = 'rawUmber';
    	 colors3[46] = 'verdigris';
    	 colors3[47] = 'darkKhaki';
    	 colors3[48] = 'travertine';
    	 colors3[49] = 'springWood';
    	 colors3[50] = 'maize';
    	 colors3[51] = 'renoSand';
    	 colors3[52] = 'saddleBrown';
    	 colors3[53] = 'sienna';
    	 
    	 colors3[54] = 'sangria';
    	 colors3[55] = 'freeSpeechRed';
    	 colors3[56] = 'red';
    	 colors3[57] = 'coralRed';
    	 colors3[58] = 'yourPink';
    	 colors3[59] = 'salmon';
    	 colors3[60] = 'valencia';
    	 colors3[61] = 'blush';
    	 colors3[62] = 'roseBudCherry';
    	 colors3[63] = 'default';
    	 
    	 var colorKey;
    	 var hiddenInput = $('input:hidden',this);
    	 var defaultValue = $(hiddenInput).val();
    	 var inputValue = $('.panda-swatch-value',this);
    	 var arrayindex = jQuery.inArray(defaultValue, colors3);
    	 
    	 var colorClass = colors3[arrayindex];
    	 var colorName = colors2[arrayindex];
    	 var colorHex = colors1[arrayindex];
    	 if (colors2[arrayindex] == null) {
    		 colorName = 'Default';
    	 }
    	 
    	 $(inputValue).html('<div class="chosen-color" style="background-color:'+colorHex+';"><img src="/css/fordela/images/colorswatches.png" class="colorswatch-bg" /></div><p class="mleft-30">'+colorName+'</p>');
    	 $('.panda-swatch-dropdown', this).css('visibility', 'hidden');
    	 
    	 $(this).click(function(){
    		 var status = $('.panda-swatch-dropdown', this).css('visibility');
    		 if (status == 'visible'){
    			 $('.panda-swatch-dropdown', this).css('visibility', 'hidden');
    		 } else if (status == 'hidden'){
    			 $('.panda-swatch-dropdown', this).css('visibility', 'visible');
    		 }
    	 });
    	 
    	 $(this).mouseleave(function(){
    		 $('.panda-swatch-dropdown', this).css('visibility', 'hidden');
    	 });
    	 
    	 $('.colorswatch',this).mouseover(function(){
    		 var leftPos = parseInt($(this).css('left'),10);
    		 var topPos = parseInt($(this).css('top'),10);
    		 var adjLeft = leftPos-2;
    		 var adjTop = topPos-2;

    		 $(this).css('left', adjLeft);
    		 $(this).css('top', adjTop);
    		 $(this).css('height', 30);
    		 $(this).css('width', 30);
    	 });
    	 
    	 $('.colorswatch',this).mouseleave(function(){
    		 var leftPos = parseInt($(this).css('left'),10);
    		 var topPos = parseInt($(this).css('top'),10);
    		 var adjLeft = leftPos+2;
    		 var adjTop = topPos+2;
    		 $(this).css('left', adjLeft);
    		 $(this).css('top', adjTop);
    		 $(this).css('height', 26);
    		 $(this).css('width', 26);
    	 });
    	 
    	 $('.colorswatch',this).each(function(index) {
    		 $(this).click(function(){
    			 var style = String($(this).css('background-color'));
    			 if ($.browser.msie) {
    			 	var colors1IE = new Array();
    			 	$.each(colors1, function(key, value){
    			 		var newValue = value.replace(/ /g,'');
    			 		colors1IE.push(newValue);
    			 	});
    				 //alert(colors1IE[9]);
    			 	var style2 = style.replace(/ /g,'');
    				 var arrayIndex = jQuery.inArray(style2, colors1IE);
        			 var colorClassClicked = colors3[arrayIndex];
        	    	 var colorNameClicked = colors2[arrayIndex];
        	    	 var colorHexClicked = colors1[arrayIndex];
        	    	 //alert(style);
        	    	 //alert(arrayIndex);
        			 $(hiddenInput).val(colorClassClicked);
        			 $(inputValue).html('<div class="chosen-color" style="background-color:'+colorHexClicked+';"><img src="/css/fordela/images/colorswatches.png" class="colorswatch-bg" /></div><p class="mleft-30">'+colorNameClicked+'</p>');
    			 }else{
    				 var arrayIndex = jQuery.inArray(style, colors1);
        			 var colorClassClicked = colors3[arrayIndex];
        	    	 var colorNameClicked = colors2[arrayIndex];
        	    	 var colorHexClicked = colors1[arrayIndex];
        	    	 //alert(style);
        	    	 //alert(arrayIndex);
        			 $(hiddenInput).val(colorClassClicked);
        			 $(inputValue).html('<div class="chosen-color" style="background-color:'+colorHexClicked+';"><img src="/css/fordela/images/colorswatches.png" class="colorswatch-bg" /></div><p class="mleft-30">'+colorNameClicked+'</p>');
    			 }
    		 });
    	 });

     });
     return this;
   };
 })(jQuery);
 
 
// $(document).ready(function(){
//	 $('.panda-swatch').pandaSwatch();
// });