function getURLParam(strParamName){
  var strReturn = "";
  var strHref = window.location.href;
  if ( strHref.indexOf("?") > -1 ){
    var strQueryString = strHref.substr(strHref.indexOf("?")).toLowerCase();
    var aQueryString = strQueryString.split("&");
    for ( var iParam = 0; iParam < aQueryString.length; iParam++ ){
      if (aQueryString[iParam].indexOf(strParamName + "=") > -1 ){
        var aParam = aQueryString[iParam].split("=");
        strReturn = aParam[1];
        break;
      }
    }
  }
  
  return strReturn;
}

//var tag_param = getURLParam( 'cl' );



$(function() {	
	$('#sale').click(function()
	{
		$("#saleBox").overlay({

			// common configuration for each overlay
			oneInstance: false, 
			closeOnClick: false, 
			
			// disable this for modal dialog-type of overlays
			closeOnClick: false,
			top: 100,
			left: 270,
			fixed:false,
			load: true
	
		}).load();
		
	});
	

	$('#bagInfoButton').click(function()
	{
					$("#bagInfoBox").overlay({

						// common configuration for each overlay
						oneInstance: false, 
						closeOnClick: false, 
						
						// disable this for modal dialog-type of overlays
						closeOnClick: false,
						top: -20,
						left: 820,
						fixed:false,
						load: true
				
					}).load();
					
	});

	// POZYCJONOWANIE OKIENEK WYSKAKUJĄCYCH
	//positions for each overlay
	//var positions = [ [49, 622],[50, 855],[141,622],[88,617],[50,713],[15, 820],[10, 10]];
	var positions = [ [-23, 593],[-22, 826],[68,593],[15,589],[-23,684],[15, 820],[10, 10]];
	$("div[rel]").each(function(i) {
		            $(this).overlay({
					// common configuration for each overlay
					//oneInstance: true, 
					closeOnClick: true, 
					//fixed: false,
					// setup custom finish position
					top: positions[i][0],
					left: positions[i][1],
					fixed:false
					// use apple effect
					//effect: 'apple'
				});		
	});	
});


/*  ########## addVirtualImage ##################
 * 
 * category - dział w którym ma być zdjęcie wstawione np. 'Men/Tops-Shirts/"
 * position - pozycja (od lewej) na której ma być wstawione zdjęcie   np. 1
 * photo 	- nazwa pliku zdjęcia   np. 3H4P5580.png
 * align 	- rodzaj zdjęcia (poziome - H)(pionowe -V)
 * 
 */


function addVirtualImage(category,position,photo,align)
{
	var count=$('.item').size();
	var pathname = window.location.pathname;
	position=position-1;
	var margin='';
	
	if(align=='H')
		{
			margin="90px";
		}
	if(align=="V")
		{
			margin="70px";
		}
	
	if(pathname.indexOf(category) != -1)
	{	
		if(position<=count)
			{
				var virtualImage='<div class="item"><img style="max-width:260px;margin-top:'+margin+';" src="/out/basic/src/virtualImages/'+photo+'"/></div>';
				$(virtualImage).insertBefore('.item:eq('+position+')');
			}
		else
			{
				var virtualImage='<div class="item"><img style="max-width:260px;margin-top:'+margin+';" src="/out/basic/src/virtualImages/'+photo+'"/></div>';
				$(virtualImage).insertAfter('.item:eq('+(count-1)+')');
			}
	}
}


function addVirtualImage2(category,position,photo,text,price)
{
	var count=$('.item').size();
	var pathname = window.location.pathname;
	position=position-1;
	
	if(pathname.indexOf(category) != -1)
	{	

	var virtualImage='<div class="item"><img style="margin-bottom:50px;" src="/out/basic/src/virtualImages/'+photo+'"/><strong class="virtualTitle">'+text+'<br></strong><div class="cost"><big class="price">'+price+'</big></div></div>';
		if(position<=count)
			{
				$(virtualImage).insertBefore('.item:eq('+position+')');
			}
		else
			{
				$(virtualImage).insertAfter('.item:eq('+(count-1)+')');
			}
	}
}


