// JavaScript Document
/////// liquid Injector

//myObjArray = $(".topHome div");
//alert(myObjArray.length);

//for(j=0;j<myObjArray.length;j++){
$(".topHome div").each(function(){
	myClass=$(this).attr("class");
	//alert(myId);
	myOptArray=myClass.split("_");
	
	if (myOptArray[0]=='liquid') {
		//alert(myId);
		//myOptArray = myId.split("_");
		//alert(j);
		$("."+myClass).addClass(myClass);
		myType=myOptArray[1];
		
		if(myType=='gradient' || myType=='gradientX'){
		
			typeRoundPos=4;
			typeRound=myOptArray[typeRoundPos];
			dimRound=myOptArray[typeRoundPos+1];
	
			color1=myOptArray[typeRoundPos-2];
			startColor=color1.split('-');
			startColor[3]=startColor[3]/100;
			color2=myOptArray[typeRoundPos-1];
			endColor=color2.split('-');
			endColor[3]=endColor[3]/100;
			
			if(myType=='gradient'){
				xD='0';
				yD='';
			}else{
				xD='';
				yD='0';
			}
	
			myType='gradient';
			strColor="from:rgba("+startColor[0]+","+startColor[1]+","+startColor[2]+","+startColor[3]+"); to:rgba("+endColor[0]+","+endColor[1]+","+endColor[2]+","+endColor[3]+"); xO:0; yO:0; xD:"+xD+"; yD:"+yD+";";
			
		}else if(myType=='fill'){
			typeRoundPos=3;
			typeRound=myOptArray[typeRoundPos];
			dimRound=myOptArray[typeRoundPos+1];
			
			color1=myOptArray[typeRoundPos-1];
			startColor=color1.split('-');
			startColor[3]=startColor[3]/100;
			
			strColor="color:rgba("+startColor[0]+","+startColor[1]+","+startColor[2]+","+startColor[3]+")";
		}
	 
		if(typeRound=="rect"){
			roundMyElement="rect";
		}else if(typeRound=="All"){
			//dimRound=myOptArray[5];
			roundMyElement="roundedRect{radius:"+dimRound+";}";
			
		}else{
			roundMyElement="ecken{tl:"+myOptArray[typeRoundPos]+"; tr:"+myOptArray[typeRoundPos+1]+"; bl:"+myOptArray[typeRoundPos+2]+"; br:"+myOptArray[typeRoundPos+3]+"}";
		}
		
		
		$("."+myClass).liquidCanvas(""+myType+"{"+strColor+"} => "+roundMyElement+"");
	}
});