[Ervin]

<?xml version="1.0" encoding="UTF-8" ?>
<style>
   <class1><selector>p</selector><rule>color:Yellow</rule></class1>
</style>

var pullStyles = (function() {
	var xmlFile = {};

	function loadXML() {
		var xml = (window.XMLHttpRequest) ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");

		xml.onreadystatechange = function() {
			if(xml.readyState === 4) {
				xmlFile = xml.responseXML;

				displayXML();
			}
		}

		xml.open("GET", "coolstuff.xml", true);

		xml.send();
	}

	function displayXML() {
		var styleEl = document.createElement("style"),
			styleObject = "",
			children = xmlFile.documentElement.childNodes,
			textMode = (typeof  children[0].textContent !== "undefined") ? "textContent" : "text",
			ruleMode = "";

		styleEl.type = "text/css";

		document.getElementsByTagName("head")[0].appendChild(styleEl);

		styleObject = document.styleSheets.item(0);

		ruleMode = (styleObject.addRule) ? "addRule" : "insertRule";

		for(var i = 0, leng = children.length; i < leng; i++) {
			if(children[i].nodeType === 1) {
				if(ruleMode === "addRule") {
					styleObject.addRule(children[i].childNodes[0][textMode], children[i].childNodes[1][textMode]);
				}
				else {
					styleObject.insertRule(children[i].childNodes[0][textMode] + "{" + children[i].childNodes[1][textMode] + "}", 0);
				}
			}
		}
	}

	return loadXML;
})();

Вот скрипт. Проблема в том что, я совершенно не понимаю зачем стили держать в xml?

Для того чтобы применить флип к нескольким элементам -

$("#flipbox, #flipbox2").flip({
	direction:'tb',
	content:'this is my new content'
});