$(function(){


	/******** JQUERY QUICK STYLING FUNCTIONS ****************
	*
	* Description:
	* Allows for on-the-fly styling using adhock classes instead of inline styles - no images just code
	* Use example:  <div class="mtop20 prit10 colorf00"> = margin top 20px, padding right 10px, text color red
	*
	* 
	*  [STYLE TYPE]	  [ALIASES]											[VALUE TYPE and ALIAS REPRESENTATION]
	*
	* 	MARGIN		: mtop, mlft, mrit, mbot, mtab, mlar, mall  		[+number pixels (top/left/right/bottom/topbottom/leftright/all)]
	*
	* 	PADDING		: ptop, plft, prit, pbot, ptab, plar, pall			[+number pixels (top/left/right/bottom/topbottom/leftright/all)]
	*	
	*	WIDTH		: wpix, wpct, wems 									[+number (pixels/percent/ems)]
	*
	*	HEIGHT 		: hpix, hpct, hems 									[+number (pixels/percent/ems)]
	*
	*	MINDIMS		: mnwpix, mnwpct, mnwems, mnhpix, mnhpct, mnhems	[+number (minwidth and minheight pixels/percent/ems)]
	*
	*	MAXDIMS		: mxwpix, mxwpct, mxwems, mxhpix, mxhpct, mxhems	[+number (maxwidth and maxheight pixels/percent/ems)]
	*	 
	*	COLOR		: color												[+colorvalue (no #)]
	*
	*	BGCOLOR		: bakc												[+colorvalue (no #)]
	*
	*	BORDERSTYLE : bsol, bdbl, bins, bout, brid, bdot, bdsh, bgrv	[+number pixels (solid/double/inset/outset/ridge/dotted/dashed/groove)]
	* 
	*	BORDERCOLOR	: bdrc												[+colorvalue (no #)]
	*
	*	FLOAT		: float												[+l | + r (left/right)]
	*
	* 	TEXT STYLES	: bold, italic, sup, sub, caps, upper, lower 		(bold/italic/superscript/subscript/capitalize/uppercase/lowercase)
	*
	*	TEXTALIGN	: align												[+l | +c | +r | +j  (left/center/right/justify)]
	*	
	*	TEXTSIZE	: size												[+number (ems)]
	*
	*	DECORATION	: deco												[+o | +u | +s (overline/underline/strike)]
	*
	* 	POSITION	: posf posr posa poss								(fixed, relative, absolute, static)
	*
	* 	ABSPOSITION	: atop arit abot alft								[+number pixels (top/right/bottom/left)]
	*
	* 	DISPLAY		: disp												[+b | +i | +ib | +t | +n  (block/inline/inline-block/table/none)]
	*	
	*	VISIBILITY	: show, hide										(visible yes/no)
	*
	*	CORNERS		: corner											[+number (radius of all corners)]
	*
	*	CLEAR		: clear												[+l | + r | +b (clear left/right/both)]
	*
	*	CURSOR		: cursor  											[+d | +p | +w | +c | +t | +h  (default/pointer/wait/crosshair/text/help)]
	*
	*	ZINDEX		: zidx												[+number]
	*
	**/ 
	

	/** MARGIN ***/

		mclassArray = ['mtop','mrit','mbot','mlft','mtab','mlar','mall'];  
	
			$(mclassArray).each(function(){ 
			mclass = this; 
				$("[class*='" + mclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
					if(this.indexOf(mclass) > -1){ 
						mval = this.slice(4); 
						mclass == mclassArray[0] ? $(elObj).css({marginTop : mval + 'px'}) : null; 
						mclass == mclassArray[1] ? $(elObj).css({marginRight : mval + 'px'}) : null; 
						mclass == mclassArray[2] ? $(elObj).css({marginBottom : mval + 'px'}) : null; 
						mclass == mclassArray[3] ? $(elObj).css({marginLeft : mval + 'px'}) : null;  
						mclass == mclassArray[4] ? $(elObj).css({marginTop : mval + 'px', marginBottom : mval + 'px'}) : null;  
						mclass == mclassArray[5] ? $(elObj).css({marginLeft : mval + 'px', marginRight : mval + 'px'}) : null;
						mclass == mclassArray[6] ? $(elObj).css({margin: mval + 'px'}) :  null; 
						} 
					}); 
				}); 
			}); 
	                	               
	

	/** PADDING ***/

		pclassArray = ['ptop','prit','pbot','plft','ptab','plar','pall'];  
	
			$(pclassArray).each(function(){ 
			pclass = this; 
				$("[class*='" + pclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(pclass) > -1){ 
						pval = this.slice(4); 
						pclass == pclassArray[0] ? $(elObj).css({paddingTop : pval + 'px'}) : null; 
						pclass == pclassArray[1] ? $(elObj).css({paddingRight : pval + 'px'}) : null; 
						pclass == pclassArray[2] ? $(elObj).css({paddingBottom : pval + 'px'}) : null; 
						pclass == pclassArray[3] ? $(elObj).css({paddingLeft : pval + 'px'}) : null;                                             
						pclass == pclassArray[4] ? $(elObj).css({paddingTop : pval + 'px', paddingBottom : pval + 'px'}) : null;  
						pclass == pclassArray[5] ? $(elObj).css({paddingLeft : pval + 'px', paddingRight : pval + 'px'}) : null;  
						pclass == pclassArray[6] ? $(elObj).css({padding: pval + 'px'}) :  null; 
						} 
					}); 
				}); 
			});        
	


	/** WIDTH ***/
	
		wclassArray = ['wpix','wpct','wems'];  // width in pixels, percent or ems

			$(wclassArray).each(function(){ 
			wclass = this; 
				$("[class*='" + wclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(wclass) > -1){ 
						wval = this.slice(4); 
						wclass == wclassArray[0] ? $(elObj).css({width : wval + 'px'}) : null; 
						wclass == wclassArray[1] ? $(elObj).css({width : wval + '%'}) : null; 
						wclass == wclassArray[2] ? $(elObj).css({width : wval + 'em'}) : null; 
						} 
					}); 
				}); 
			});  


	/** HEIGHT ***/
	
		hclassArray = ['hpix','hpct','hems'];  // height in pixels, percent or ems

			$(hclassArray).each(function(){ 
			hclass = this; 
				$("[class*='" + hclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(hclass) > -1){ 
						hval = this.slice(4); 
						hclass == hclassArray[0] ? $(elObj).css({height : hval + 'px'}) : null; 
						hclass == hclassArray[1] ? $(elObj).css({height : hval + '%'}) : null; 
						hclass == hclassArray[2] ? $(elObj).css({height : hval + 'em'}) : null; 
						} 
					}); 
				}); 
			}); 


	/** MINDIMS **/

		mnclassArray = ['mnwpix','mnwpct','mnwems','mnhpix','mnhpct','mnhems'];  // minimum width or height in pixels, percent or ems

			$(mnclassArray).each(function(){ 
			mnclass = this; 
				$("[class*='" + mnclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(mnclass) > -1){ 
						mnval = this.slice(6); 
						mnclass == mnclassArray[0] ? $(elObj).css({minWidth : mnval + 'px'}) : null; 
						mnclass == mnclassArray[1] ? $(elObj).css({minWidth : mnval + '%'}) : null; 
						mnclass == mnclassArray[2] ? $(elObj).css({minWidth : mnval + 'em'}) : null; 
						mnclass == mnclassArray[3] ? $(elObj).css({minHeight : mnval + 'px'}) : null; 
						mnclass == mnclassArray[4] ? $(elObj).css({minHeight : mnval + '%'}) : null; 
						mnclass == mnclassArray[5] ? $(elObj).css({minHeight : mnval + 'em'}) : null; 
						} 
					}); 
				}); 
			}); 


	/** MAXDIMS **/

		mxclassArray = ['mxwpix','mxwpct','mxwems','mxhpix','mxhpct','mxhems'];  // minimum width or height in pixels, percent or ems

			$(mxclassArray).each(function(){ 
			mxclass = this; 
				$("[class*='" + mxclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(mxclass) > -1){ 
						mxval = this.slice(6); 
						mxclass == mxclassArray[0] ? $(elObj).css({maxWidth : mxval + 'px'}) : null; 
						mxclass == mxclassArray[1] ? $(elObj).css({maxWidth : mxval + '%'}) : null; 
						mxclass == mxclassArray[2] ? $(elObj).css({maxWidth : mxval + 'em'}) : null; 
						mxclass == mxclassArray[3] ? $(elObj).css({maxHeight : mxval + 'px'}) : null; 
						mxclass == mxclassArray[4] ? $(elObj).css({maxHeight : mxval + '%'}) : null; 
						mxclass == mxclassArray[5] ? $(elObj).css({maxHeight : mxval + 'em'}) : null; 
						} 
					}); 
				}); 
			}); 


	/** COLOR ***/
	
			$("[class*='color']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('color') > -1){ 
					cval = this.slice(5); 
					$(elObj).css({color : '#' + cval}); 
					} 
				}); 
			});



	/** TEXT STYLING ***/
	
		tclassArray = ['bold','italic','sup','sub','caps','upper','lower'];  // bold italic or superscript

			$(tclassArray).each(function(){ 
			tclass = this; 
				$("[class*='" + tclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){  
						this == tclassArray[0] ? $(elObj).css({fontWeight : 'bold'}) : null; 
						this == tclassArray[1] ? $(elObj).css({fontStyle : 'italic'}) : null; 
						this == tclassArray[2] ? $(elObj).css({verticalAlign : 'super', fontSize : '.8em'}) : null; 
						this == tclassArray[3] ? $(elObj).css({verticalAlign : 'sub', fontSize : '.8em'}) : null; 
						this == tclassArray[4] ? $(elObj).css({textTransform : 'capitalize'}) : null; 
						this == tclassArray[5] ? $(elObj).css({textTransform : 'uppercase'}) : null; 
						this == tclassArray[6] ? $(elObj).css({textTransform : 'lowercase'}) : null; 
					}); 
				}); 
			}); 



	/** TEXTALIGN ***/
	
			$("[class*='align']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('align') > -1){ 
					aval = this.slice(5); 
					aval == 'l' ? $(elObj).css({textAlign : 'left'}) : null; 
					aval == 'r' ? $(elObj).css({textAlign : 'right'}) : null; 
					aval == 'c' ? $(elObj).css({textAlign : 'center'}) : null; 
					aval == 'j' ? $(elObj).css({textAlign : 'justify'}) : null; 
					aval == 't' ? $(elObj).css({verticalAlign : 'top'}) : null; 
					aval == 'b' ? $(elObj).css({verticalAlign : 'bottom'}) : null; 
					} 
				}); 
			});



	/** TEXT DECORATION ***/
			$("[class*='deco']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('deco') > -1){ 
					tdval = this.slice(4); 
					tdval == 'o' ? $(elObj).css({textDecoration : 'overline'}) : null; 
					tdval == 'u' ? $(elObj).css({textDecoration : 'underline'}) : null; 
					tdval == 's' ? $(elObj).css({textDecoration : 'line-through'}) : null; 
					} 
				}); 
			});	



	/** TEXTSIZE ***/
	
			$("[class*='size']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('size') > -1){ 
					sval = this.slice(4); 
					$(elObj).css({fontSize : sval + 'em'});
					} 
				}); 
			});


	/** BACKGROUND COLOR **/
	
			$("[class*='bakc']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('bakc') > -1){ 
					bcval = this.slice(4); 
					$(elObj).css({backgroundColor: '#' + bcval}); 
					} 
				}); 
			});



	/** BORDER STYLE **/

		bclassArray = ['bsol','bdbl','bins','bout','brid','bdot','bdsh','bgrv'];  // solid double inset outset ridge dotted dashed groove

			$(bclassArray).each(function(){ 
			bclass = this; 
				$("[class*='" + bclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(bclass) > -1){ 
						bsval = this.slice(4); 
						bclass == bclassArray[0] ? $(elObj).css({borderStyle : 'solid', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[1] ? $(elObj).css({borderStyle : 'double', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[2] ? $(elObj).css({borderStyle : 'inset', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[3] ? $(elObj).css({borderStyle : 'outset', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[4] ? $(elObj).css({borderStyle : 'ridge', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[5] ? $(elObj).css({borderStyle : 'dotted', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[6] ? $(elObj).css({borderStyle : 'dashed', borderWidth : bsval + 'px'}) : null; 
						bclass == bclassArray[7] ? $(elObj).css({borderStyle : 'groove', borderWidth : bsval + 'px'}) : null; 
						}
					}); 
				}); 
			}); 


	/** BORDER COLOR **/
	
			$("[class*='bdrc']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('bdrc') > -1){ 
					bcval = this.slice(4); 
					$(elObj).css({borderColor: '#' + bcval}); 
					} 
				}); 
			});


	/** POSITION **/

		posclassArray = ['posf','posr','posa','poss'];  // fixed, relative, absolute, static

			$(posclassArray).each(function(){ 
			posclass = this; 
				$("[class*='" + posclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						this == posclassArray[0] ? $(elObj).css({position : 'fixed'}) : null; 
						this == posclassArray[1] ? $(elObj).css({position : 'relative'}) : null; 
						this == posclassArray[2] ? $(elObj).css({position : 'absolute'}) : null; 
						this == posclassArray[3] ? $(elObj).css({position : 'static'}) : null; 
					}); 
				}); 
			}); 


	/** ASBOLUTE POSITIONING **/

		aclassArray = ['atop','arit','abot','alft'];  // absolute top right bottom left

			$(aclassArray).each(function(){ 
			aclass = this; 
				$("[class*='" + aclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){ 
						if(this.indexOf(aclass) > -1){ 
						aval = this.slice(4); 
						aclass == aclassArray[0] ? $(elObj).css({top : aval + 'px'}) : null; 
						aclass == aclassArray[1] ? $(elObj).css({right : aval + 'px'}) : null; 
						aclass == aclassArray[2] ? $(elObj).css({bottom : aval + 'px'}) : null; 
						aclass == aclassArray[3] ? $(elObj).css({left : aval + 'px'}) : null; 
						} 
					}); 
				}); 
			});


	/** DISPLAY **/

			$("[class*='disp']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('disp') > -1){ 
					dispval = this.slice(4); 
					dispval == 'b'  ? $(elObj).css({display : 'block'}) : null; 
					dispval == 'i'  ? $(elObj).css({display : 'inline'}) : null; 
					dispval == 'ib' ? $(elObj).css({display : 'inline-block'}) : null; 
					dispval == 't'  ? $(elObj).css({display : 'table'}) : null; 
					dispval == 'n'  ? $(elObj).css({display : 'none'}) : null; 
					} 
				}); 
			});	
 

	/** VISIBILITY **/
	
		vclassArray = ['show','hide'];  // visibility yes/no

			$(vclassArray).each(function(){ 
			vclass = this; 
				$("[class*='" + vclass +"']").each(function(){ 
				elObj = this; 
				classes = $(elObj).attr('class'); 
				classArray = classes.split(' '); 
					$(classArray).each(function(){  
						this == vclassArray[0] ? $(elObj).css({visibility : 'visible'}) : null; 
						this == vclassArray[1] ? $(elObj).css({visibility : 'hidden'}) : null; 
					}); 
				}); 
			}); 


	/** FLOAT ***/

			$("[class*='float']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('float') > -1){ 
					fval = this.slice(5); 
					fval == 'l' ? $(elObj).css({float : 'left'}) : null; 
					fval == 'r' ? $(elObj).css({float : 'right'}) : null; 
					} 
				}); 
			});



	/** CLEAR **/

			$("[class*='clear']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('clear') > -1){ 
					cval = this.slice(5); 
					cval == 'l' ? $(elObj).css({clear : 'left'}) : null; 
					cval == 'r' ? $(elObj).css({clear : 'right'}) : null; 
					cval == 'b' ? $(elObj).css({clear : 'both'}) : null; 
					} 
				}); 
			});




	/** CURSOR **/

			$("[class*='cursor']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('cursor') > -1){ 
					curval = this.slice(6); 
					curval == 'd'  ? $(elObj).css({cursor: 'default'}) : null; 
					curval == 'p'  ? $(elObj).css({cursor: 'pointer'}) : null; 
					curval == 'w'  ? $(elObj).css({cursor: 'wait'}) : null; 
					curval == 'c'  ? $(elObj).css({cursor: 'crosshair'}) : null; 
					curval == 't'  ? $(elObj).css({cursor: 'text'}) : null; 
					curval == 'h'  ? $(elObj).css({cursor: 'help'}) : null; 
					} 
				}); 
			});	


	/** CORNERS **/

			$("[class*='corner']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('corner') > -1){ 
					rval = this.slice(6); 
					// $(elObj).css({'border-radius': rval + 'px'})
					} 
				}); 
			});


	/** Z-INDEX **/

			$("[class*='zidx']").each(function(){ 
			elObj = this; 
			classes = $(elObj).attr('class'); 
			classArray = classes.split(' '); 
				$(classArray).each(function(){ 
					if(this.indexOf('zidx') > -1){ 
					zval = this.slice(4); 
					$(elObj).css({zIndex: zval}); 
					} 
				}); 
			});



});   // end onready