// page Xtras!
var connector = new LavConn();
var clientsTemplate;
var policiesTemplate;
var valuesTemplate;
//var valuesTempSet = [];
var extra;
var extra_canvas = "#extra_canvas";


$(document).ready(function () {
    if ($("body").attr("class") == "findus") {
        extra = new LavExtraCanvas($("#findPolicies"), "extra_canvas", 880);
    } else {
        extra = new LavExtraCanvas($("#content"), "extra_canvas", 880);
    }
    connector.loadTemplateFile($lavdelegate(this, onClientsDataLoaded), $lavdelegate(this, onXtrasDataFail), "templates/temp_clients.html");
    connector.loadTemplateFile($lavdelegate(this, onPoliciesDataLoaded), $lavdelegate(this, onXtrasDataFail), "templates/temp_policies.html");
    connector.loadTemplateFile($lavdelegate(this, onValuesDataLoaded), $lavdelegate(this, onXtrasDataFail), "templates/temp_values.html");
});

function onClientsDataLoaded(divs) {
    clientsTemplate = divs;
}
function onPoliciesDataLoaded(divs) {
    policiesTemplate = divs;
}
function onValuesDataLoaded(divs) {
    valuesTemplate = divs;
    //valuesTempSet = $(valuesTemplate.valuesInd).find(".singleVal");
}
function onXtrasDataFail(status, error) {
    // nothing..
}
function closeXtras() {
	if(extra){
    $(extra_canvas).animate({ height: 0 }, { duration: 600, ease: "easeInOutQuint", complete: $lavdelegate(this, extra.closeCanvas()) });
    $(extra_canvas).css("border-top", "none");
	//if($("#canvas").length){
		//scrollTo("#canvas", 400);
	//}else{
		scrollTo("body", 400);
	//}
	}
}

// clients..
function showClients() {
    var data = [];
    var div = $(clientsTemplate.clients).html(); 
    var nav = $(clientsTemplate.clientsNav).html();
    var bg = $("<div style='background:url(common/styles/images/cleardot.gif);'></div>");
    var bgimage = $("<img src='common/styles/images/cleardot.gif' alt='' title=''>");
    data.push({ elements: [{ div: $(div), align: "ABSOLUTE", top: 0, left: 0 }], background: { bg: bg, image: bgimage }, id: "clients_div" });
    extra.createCanvas(data);
    extra.canvasDiv.addNavigation($(nav));
    $(extra_canvas).css("border-top", "1px solid #625F5F");
	scrollTo("#extra_canvas", 600);
}
function showPolicies() {
    var data = [];
    var div = $(policiesTemplate.policyInfo).html();
    var nav = $(policiesTemplate.policyNav).html();
    var bg = $("<div style='background:#262222 url(common/styles/images/cleardot.gif);'></div>");
    var bgimage = $("<img src='common/styles/images/cleardot.gif' alt='' title=''>");
    data.push({ elements: [{ div: $(div), align: "ABSOLUTE", top: 0, left: 0}], background: { bg: bg, image: bgimage }, id: "policies_div" });
    extra.createCanvas(data);
    extra.canvasDiv.addNavigation($(nav));
    $(extra_canvas).css("border-top", "1px solid #625F5F");
	scrollTo("#extra_canvas", 600);
	initializePolicyContent();
}
function showAllValues() {
    var data = [];
    var div = $(valuesTemplate.valuesAll).html();
    var nav = $(valuesTemplate.valuesNav).html();
    var bg = $("<div style='background:url(common/styles/images/cleardot.gif);'></div>");
    var bgimage = $("<img src='common/styles/images/cleardot.gif' alt='' title=''>");
    data.push({ elements: [{ div: $(div), align: "ABSOLUTE", top: 0, left: 0}], background: { bg: bg, image: bgimage }, id: "values_div" });
    extra.createCanvas(data);
    extra.canvasDiv.addNavigation($(nav));
    $(extra_canvas).css("border-top", "1px solid #625F5F");
    scrollTo("#extra_canvas", 600);
    setTimeout($lavdelegate(this, adjustAllValuesHeight), 10);
}
function adjustAllValuesHeight() {
    var myH = 1620;  //$(".valuesAll").height() + 110; // timing issue with calc height
    extra.setNewHeight(myH);
}




/* POLICY SCRIPT */
var current = "terms";
var policy_tabs = ["terms", "environmental", "ohs", "antidesc"];
var policy_heights = {terms:4345, environmental:3740, ohs:864, antidesc:1499};
function initializePolicyContent(){
	$("#pl_"+current).addClass("selected");		
	shuffleItems();
};
function changePolicySelected(sel){
	if(current == sel) return;
	$("#pl_"+current).removeClass("selected");
	current = sel;
	$("#pl_"+current).addClass("selected");
	shuffleItems();
}
function shuffleItems(){
	//trace(policy_heights[current]);
	extra.setNewHeight(policy_heights[current]);
	if(!extra.canvasDiv.clean){
		scrollTo("#extra_canvas", 600);
	}
	for(var i = 0;i<policy_tabs.length;i++){
		if(policy_tabs[i] != current){
			$("#policy_"+policy_tabs[i]).hide(100);
		}else{
			$("#policy_"+policy_tabs[i]).show(100);
		}
		
	}
	

}
