window.onload = function(){
    var styles = getStyleSheet("pageCSS")
    var c1, c2;
    
    try {
        c1 = styles.cssRules[0].style.color;
        c2 = styles.cssRules[1].style.color;
    } 
    catch (e) {
        c1 = "#858383"
        c2 = "#BACEDD"
    }
   
    $("#menu li").arrowMenu(c1, c2);
    
    loadData("http://pbase.com/ctranter/root&view=recent", function(data) {
		var regx = /height="(\d+)" src="([^"]+)" width="(\d+)"/g;
		var img = document.createElement("img");
		img.onload = function() {
			$a = $("<a href='http://www.pbase.com/ctranter/root&view=recent' target='_blank' ></a>");
			$a.append(img);
			$("#libUp").append($a);
		}

		while (m = regx.exec(data.results[0])) {
			if(m[3] > m[1]) {
				img.src = m[2];
				img.width = 128;
				img.height = 85;
				break;
			}
		}
		if(img.src == "")
			img.src = "http://ic2.pbase.com/t5/44/660044/4/119253153.L2M8sUJW.jpg"
	});
}

function getStyleSheet(t){
    for (var i = 0; i < document.styleSheets.length; i++) {
        var sheet = document.styleSheets[i];
        if (sheet.title == t) {
            return sheet;
        }
    }
}

var headID = document.getElementsByTagName("head")[0];
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'lib/' + headID.id + '.css';
cssNode.title = "pageCSS"
headID.appendChild(cssNode);



	function loadData(url, cb) {
		$.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22"+encodeURIComponent(url)+"%22&format=xml'&callback=?",
		function(data) {
			if(data.results[0])
				cb(data);
			else
				cb(null);
		});
	}