var DEBUG = false;
var layoutDATA = new Array();
// sintaksa: 0 - ime elementa, 1 - referenčni element, 2 - širina, 3 - višina, 4 - x, 5 - y, 6 - 0=% / 1=px
// 0 - glavni okvir
//layoutDATA[0] = new Array('photostrip', '', -333, 0, 0, 0, 1, 1);
layoutDATA[0] = new Array('photostrip', 'stripCell', 100, 0, 0, 0, 0);
//layoutDATA[1] = new Array('bodyDIV', '', -333, -190, 0, 0, 1);
//layoutDATA[1] = new Array('mainBody', '', -333, -190, 0, 0, 1);
//layoutDATA[1] = new Array('topLeft', 'topCell', -666, 0, 0, 0, 1);
var count = 0;
var id = '';
var BGCOLOR = "";

var MENU = new Array();

MENU[1] = new Array('menu01', '#f5ed14', '#fcfab8');
MENU[2] = new Array('menu02', '#f2dd6d', '#fbf5d3');
MENU[3] = new Array('menu03', '#dd9d5f', '#f5e2d0');
MENU[4] = new Array('menu04', '#84bd66', '#daebd1');
MENU[5] = new Array('menu05', '#9cc9d2', '#e1eff1');
MENU[6] = new Array('menu06', '#65b5ed', '#d1e9fa');

function layoutInit() {
	var winWidth = window.innerWidth, winHeight = window.innerHeight;
	var elm, width, height, ref, refP, tmp, left = 0, top = 0;
	for (var i = 0; i < layoutDATA.length; i++) {
		elm = document.getElementById(layoutDATA[i][0]);
		if (layoutDATA[i][1] != '') {
			ref = document.getElementById(layoutDATA[i][1]);
		/*	refP = ref.parentOffset;
			while ((refP.offsetLeft != 0) && (refP.offsetTop != 0)) {
				left += refP.offsetLeft;
				top += refP.offsetTop;
				refP = refP.parentOffset;
			} */
			width = ref.offsetWidth;
			height = ref.offsetHeight;
			top = ref.offsetTop;
			left = ref.offsetLeft;
			id = layoutDATA[i][1];
		} else {
			width = winWidth;
			height = winHeight;
			id = "Window";
		}
		// Izracun vrednosti
		if (layoutDATA[i][6] == 0) {
			width = Math.round(width * (layoutDATA[i][2]/100));
			height = Math.round(height * (layoutDATA[i][3]/100));
		}
		if (layoutDATA[i][6] == 1) {
			width = width + layoutDATA[i][2];
			height = height + layoutDATA[i][3];
		}
		if (layoutDATA[i][2] != 0) elm.style.width = width;
		if (layoutDATA[i][3] != 0) elm.style.hight = height;
		if (elm.style.visibility != "visible") elm.style.visibility = "visible";
		//elm.style.left = left + layoutDATA[i][4];
		//elm.style.top = top + layoutDATA[i][5];
	}
	count += 1;
	if (DEBUG) window.status = count + " -- " + id + " size now: " + width + "x" + height + " location: " + top + "x" + height;
}

function getStyleSheet(sname) {
	var ss = document.styleSheets;
	var ret = "", theRules = "";
	var i = 0, ii = 0;
	for(ii = 0; ii < ss.length; ii++) {
		if (ss[ii].cssRules) {
			theRules = ss[ii].cssRules;
		} else {
			theRules = ss[ii].rules;
		}
		for(i = 0; i < theRules.length; i++) {
			if (theRules[i].selectorText == sname) {
				ret = theRules[i].style;
				//dbgAdd("Style Found!");
				break;
			}
		}
	}
	return ret;
}

function setElementBackground(el, color) {
	el.setAttribute("bgcolor", color);
	el.style.backgroundColor = color;
}

function setStyleExtra(no, state) {
	var id = MENU[no][0], newColA = "", newColB = "";
	var elA = document.getElementById(id);
	var elB = document.getElementById(id + 'top');
	if (state.toLowerCase() == "hover") newColB = MENU[no][1];
		else newColB = MENU[no][2];
	setElementBackground(elA, MENU[no][1]);
	setElementBackground(elB, newColB);

}