$(document).ready(function(){
	
	// ########## HIDE OVERLAY

	$("#home").click(function(){
		$('.close').click();
	});

	$("#logo").click(function(){
		$('.close').click();
	});

	$(window).scroll(function(){
		$('.close').click();
	});

	$("#topContainer").click(function(event){
		if(event.target==this){
			$('.close').click();
		}
	});
	
	addVirtualImage('Men/Sweats-Hoodies/','1','B0005589.jpg','H');
	addVirtualImage('Men/Jeans-Hosen/','1','3H4P5580.jpg','H');
	addVirtualImage('Men/Hemden-T-Shirts/','1','3H4P5758.jpg','H');
	addVirtualImage('Men/Jacken-Strick/','1','3H4P5758.jpg','H');
	addVirtualImage('Men/Sale/','1','3H4P5683.jpg','V');
	
	addVirtualImage('Women/Sweats-Hoodies/','1','3H4P5802.jpg','V');
	addVirtualImage('Women/Jeans-Hosen/','1','3H4P5723.jpg','H');
	addVirtualImage('Women/Blusen-T-Shirt/','1','3H4P5585.jpg','H');
	addVirtualImage('Women/Jacken-Strick/','1','3H4P5622.jpg','H');
	addVirtualImage('Women/Sale/','1','B0005223.jpg','H');


	addVirtualImage('Outfit/','5','forWoman.png','H');
	addVirtualImage('Outfit/','1','forMen.png','V');

	function showVirtualProducts(category)
	{
		var virtualImages=['Burg.jpg','Rahmen.jpg','Ring.jpg','Schild.jpg','Seil.jpg','Stern.jpg', 'Mirror.jpg','Gone.jpg','Shells.jpg','Polaroid.jpg'];
		
		var count=$('.item').size();
		var virtualPics=Math.round(count/4);
		var pathname = window.location.pathname;
		
		virtualCaption=new Array();
		virtualCaption['Burg.jpg']=new Array();
		virtualCaption['Burg.jpg'][0]="SANDCASTLE|€&nbsp;0,-";
		virtualCaption['Burg.jpg'][1]="JUST YOUR HANDS|€&nbsp;0,-";
		
		virtualCaption['Rahmen.jpg']=new Array();
		virtualCaption['Rahmen.jpg'][0]="KISSES|€&nbsp;0,-";
		
		virtualCaption['Ring.jpg']=new Array();
		virtualCaption['Ring.jpg'][0]="STYLE SAVER|just trust";
		
		virtualCaption['Schild.jpg']=new Array();
		virtualCaption['Schild.jpg'][0]="WHEREVER YOU GO|you are right";
		
		virtualCaption['Seil.jpg']=new Array();
		virtualCaption['Seil.jpg'][0]="LOOK|not necessary";
		
		virtualCaption['Stern.jpg']=new Array();
		virtualCaption['Stern.jpg'][0]="LUCKY STAR|found on the beach";
		
		virtualCaption['Gone.jpg']=new Array();
		virtualCaption['Gone.jpg'][0]="GO TO THE BEACH|that's free...";
		
		virtualCaption['Mirror.jpg']=new Array();
		virtualCaption['Mirror.jpg'][0]="HUG STRONGER|€&nbsp;0,-";
		virtualCaption['Mirror.jpg'][1]="KISS LONGER|€&nbsp;0,-";
		virtualCaption['Mirror.jpg'][2]="LAUGH LOUDER|€&nbsp;0,-";
	
		virtualCaption['Shells.jpg']=new Array();
		virtualCaption['Shells.jpg'][0]="HUG STRONGER|€&nbsp;0,-";
		virtualCaption['Shells.jpg'][1]="KISS LONGER|€&nbsp;0,-";
		virtualCaption['Shells.jpg'][2]="LAUGH LOUDER|€&nbsp;0,-";
		
		virtualCaption['Polaroid.jpg']=new Array();
		virtualCaption['Polaroid.jpg'][0]="MEMORIES|are for free";
		
		var numberBefore=-1;
		
		for(i=1;i<=virtualPics+1;i++)
		{
			position=(i*5);
			
			var number=Math.floor(Math.random()*virtualImages.length);
			
			while(number==numberBefore)
				{
				number=Math.floor(Math.random()*virtualImages.length);
				}
			
			numberBefore=number;
			
			var image=virtualImages[number];
			var secondNumber=Math.floor(Math.random()*virtualCaption[image].length);
			var caption=virtualCaption[image][secondNumber];
			
			var captionArray = caption.split("|");
			
			mytext=captionArray[0];
			price=captionArray[1];
			
			if(pathname.indexOf(category) != -1)
			{	
	
			var virtualBox='<div class="item"><img style="margin-bottom:50px;" src="/out/basic/src/virtualImages/'+image+'"/><div class="virtualTitle">'+mytext+'<br></div><div class="cost"><big class="price">'+price+'</big></div></div>';
				
				if(position<=count)
					{
						$(virtualBox).insertBefore('.item:eq('+position+')');
					}
				else
					{
						$(virtualBox).insertBefore('.item:eq('+position+')');
					}
			}
		}
	}

	showVirtualProducts('Women/Sweats-Hoodies/');
	showVirtualProducts('Women/Jeans-Hosen/');
	showVirtualProducts('Women/Blusen-T-Shirt/');
	showVirtualProducts('Women/Jacken-Strick/');
	showVirtualProducts('Women/Sale/');
	
	showVirtualProducts('Men/Sweats-Hoodies/');
	showVirtualProducts('Men/Jeans-Hosen/');
	showVirtualProducts('Men/Hemden-T-Shirts/');
	showVirtualProducts('Men/Jacken-Strick/');
	showVirtualProducts('Men/Sale/');
	
	var pathname = window.location.pathname;

	if(pathname.indexOf('Women/Jeans-Hosen') != -1)
	{
		$('#fitting-guide a').attr('href','/Fitting-Guide-Women/');
		$('#productFittingGuide a').attr('href','/Fitting-Guide-Women/');
	}
	if((pathname.indexOf('Women/Sweats-Hoodies') != -1)||(pathname.indexOf('Women/Blusen-T-Shirt') != -1)||(pathname.indexOf('Women/Jacken-Strick') != -1)||(pathname.indexOf('Women/T-Shirts') != -1)||(pathname.indexOf('Women/Sale') != -1))
	{	
		$('#fitting-guide a').attr('href','/Women-Groessentabelle/');
		$('#productFittingGuide a').attr('href','/Women-Groessentabelle/');
	}

	

	if(pathname.indexOf('Men/Jeans-Hosen') != -1)
	{
		$('#fitting-guide a').attr('href','/Fitting-Guide-Men/');
		$('#productFittingGuide a').attr('href','/Fitting-Guide-Men/');
	}
	if((pathname.indexOf('Men/Sweats-Hoodies') != -1)||(pathname.indexOf('Men/Hemden') != -1)||(pathname.indexOf('Men/Jacken-Strick') != -1)||(pathname.indexOf('Men/T-Shirts') != -1)||(pathname.indexOf('Men/Sale') != -1))
	{
		$('#fitting-guide a').attr('href','/Men-Groessentabelle/');
		$('#productFittingGuide a').attr('href','/Men-Groessentabelle/');
	}
	if(pathname.indexOf('Men/Tops-Shirts') != -1)
	{
		$('#fitting-guide a').attr('href','/Men-Groessentabelle/');
		$('#productFittingGuide a').attr('href','/Men-Groessentabelle/');
	}

	if(pathname.indexOf('Outfit/') != -1)
	{
		$('#fitting-guide').hide();
		$('#productFittingGuide a').hide();
	}

	
	//######################################################################################################################
	//    KOLORY  I ROZMIARY
	//#########################################################################################################################################
	
	var allColors = new Array();
	var allLenght = new Array();

	allColors[0] =new Array('04','Polo Dark Green', 'f1942551ecb9830c5b00f5006e2e3184', '#4f6654');
	allColors[1] =new Array('028','Red Orange', '7ee158d63941bad632654e132c23c9c4', '#ca5137');
	allColors[2] =new Array('05','Dark Marl','55f5f6987d2f789bf472ee8acaae2802','#747575');
	allColors[3] =new Array('010','Dark Navy','222158b933eb3fe99c60c77437d26607','#141c1c');
	allColors[4] =new Array('025','New Brown','e8dd385d5f8228e1794d9ddd33c33a6e','#63403e');
	allColors[5] =new Array('027','Wedge Wood','7b62829e8874f789cbe773beca191925','#52648a');
	allColors[6] =new Array('015','Grey Marl','68d71685153bbd15addf14017c0b63be','#8c9793');
	allColors[7] =new Array('016','Ecru','1164554b08372bb36b2d0910d9f1ad62','#e5ece5');
	allColors[8] =new Array('029','Dark Red','99df030a603f07a7eccd95d3f5c314d7','#df3831');
	allColors[9] =new Array('024','Optic White','fd13507b211a5eec587ba8d9925df7e0','#f2f7f6');
	allColors[10]=new Array('019','Taupe','a897bb8ea1b438fb73b470b6a82366c3','#aca288');
	allColors[11]=new Array('06','Antrasit','2e23d97945e68111a067316ebf4a058e','#37393d');
	allColors[12]=new Array('013','Soda Pop Red','fb0bacef13d08469f6fea37c7aed5ff0','#e73d47');
	allColors[13]=new Array('09','Bleachwali','75634730f6e952a0371516056e06415c','#e1e0c4');
	allColors[14]=new Array('022','Grey Black','e2f35965382c29315aca3c2d189ae106','#595b57');
	allColors[15]=new Array('012','Dark Purple','2c546bea06ec252d43af2c4e28fe567f','#3e2849');
	allColors[16]=new Array('014','Dark Brown','b9d6c651f81a8b929aa9f894cb3242e5','#523431');
	allColors[17]=new Array('N0070','Beige','3ca2e3109b068abfdd9fa05aba8c2b9e','#998c7b');
	allColors[18]=new Array('N0095','Oliv','6fa8c092e1b9b49d95036cb9304d7b5f','#666759');
	allColors[19]=new Array('08','Natural Navy','d32283444bc09cf6defe28c04e6607ec','#181f42');
	allColors[20]=new Array('01','Port','54ca572c59aafd279480248e68e095ee','#4e1d29');
	allColors[21]=new Array('03','Purple','01f79a6c53f517794c0c2a31bcd4edaf','#7b4b98');
	allColors[22]=new Array('011','Gagrimal','e0c804c118c1d64a4eb4f3776069164a','#959797');
	allColors[23]=new Array('033','Aget Marl','0a2cd45b61771bb409d633a2637e6b09','#e4ddd6');
	allColors[24]=new Array('034','Warm Orange','10fc9396fde8cffc89752742be9f3d23','#e44a25');
	allColors[25]=new Array('038','New Chalk','974c21f2667ce209adb9daf6d9c46f2e','#cec8bb');
	allColors[26]=new Array('039','Camouflage','92fd0aa28e8670ff47ccbfe16a877e0b','#3b342e');
	allColors[27]=new Array('041','Royal Blue','64dc88bb09ad17eedb6f37c9f3cc2cf6','#2771ca');
	allColors[28]=new Array('040','Corn','3ac287c06405c346921973af304dc3b2','#ac8f70');
	allColors[29]=new Array('036','Turkuaz Melange','c2aed0e913065a6895be774a0f1d3427','#5895b0');
	allColors[30]=new Array('032','Polo Purple Melange','bfd28669ac4b88d25b518ffd7a87240d','#655369');
	allColors[31]=new Array('035','Pastel Pembe','cc5cc2fa9912b68ed38ad00b7efafecf','#ca99a0');
	allColors[32]=new Array('037','Turkuaz','2fccd688e2832a1412a137950481f512','#2375aa');
	allColors[33]=new Array('042','Royal blue melange','','');
	allColors[34]=new Array('031','Pastel Pembe Melange','5cb3779c58f7f2bef8fbe6e494a1bb80','#d3acad');
	allColors[35]=new Array('047','Army Green','1c08649370345b053b428ea4dc9a803d','#726f55');
	allColors[36]=new Array('050','Artic Blue','c3ebad679e328cfe3b4d69e56a9bd7e3','#abb8bf');
	allColors[37]=new Array('048','Lilac','4baaaa6e0b5411ac999cad1068fe199d','#7c4989');
	allColors[38]=new Array('045','Nature','643553ed8917429096b7020fa03f8da2','#ebd7ba');
	allColors[39]=new Array('N0024','Off White','50d0719965d12b14baa2f0596f55c05d','#e8e1d9');
	allColors[40]=new Array('N0086','Burnt Orange','d60a2787efb685eeb526786bbcdb89d1','#d06330');
	allColors[41]=new Array('043','Light Grey','4108661317d07ebefd10cc9375090c25','#b3a89f');
	allColors[42]=new Array('Ν0045','Blue Navy','3ea375cf3979ccac802812b23746d005','#3f4566');
	allColors[43]=new Array('010/045','Dark Navy/Nature','416412f85a9497ccc4cbecaab474ac8f','#141c1c');
	allColors[44]=new Array('045/010','Nature/Dark Navy','735f5c3cd292115010e6364786885469','#ebd7ba');
	allColors[45]=new Array('051','Sea Turkquise','8def63c30c6cdf70628a51b46fab5135','#1f7faf');
	allColors[46]=new Array('052','US Pink','e35adc0190ac9fd25035dcec8606053a','#ed2855');
	allColors[47]=new Array('054','Shell','65cb4b9859bc1dbdd3c3fffab8937d2d','#d0c2b5');  
	allColors[48]=new Array('N0087','Natural','528555af72fdd19832a7c5fc2a382a7b','#7c674d');
	allColors[49]=new Array('N0012','Dark Green','cd34a3424b9ab329a8ac9bb64454d69f','#2d2b25');
	allColors[50]=new Array('055','Light Blue','799780ac0b30d71186aa624a78feca93','#b5c5de');
	allColors[51]=new Array('053','Medium Lilac','9ec597240d47392b1306a82e89c8a9d7','#673574');
	allColors[52]=new Array('057','Dark Shell','a6843ef7c01b25351b8d9f9faf68f3ae','#5E544A');
	allColors[53]=new Array('N0090','Black','c378e72b4ea6f4a2e29d464b00d50f76','#232323');
	allColors[54]=new Array('00','Denim','54741490c5f72f6344dd2c46309d6d1c','#2E333A');
	allColors[55]=new Array('015','Grey Melange','0aa2b637df4291bd723cad3f2aba4dd0','#9F9FA1');
	allColors[56]=new Array('060','Plum ','dabc309f31620ca51333055ec81d463e','#391C3C');
	allColors[57]=new Array('058','Gold Yellow','44ef6a036b878ded4510e8a396425849','#D27F21');
	allColors[58]=new Array('070','Black','22fd459b54a1eb910a2a78eeac11991a','#191A1C');
	allColors[59]=new Array('063','Mud Olive','bf1c7b82d702933aef013a208e558049','#383226');
	allColors[60]=new Array('N0049','Brown','9acad36c09d7bfc784c9e6fb4ba25158','#2F2D2B');
	allColors[61]=new Array('N0045','Blue Navy','6f9ea299a93875105c7cb0001c03c560','#363A55');
	allColors[62]=new Array('059','Middle Blue','9ff479fdd38393faf9ab101c2edde80e','#698FB3');
	//allColors[63]=new Array('999','Original1','86c4f86a11ab9dd9a728c1724269e2b9','#1E2029');
	allColors[64]=new Array('071','Dark Beige','dccd3b11191eebf97b12f0a666a65ae5','#858787');
	allColors[65]=new Array('061','Dark Olive','cbba8d7988c2213499bb637ccb856610','#59523F');
	allColors[66]=new Array('008','Nautical Blue','98e7b733ca573d59fefea0d040749c0c','#222333');
	allColors[67]=new Array('038','Ecru','80c868bd6de50dbe82eeabcbf0611b41','#E4D4C7');
	allColors[68]=new Array('056','Dark Antrasit','35008f1b6a3f65cd5eba19b3b1b22209','#3d3e41');
	allColors[69]=new Array('062','U.S. Wine','2d5b9245c336ed9c3021988434edcbff','#6b1f34');
	allColors[70]=new Array('008','Navy','aa020aa044197b41e8a485b4ad27ad8c','#141721');
	allColors[71]=new Array('038','Chalk','73e2667742d8149668e187d3729ab603','#F3EDE7');
	allColors[72]=new Array('N0009','Coral','326e9d8da99ba2a4dffb1a2d21e723eb','#F82424');
	allColors[73]=new Array('150','Nature Melange','26475edf89a7a97f3150cbef91405b62','#E2E2DF');
	allColors[74]=new Array('200','Honey Yellow','389e9c54e07a00f7969e763d3a36766b','#F1CD59');
	allColors[75]=new Array('350','Pop Red','408d7342c00f02551a97bb7dddf404e2','#DD192B');
	allColors[76]=new Array('400','Grass Green','b67b5fcde6f2d728dd83cd938afa0d6b','#098C79');
	allColors[77]=new Array('500','Sky Blue','8767157375648637af95612e3dfd7075','#023DAF');
	allColors[78]=new Array('501','Dark Indigo','2a3e5fedb76778987e5a02d92e27382a','#1C2240');
	allColors[79]=new Array('601','Berry Melange','f2a2a6c667e7d8ea8c53e9c3bf851104','#9A347D');
	allColors[80]=new Array('100','White','4d2cd000949841dded6d391c5d7c15ce','#DCE4F6');
	allColors[81]=new Array('151','Silver Melange','39d8c2952d9d66932244e6df3b8df4d3','#B5B9B9');
	allColors[82]=new Array('101','Off White','d5ebb73f017ee4bd91dfc11cd0258f79','#E5E5E6');
	allColors[83]=new Array('250','Warm Orange','3a16038b8d0c60ec464264489f1ddb3c','#DC3C25');
	allColors[84]=new Array('502','Sky Blue Melange','1ba9985a287ce32360a55b4f33a71f8c','#1c58ae');
	allColors[85]=new Array('102','DARK WHITE','d913da91bcc24d62cef44ecaa5ef83a0','#d6c6a4');
	//6.02.2012
	allColors[85]=new Array('102','Dark White','d913da91bcc24d62cef44ecaa5ef83a0','#d6c6a4');
	allColors[86]=new Array('703','Shell Mel','abc1eddf6003626519fceb21a4d6f6de','#c2b49d');
	allColors[87]=new Array('605','Winter Pink','93e405b5fe63bded3b815c0700bb1531','#943f5e');
	allColors[88]=new Array('201','Gold Yellow','efaf6f227bf389db62a696bc247e256c','#cd831a');
	allColors[89]=new Array('702','Dark Shell','224737488a6c799f1fbbcbd3de326741','#664429');
	allColors[90]=new Array('355','Us Wine','a77bc54471d3dc9ad004eb708ea99812','#351916');
	allColors[91]=new Array('356','Tomato Red','2ae152e916dde1e2be77e21305133798','#ad1115');
	allColors[92]=new Array('354','Tom Red Mel','3efc3d2baba0ce5385a2ff9a4abd1674','#ac201f');
	allColors[93]=new Array('509','D. Pool Blue','982923c16b623eaf7de2485e64b4c93a','#2757a6');
	allColors[94]=new Array('511','Dedim Mel','b2580140ebe5b067c5bca8752d6bf8d2','#616c7e');
	allColors[95]=new Array('512','Blu Mel','e8c66eee6f076375104cf50817ea6f01','#87a4cc');
	allColors[96]=new Array('510','Deepsea Blue','ba12a47a5e0ca239d97304a6c7eb0bcb','#17193a');
	allColors[97]=new Array('608','D. Berry Mel','ca92770a6e66d7ccdc025d95756b5846','#876685');
	allColors[98]=new Array('154','Grey Mel','65d04005b6635712c72d818bf624b911','#938883');
	allColors[99]=new Array('513','Blue Black','c0ff15639c2f6d7ed3aef2913878611f','#25232f');
	allColors[100]=new Array('750','Italy Brown','6dd7501ae578ec14e257a0484bfb67d3','#4e261a');
	allColors[101]=new Array('751','It Brown Mel','db4d1231541fc4f95d1a95750eac95ef','#684234');
	allColors[102]=new Array('403','D. Oliv','34e5f2034ff35599945fcaa4bb4adbe0','#352818');
	allColors[103]=new Array('152','Antra Mel','c04f68a7ccf63802c87491c99c86b9ac','#3d3836');
	allColors[104]=new Array('153','Salt Peper','185462d87b69ccc35f60a2316145ef66','#342927');
	allColors[105]=new Array('404','D. Olive Mel','1022b4a2b09bdc4b4c6df1affb6c1833','#45342a');


	allLenght[0]=new Array('regular - 33In','9a516c8ba8c175d94d668e5c89de1910');
	allLenght[1]=new Array('short - 31In','43cb13debeb8e72be12ac48ca6ac9cf4');
	allLenght[2]=new Array('long - 35In','cc4bd3d59bd62ef18bbc2848503297c1');
	
	var colors=[];
	var sizes=[];
	var id=[];

	$('#mdvariantselect_ option').each(function(i, value) {
		colors[i] =$(value).text();
		id[i] =$(value).val();

		var colId = $('#mdvariantselect_').val();
		
		switch (colors[i]) {
		case '04 Polo Dark Green': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[0][2])+'\',\'#color'+(i)+'\');changeURL();" ><div  title="'+(allColors[0][1])+'" style="background-color:'+(allColors[0][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[0][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '028 Red Orange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[1][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[1][1])+'" style="background-color:'+(allColors[1][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[1][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '05 Dark Marl': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[2][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[2][1])+'" style="background-color:'+(allColors[2][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[2][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '010 Dark Navy': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[3][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[3][1])+'" style="background-color:'+(allColors[3][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[3][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '025 New Brown': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[4][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[4][1])+'" style="background-color:'+(allColors[4][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[4][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '027 Wedge Wood': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[5][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[5][1])+'" style="background-color:'+(allColors[5][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[5][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '015 Grey Marl': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[6][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[6][1])+'" style="background-color:'+(allColors[6][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[6][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '016 Ecru': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[7][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[7][1])+'" style="background-color:'+(allColors[7][3])+';"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[7][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		
		case '029 Dark Red': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[8][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[8][1])+'" style="background-color:'+(allColors[8][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[8][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '024 Optic White': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[9][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[9][1])+'" style="background-color:'+(allColors[9][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[9][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '019 Taupe': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[10][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[10][1])+'" style="background-color:'+(allColors[10][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[10][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '06 Antrasit': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[11][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[11][1])+'" style="background-color:'+(allColors[11][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[11][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '013 Soda Pop Red': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[12][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[12][1])+'" style="background-color:'+(allColors[12][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[12][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;

		case '09 Bleachwali': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[13][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[13][1])+'" style="background-color:'+(allColors[13][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[13][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '022 Grey Black': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[14][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[14][1])+'" style="background-color:'+(allColors[14][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[14][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
			
		case '012 Dark Purple': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[15][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[15][1])+'" style="background-color:'+(allColors[15][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[15][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '014 Dark Brown': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[16][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[16][1])+'" style="background-color:'+(allColors[16][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[16][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0070 Beige': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[17][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[17][1])+'" style="background-color:'+(allColors[17][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[17][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0095 Oliv': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[18][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[18][1])+'" style="background-color:'+(allColors[18][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[18][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '08 Natural Navy': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[19][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[19][1])+'" style="background-color:'+(allColors[19][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[19][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '01 Port': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[20][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[20][1])+'" style="background-color:'+(allColors[20][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[20][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '03 Purple': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[21][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[21][1])+'" style="background-color:'+(allColors[21][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[21][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case '011 Gagrimal': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[22][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[22][1])+'" style="background-color:'+(allColors[22][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[22][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '033 Aget Marl': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[23][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[23][1])+'" style="background-color:'+(allColors[23][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[23][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '034 Warm Orange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[24][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[24][1])+'" style="background-color:'+(allColors[24][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[24][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '038 New Chalk': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[25][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[25][1])+'" style="background-color:'+(allColors[25][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[25][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '039 Camouflage': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[26][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[26][1])+'" style="background-color:'+(allColors[26][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[26][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
			
		case '041 Royal Blue': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[27][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[27][1])+'" style="background-color:'+(allColors[27][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[27][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '040 Corn': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[28][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[28][1])+'" style="background-color:'+(allColors[28][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[28][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '036 Turkuaz Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[29][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[29][1])+'" style="background-color:'+(allColors[29][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[29][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '032 Polo Purple Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[30][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[30][1])+'" style="background-color:'+(allColors[30][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[30][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '035 Pastel Pembe': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[31][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[31][1])+'" style="background-color:'+(allColors[31][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[31][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '037 Turkuaz': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[32][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[32][1])+'" style="background-color:'+(allColors[32][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[32][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '031 Pastel Pembe Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[34][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[34][1])+'" style="background-color:'+(allColors[34][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[34][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break; 
			
		case '047 Army Green': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[35][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[35][1])+'" style="background-color:'+(allColors[35][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[35][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '050 Artic Blue': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[36][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[36][1])+'" style="background-color:'+(allColors[36][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[36][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '048 Lilac': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[37][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[37][1])+'" style="background-color:'+(allColors[37][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[37][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '045 Nature': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[38][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[38][1])+'" style="background-color:'+(allColors[38][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[38][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		case 'N0024 Off White': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[39][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[39][1])+'" style="background-color:'+(allColors[39][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[39][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0086 Burnt Orange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[40][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[40][1])+'" style="background-color:'+(allColors[40][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[40][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '043 Light Grey': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[41][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[41][1])+'" style="background-color:'+(allColors[41][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[41][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'Ν0045 Blue Navy': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[42][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[42][1])+'" style="background-color:'+(allColors[42][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[42][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '010/045 Dark Navy/Nature': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[43][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[43][1])+'" style="background-color:'+(allColors[43][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[43][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '045/010 Nature/Dark Navy': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[44][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[44][1])+'" style="background-color:'+(allColors[44][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[44][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '051 Sea Turkquise': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[45][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[45][1])+'" style="background-color:'+(allColors[45][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[45][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '052 US Pink': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[46][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[46][1])+'" style="background-color:'+(allColors[46][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[46][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '054 Shell': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[47][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[47][1])+'" style="background-color:'+(allColors[47][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[47][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0087 Natural': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[48][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[48][1])+'" style="background-color:'+(allColors[48][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[48][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0012 Dark Green': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[49][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[49][1])+'" style="background-color:'+(allColors[49][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[49][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '055 Light Blue': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[50][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[50][1])+'" style="background-color:'+(allColors[50][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[50][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '053 Medium Lilac': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[51][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[51][1])+'" style="background-color:'+(allColors[51][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[51][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '057 Dark Shell': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[52][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[52][1])+'" style="background-color:'+(allColors[52][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[52][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0090 Black': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[53][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[53][1])+'" style="background-color:'+(allColors[53][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[53][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '00 Denim': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[54][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[54][1])+'" style="background-color:'+(allColors[54][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[54][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
			
		case '015 Grey Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[55][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[55][1])+'" style="background-color:'+(allColors[55][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[55][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;		
			
			
		case '060 Plum': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[56][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[56][1])+'" style="background-color:'+(allColors[56][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[56][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '058 Gold Yellow': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[57][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[57][1])+'" style="background-color:'+(allColors[57][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[57][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '070 Black': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[58][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[58][1])+'" style="background-color:'+(allColors[58][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[58][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '063 Mud Olive': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[59][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[59][1])+'" style="background-color:'+(allColors[59][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[59][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case 'N0049 Brown': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[60][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[60][1])+'" style="background-color:'+(allColors[60][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[60][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case 'N0045 Blue Navy': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[61][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[61][1])+'" style="background-color:'+(allColors[61][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[61][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '059 Middle Blue': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[62][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[62][1])+'" style="background-color:'+(allColors[62][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[62][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '999 Original1': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[63][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[63][1])+'" style="background-color:'+(allColors[63][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[63][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '071 Dark Beige': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[64][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[64][1])+'" style="background-color:'+(allColors[64][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[64][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '061 Dark Olive': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[65][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[65][1])+'" style="background-color:'+(allColors[65][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[65][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '008 Nautical Blue': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[66][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[66][1])+'" style="background-color:'+(allColors[66][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[66][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '038 Ecru': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[67][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[67][1])+'" style="background-color:'+(allColors[67][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[67][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;	
			
		case '056 Dark Antrasit': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[68][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[68][1])+'" style="background-color:'+(allColors[68][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[68][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;

			
		case '062 U.S. Wine': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[69][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[69][1])+'" style="background-color:'+(allColors[69][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[69][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '008 Navy': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[70][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[70][1])+'" style="background-color:'+(allColors[70][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[70][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '038 Chalk': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[71][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[71][1])+'" style="background-color:'+(allColors[71][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[71][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case 'N0009 Coral': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[72][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[72][1])+'" style="background-color:'+(allColors[72][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[72][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '150 Nature Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[73][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[73][1])+'" style="background-color:'+(allColors[73][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[73][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '200 Honey Yellow': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[74][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[74][1])+'" style="background-color:'+(allColors[74][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[74][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '350 Pop Red': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[75][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[75][1])+'" style="background-color:'+(allColors[75][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[75][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '400 Grass Green': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[76][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[76][1])+'" style="background-color:'+(allColors[76][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[76][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '500 Sky Blue': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[77][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[77][1])+'" style="background-color:'+(allColors[77][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[77][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		
		case '501 Dark Indigo': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[78][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[78][1])+'" style="background-color:'+(allColors[78][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[78][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '601 Berry Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[79][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[79][1])+'" style="background-color:'+(allColors[79][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[79][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '100 White': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[80][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[80][1])+'" style="background-color:'+(allColors[80][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[80][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '151 Silver Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[81][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[81][1])+'" style="background-color:'+(allColors[81][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[81][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '101 Off White': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[82][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[82][1])+'" style="background-color:'+(allColors[82][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[82][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '250 Warm Orange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[83][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[83][1])+'" style="background-color:'+(allColors[83][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[83][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
			
		case '502 Sky Blue Melange': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[84][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[84][1])+'" style="background-color:'+(allColors[84][3])+'"  class="colorbox" id=color'+(i)+'></div></a>');
			$('#colorsContainer').css('width',(31*(i+1))+'px');
			if(colId==allColors[84][2]) {
				$('.colorbox').removeClass('color-active');
				$('#color'+(i)).addClass('color-active');
			}
			break;
		
		//6.02.2012
		case '102 Dark White':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[85][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[85][1])+'" style="background-color:'+(allColors[85][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[85][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '703 Shell Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[86][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[86][1])+'" style="background-color:'+(allColors[86][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[86][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '605 Winter Pink':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[87][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[87][1])+'" style="background-color:'+(allColors[87][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[87][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '201 Gold Yellow':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[88][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[88][1])+'" style="background-color:'+(allColors[88][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[88][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '702 Dark Shell':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[89][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[89][1])+'" style="background-color:'+(allColors[89][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[89][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '355 Us Wine':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[90][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[90][1])+'" style="background-color:'+(allColors[90][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[90][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '356 Tomato Red':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[91][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[91][1])+'" style="background-color:'+(allColors[91][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[91][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '354 Tom Red Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[92][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[92][1])+'" style="background-color:'+(allColors[92][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[92][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '509 D. Pool Blue':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[93][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[93][1])+'" style="background-color:'+(allColors[93][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[93][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '511 Dedim Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[94][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[94][1])+'" style="background-color:'+(allColors[94][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[94][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '512 Blu Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[95][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[95][1])+'" style="background-color:'+(allColors[95][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[95][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '510 Deepsea Blue':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[96][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[96][1])+'" style="background-color:'+(allColors[96][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[96][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '608 D. Berry Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[97][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[97][1])+'" style="background-color:'+(allColors[97][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[97][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '154 Grey Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[98][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[98][1])+'" style="background-color:'+(allColors[98][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[98][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '513 Blue Black':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[99][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[99][1])+'" style="background-color:'+(allColors[99][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[99][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '750 Italy Brown':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[100][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[100][1])+'" style="background-color:'+(allColors[100][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[100][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '751 It Brown Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[101][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[101][1])+'" style="background-color:'+(allColors[101][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[101][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '403 D. Oliv':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[102][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[102][1])+'" style="background-color:'+(allColors[102][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[102][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '152 Antra Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[103][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[103][1])+'" style="background-color:'+(allColors[103][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[103][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '153 Salt Peper':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[104][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[104][1])+'" style="background-color:'+(allColors[104][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[104][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;


case '404 D. Olive Mel':
$('#colorsContainer').append('<a onclick="javascript:changeSelect(\''+(allColors[105][2])+'\',\'#color'+(i)+'\');changeURL();" ><div title="'+(allColors[105][1])+'" style="background-color:'+(allColors[105][3])+'" class="colorbox" id=color'+(i)+'></div></a>');
$('#colorsContainer').css('width',(31*(i+1))+'px');
if(colId==allColors[105][2]) {
$('.colorbox').remo1veClass('color-active');
$('#color'+(i)).addClass('color-active');
}
break;



	
		case 'regular - 33In': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect2(\''+(allLenght[0][1])+'\',\'#color'+(i)+'\');changeURL();" ><div  class="lenghtbox" id=color'+(i)+'>'+(allLenght[0][0])+'</div></a>');
			$('#colorsContainer').css('width',(101*(i+1))+'px');
			if(colId==allLenght[0][1]) {
				$('.lenghtbox').removeClass('lenght-active');
				$('#color'+(i)).addClass('lenght-active');	
			}
			break;
			
		case 'short - 31In': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect2(\''+(allLenght[1][1])+'\',\'#color'+(i)+'\');changeURL();" ><div  class="lenghtbox" id=color'+(i)+'>'+(allLenght[1][0])+'</div></a>');
			$('#colorsContainer').css('width',(101*(i+1))+'px');
			if(colId==allLenght[1][1]) {
				$('.lenghtbox').removeClass('lenght-active');
				$('#color'+(i)).addClass('lenght-active');	
			}
			break;
		case 'long - 35In': 
			$('#colorsContainer').append('<a onclick="javascript:changeSelect2(\''+(allLenght[2][1])+'\',\'#color'+(i)+'\');changeURL();" ><div  class="lenghtbox" id=color'+(i)+'>'+(allLenght[2][0])+'</div></a>');
			$('#colorsContainer').css('width',(101*(i+1))+'px');
			if(colId==allLenght[2][1]) {
				$('.lenghtbox').removeClass('lenght-active');
				$('#color'+(i)).addClass('lenght-active');	
			}
			break;
		}
	});
	
	// POBRANIE ROZMIARÓW DLA PIERWSZEGO ZAŁADOWANIA DETALI PRODUKTU
	var colId  = $('#mdvariantselect_').val();
	var sizeId = $('#mdvariantselect_'+colId).val();
	
	$('#mdvariantselect_ option').each(function(ii, valuee) {
			if ($(valuee).val() == colId) {
				getSizesOnly(colId,$(valuee).text(),colId,sizeId);
			}
		}
	);
	
	// POBRANIE  ZDJĘĆ DLA PIERWSZEGO ZAŁADOWANIA DETALI PRODUKTU
	SetDetailPictures();
	
	if(pathname.indexOf('Sale/') != -1)
	{
		SetFittingGuideLink();
	}
		
	// ZDJĘCIA W RECOMENDED PRODUCTS KOREKTA GDYŻ PO ZMIANACH NIE POJAWIAŁY SIĘ WSZYSTKIE FOTKI
	$('.hiddenID').each(function(i, value){
	   
	   var recId=$(this).attr('id');
	   
	    $.ajax({
			url : "/lib/ajax/recomended.php?productId="+recId,
			success : function (data) {
				
				dataL=data.length;
				var recImage=data.substring(0,dataL-4);
				var recExt=data.substring(dataL-4,dataL);	
				if($("#"+recId+"_out").attr('src')=='')
				{
						$("#"+recId+"_out").attr('src',"/out/pictures/1/"+recImage+"_ico"+recExt);
				}
				else
				{
					$("#"+recId+"_out").next().attr('src',"/out/pictures/1/"+recImage+"_ico"+recExt);
				}
			}
		});
   });
});


// ZAZNACZENIE UKRYTEGO SELECTA WG OKREŚLONEGO ID KOLORU I OZNACZENIE WYBRANEGO COLOR BOXA
//
//   i - id coloru  [md5(nazwa koloru)]
//   active - id diva który został kliknięty
function changeSelect(i,active)
{
	$('#mdvariantselect_').attr("selected","false"); 
	$('#mdvariantselect_').val(i);
	$('#mdvariantselect_').change();
	//alert(i+" "+active);
	
	$('.colorbox').removeClass('color-active');
	$(active).addClass('color-active');
}

//ZAZNACZENIE UKRYTEGO SELECTA WG OKREŚLONEGO ID DŁUGOŚCI I OZNACZENIE WYBRANEGO LENGHT BOXA
//
//   i - id coloru  [md5(nazwa długości)]
//   active - id diva który został kliknięty
function changeSelect2(i,active)
{
	$('#mdvariantselect_').attr("selected","false"); 
	$('#mdvariantselect_').val(i);
	$('#mdvariantselect_').change();
	
	
	$('.lenghtbox').removeClass('lenght-active');
	$(active).addClass('lenght-active');
}


//ZAZNACZENIE UKRYTEGO SELECTA WG OKREŚLONEGO ID ROZMIARU 
//
//   size - id rozmiaru  [md5(nazwa rozmiaru)]
//   opt  - id koloru/dlugości dla której zmieniany jest rozmiar
//   active2 - id klikniętego size boxa
function changeSize(opt,size,active2) {
	$('#mdvariantselect_'+opt+' option').each(function(i, value) {
		size= jQuery.trim(size);
		if ($(value).text() == size) {
			$('#mdvariantselect_'+opt).attr("selected","false"); 
			$('#mdvariantselect_'+opt).val($(value).val());
			$('#mdvariantselect_'+opt).change();
		}
		
		$('.sizesbox').removeClass('size-active');
		$(active2).addClass('size-active')
	});
}

//PRZEŁADOWANIE OBRAZKÓW I ROZMIARÓW PO KLIKNIĘCIU W  KOLOR BOX
function changeURL()
{
     var colId  = $('#mdvariantselect_').val();
	 var sizeId = $('#mdvariantselect_'+colId).val();
	 //alert(colId+" "+sizeId);
	 $('#mdvariantselect_ option').each(function(ii, valuee) 
	 {
	   if ($(valuee).val() == colId) 
	   {
		    getSizesOnly(colId,$(valuee).text(),colId,sizeId);
		    setPictures(colId,$(valuee).text());
	   }
	 }
	 );
}


// POBRANIE SIZES BOXÓW
function getSizesOnly(opt,name,colId,sizeId) 
{
	var prodId = $('#anid').val(); 
	var defaultSize = '';
	
	$('#mdvariantselect_'+colId+' option').each(function(i, value) {
		
		if ($(value).val() == sizeId) 
		{
			defaultSize = $(value).text();
		}
	});
	$.ajax({
		url : "/lib/ajax/detailsChanger.php?action=sizes&name="+name+"&prodid="+prodId+"&opt="+opt+"&default="+defaultSize,
		success : function (data) {
			$("#sizesContainer").html(data);
		}
	});
}

//ŁADOWANIE ZDJĘĆ DO DETAILS (DOSTĘPNY KOLOR Z NAJMNIEJSZYM SORT)	
function SetDetailPictures()
{
    var colorId  = $('#mdvariantselect_').val();
    var productId = $('#anid').val();
				
    $('#mdvariantselect_ option').each(function(i, value) 
    {
    	if ($(value).val() == colorId) 
    	{
    		colorName=$(value).text();
    		$.ajax({
    			url : "/lib/ajax/detailPics.php?colorId="+colorName+"&productId="+productId,
    			success : function (data) 
    			{
    				$("#productCenter").html(data);	
    			}
    		});
    	}
    });
}


function SetFittingGuideLink()
{
    var productId = $('#anid').val();
    $.ajax({
		url : "/lib/ajax/fittingGuideLink.php?productId="+productId,
		success : function (data) {
			//alert(data);
				$("#productFittingGuide a").attr('href',data);
		}
	});
}


function setPictures(opt,name) {
	var prodId = $('#anid').val(); 
	//alert(prodId);
	$.ajax({
		url : "/lib/ajax/detailsChanger.php?action=pictures&name="+name+"&prodid="+prodId+"&opt="+opt,
		success : function (data) {
			$("#productCenter").html(data);	
		}
	});
}


//SPRAWDZENIE ZAZNACZENIA INPUT CHECK
function checkAvaliableItems() {
	if	($('#aggre').is(':checked')){
		// Ok
	}
	else {
		alert('Sie müssen AGB lesen und akzeptieren');
		return false;
	}
	if	($('#age').is(':checked')){
		// Ok
	}
	else {
		alert('Sie müssen Ihre Volljährigkeit bestätigen');
		return false;
	}
}


//#################################################################################################
//	WALIDACJA
//#################################################################################################

$(document).ready(function(){

function valid_email(email) 
{ 
	var pattern= new RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/); 
	return pattern.test(email); 
}

// WALIDACJA REQUIRE TEXT INPUT
$('form :input').blur(function()
{
	$(this).removeClass('warning')
	if($(this).hasClass('req'))
	{
		if(this.value=='')
			{
				$(this).addClass('warning');
			}
	}
});


//DODATKOWA WALIDACJA PO KLIKNIECIU SUBMIT
$('#test_UserNextStepBottom').click(function()
{
	$(':input.req').trigger('blur');
	var numWarnings = $(':input.warning').length;
	if(numWarnings)
	{
		return false;
	}

});

//DODATKOWA WALIDACJA PO KLIKNIECIU SUBMIT
$('#csendb').click(function()
{	
	$(':input.req').trigger('blur');
	var numWarnings = $(':input.warning').length;
	
	$(':input.req_mail').trigger('blur');
	var numWarnings = $(':input.warning').length;

	if(numWarnings)
	{
	return false;
	}
});


//WALIDACJA EMAIL INPUT
		$('form :input').blur(function(){
		if($(this).hasClass('req_mail'))
		{
		if(!valid_email(this.value))
			{
				$(this).addClass('warning');
			}
		}
		});
		
		
		//DODATKOWA WALIDACJA PO KLIKNIECIU SUBMIT
		$('#test_newsLetter_submit').click(function(){
		$(':input.req_mail').trigger('blur');
		var numWarnings = $(':input.warning').length;

		if(numWarnings)
		{
		return false;
		}
		});


// ####################################################################################################
//			 ŁADOWANIE ZDJĘĆ AJAX
// ####################################################################################################


// ŁADOWANIE ZDJĘĆ DO OVERVIEW (DOSTĘPNY KOLOR Z NAJMNIEJSZYM SORT)					 
// ZMIANA ZDJĘĆ W OVERVIEW			
	$('.colorboxOV').click(function()
	{
		var ovProductColor=$(this).attr('original-title');	
		var ovProductId=$(this).parent().attr('id');
						 		
			
						 		
			$.ajax({
				url : "/lib/ajax/overviewPicsChanger.php?ovProductId="+ovProductId+"&ovProductColor="+ovProductColor,
				success : function (data)
				{
					ovProductId=data.substring(0,49);
					picName=data.substring(49);
					$('body').find(ovProductId).children(':first-child').attr('src','/out/pictures/1/'+picName);
				}
			});
	});
	
	
//####################################################################################################
//	POKAZYWANIE I UKRYWANIE BUTTONÓW USUWANIA I AKTUALIZACJI W KOSZYKU
//####################################################################################################
	
	$('.changeInput').keyup(function() 
	{
	$('#test_basket_Remove').hide();
	$('#test_basketUpdate').show();
	});
	$('.changeCheck').change(function() 
	{
	$('#test_basketUpdate').hide();
	$('#test_basket_Remove').show();
	});


//####################################################################################################
//	MIGANIE NAPISU
//####################################################################################################	
	
	function fadeInOut()
	{
		$("#text p").fadeTo("slow",0.0);
		$("#text p").fadeTo("slow",1.0,fadeInOut);
	}
	fadeInOut();
});
	
//####################################################################################################
//	SCROLL SLIDER
//####################################################################################################

/**
 * jQuery mousehold plugin - fires an event while the mouse is clicked down.
 * Additionally, the function, when executed, is passed a single
 * argument representing the count of times the event has been fired during
 * this session of the mouse hold.
 *
 * @author Remy Sharp (leftlogic.com)
 * @date 2006-12-15
 * @example $("img").mousehold(200, function(i){  })
 * @desc Repeats firing the passed function while the mouse is clicked down
 *
 * @name mousehold
 * @type jQuery
 * @param Number timeout The frequency to repeat the event in milliseconds
 * @param Function fn A function to execute
 * @cat Plugin
 */

jQuery.fn.mousehold = function(timeout, f) {
	if (timeout && typeof timeout == 'function') {
		f = timeout;
		timeout = 100;
	}
	if (f && typeof f == 'function') {
		var timer = 0;
		var fireStep = 0;
		return this.each(function() {
			jQuery(this).mousedown(function() {
				fireStep = 1;
				var ctr = 0;
				var t = this;
				timer = setInterval(function() {
					ctr++;
					f.call(t, ctr);
					fireStep = 2;
				}, timeout);
			})

			clearMousehold = function() {
				clearInterval(timer);
				if (fireStep == 1) f.call(this, 1);
				fireStep = 0;
			}
			
			jQuery(this).mouseout(clearMousehold);
			jQuery(this).mouseup(clearMousehold);
		})
	}
}

	
$(document).ready(function(){	
	
	
//####################################################################################################
//	OBSŁUGA SLIDERA
//####################################################################################################	
	 
var conveyor = $(".content-conveyor", $("#sliderContent")),
item = $(".item", $("#sliderContent"));
			
//set length of conveyor
conveyor.css("width", item.length * parseInt(item.css("width")));

//config
var sliderOpts = {
	max: (item.length * parseInt(item.css("width"))) - parseInt($(".viewer", $("#sliderContent")).css("width")),
	slide: function(e, ui) 
	{ 
		conveyor.css("left", "-" + ui.value + "px");
	}
};

//create slider
$("#slider").slider(sliderOpts);

$("#rArr").mousehold(0.1,function(event){
	var $myvalue=item.length * parseInt(item.css("width"));
	$myvalue=$myvalue-757;
	
	var $sliderSize=	$('.ui-slider-handle').css("left");
	var $slideWindowSize= $('.content-conveyor').css("left");
			        	
	$sliderSize=parseFloat($sliderSize,10);
	$slideWindowSize=parseFloat($slideWindowSize,10);
	if($sliderSize>=100) 
	{
		return false;
	}
	
	$sliderSize=$sliderSize+0.4;
	$slideWindowSize=$slideWindowSize-($myvalue*0.004);
		        	
	$('.content-conveyor').css("left",$slideWindowSize +"px");
	$('.ui-slider-handle').css("left",$sliderSize +"%");
});


$("#lArr").mousehold(0.1,function(event){

	var $myvalue=item.length * parseInt(item.css("width"));
	$myvalue=$myvalue-757;
		     	
	var $sliderSize=$('.ui-slider-handle').css("left");
	var $slideWindowSize= $('.content-conveyor').css("left");
			        	
	$sliderSize=parseFloat($sliderSize,10);
	$slideWindowSize=parseFloat($slideWindowSize,10);
	
	if($sliderSize<=0) 
	{
		return false;
	}
	
	$sliderSize=$sliderSize-0.4;
	$slideWindowSize=$slideWindowSize+($myvalue*0.004);
	
	$('.content-conveyor').css("left",$slideWindowSize +"px");
	$('.ui-slider-handle').css("left",$sliderSize +"%");
});
	
});


//####################################################################################################
//    TIMERS
//####################################################################################################

jQuery.fn.extend({
	everyTime: function(interval, label, fn, times, belay) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, times, belay);
		});
	},
	oneTime: function(interval, label, fn) {
		return this.each(function() {
			jQuery.timer.add(this, interval, label, fn, 1);
		});
	},
	stopTime: function(label, fn) {
		return this.each(function() {
			jQuery.timer.remove(this, label, fn);
		});
	}
});

jQuery.extend({
	timer: {
		guid: 1,
		global: {},
		regex: /^([0-9]+)\s*(.*s)?$/,
		powers: {
			// Yeah this is major overkill...
			'ms': 1,
			'cs': 10,
			'ds': 100,
			's': 1000,
			'das': 10000,
			'hs': 100000,
			'ks': 1000000
		},
		timeParse: function(value) {
			if (value == undefined || value == null)
				return null;
			var result = this.regex.exec(jQuery.trim(value.toString()));
			if (result[2]) {
				var num = parseInt(result[1], 10);
				var mult = this.powers[result[2]] || 1;
				return num * mult;
			} else {
				return value;
			}
		},
		add: function(element, interval, label, fn, times, belay) {
			var counter = 0;
			
			if (jQuery.isFunction(label)) {
				if (!times) 
					times = fn;
				fn = label;
				label = interval;
			}
			
			interval = jQuery.timer.timeParse(interval);

			if (typeof interval != 'number' || isNaN(interval) || interval <= 0)
				return;

			if (times && times.constructor != Number) {
				belay = !!times;
				times = 0;
			}
			
			times = times || 0;
			belay = belay || false;
			
			if (!element.$timers) 
				element.$timers = {};
			
			if (!element.$timers[label])
				element.$timers[label] = {};
			
			fn.$timerID = fn.$timerID || this.guid++;
			
			var handler = function() {
				if (belay && this.inProgress) 
					return;
				this.inProgress = true;
				if ((++counter > times && times !== 0) || fn.call(element, counter) === false)
					jQuery.timer.remove(element, label, fn);
				this.inProgress = false;
			};
			
			handler.$timerID = fn.$timerID;
			
			if (!element.$timers[label][fn.$timerID]) 
				element.$timers[label][fn.$timerID] = window.setInterval(handler,interval);
			
			if ( !this.global[label] )
				this.global[label] = [];
			this.global[label].push( element );
			
		},
		remove: function(element, label, fn) {
			var timers = element.$timers, ret;
			
			if ( timers ) {
				
				if (!label) {
					for ( label in timers )
						this.remove(element, label, fn);
				} else if ( timers[label] ) {
					if ( fn ) {
						if ( fn.$timerID ) {
							window.clearInterval(timers[label][fn.$timerID]);
							delete timers[label][fn.$timerID];
						}
					} else {
						for ( var fn in timers[label] ) {
							window.clearInterval(timers[label][fn]);
							delete timers[label][fn];
						}
					}
					
					for ( ret in timers[label] ) break;
					if ( !ret ) {
						ret = null;
						delete timers[label];
					}
				}
				
				for ( ret in timers ) break;
				if ( !ret ) 
					element.$timers = null;
			}
		}
	}
});

if (jQuery.browser.msie)
	jQuery(window).one("unload", function() {
		var global = jQuery.timer.global;
		for ( var label in global ) {
			var els = global[label], i = els.length;
			while ( --i )
				jQuery.timer.remove(els[i], label);
		}
	});


//####################################################################################################
//		TIPSY  
//####################################################################################################

(function($) {
    $.fn.tipsy = function(options) {

        options = $.extend({}, $.fn.tipsy.defaults, options);
        
        return this.each(function() {
            
            var opts = $.fn.tipsy.elementOptions(this, options);
            
            $(this).hover(function() {

                $.data(this, 'cancel.tipsy', true);

                var tip = $.data(this, 'active.tipsy');
                if (!tip) {
                    tip = $('<div class="tipsy"><div class="tipsy-inner"/></div>');
                    tip.css({position: 'absolute', zIndex: 100000});
                    $.data(this, 'active.tipsy', tip);
                }

                if ($(this).attr('title') || typeof($(this).attr('original-title')) != 'string') {
                    $(this).attr('original-title', $(this).attr('title') || '').removeAttr('title');
                }

                var title;
                if (typeof opts.title == 'string') {
                    title = $(this).attr(opts.title == 'title' ? 'original-title' : opts.title);
                } else if (typeof opts.title == 'function') {
                    title = opts.title.call(this);
                }

                tip.find('.tipsy-inner')[opts.html ? 'html' : 'text'](title || opts.fallback);

                var pos = $.extend({}, $(this).offset(), {width: this.offsetWidth, height: this.offsetHeight});
                tip.get(0).className = 'tipsy'; // reset classname in case of dynamic gravity
                tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
                var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight;
                var gravity = (typeof opts.gravity == 'function') ? opts.gravity.call(this) : opts.gravity;

                switch (gravity.charAt(0)) {
                    case 'n':
                        tip.css({top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-north');
                        break;
                    case 's':
                        tip.css({top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-south');
                        break;
                    case 'e':
                        tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}).addClass('tipsy-east');
                        break;
                    case 'w':
                        tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}).addClass('tipsy-west');
                        break;
                }

                if (opts.fade) {
                    tip.css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: 0.8});
                } else {
                    tip.css({visibility: 'visible'});
                }

            }, function() {
                $.data(this, 'cancel.tipsy', false);
                var self = this;
                setTimeout(function() {
                    if ($.data(this, 'cancel.tipsy')) return;
                    var tip = $.data(self, 'active.tipsy');
                    if (opts.fade) {
                        tip.stop().fadeOut(function() { $(this).remove(); });
                    } else {
                        tip.remove();
                    }
                }, 100);

            });
            
        });
        
    };
    
    // Overwrite this method to provide options on a per-element basis.
    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
    // (remember - do not modify 'options' in place!)
    $.fn.tipsy.elementOptions = function(ele, options) {
        return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
    };
    
    $.fn.tipsy.defaults = {
        fade: false,
        fallback: '',
        gravity: 'n',
        html: false,
        title: 'title'
    };
    
    $.fn.tipsy.autoNS = function() {
        return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
    };
    
    $.fn.tipsy.autoWE = function() {
        return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
    };
    
})(jQuery);



//####################################################################################################
//		HINTY PRZY COLOR BOXACH
//####################################################################################################

$(document).ready(function(){
	
	$('.colorbox').tipsy();
	$('.colorboxOV').tipsy({gravity: 's'});
	$('.tipsOn').tipsy({gravity: 's'}); 
	

	$('input:checkbox').each( function() {
	   //  this.checked = !this.checked;
	});
});


$(document).ready(function(){
	
	$('.basketPicture').each(function(i, value){
		
		if($(this).attr('src') == '')
			{

			//var alt=$(this).attr('alt');
			var id=$(this).attr('id');
			var basketID=$(this).next().val();
			
			
			$.ajax({
    			url : "/lib/ajax/basket.php?basketID="+basketID,
    			success : function (data) 
    			{
					$('body').find('img[id="'+id+'"]').attr('src','/out/pictures/icon/'+data);
				}
			})
			}
	});

});


$(document).ready(function(){
	$('#scrollbar1').tinyscrollbar({ sizethumb: 100 });	
		
	if($("#spread_this_popup").length)
		{
			$('#women').css("z-index",'4');
		}
	else
		{
			$('#women').css("z-index",'7');
		}
});