$(document).ready(function(){	
	setFolderClickHandlers();
	setupFolderHeaders();	
	//activateFolder(1);				
})

function setFolderClickHandlers(){
	$("#folder-container .folder").click(function(){
		var index = $(this).index();
		activateFolder(index);
	});	
}

function activateFolder(index){	
	$("#folder-container .folder:eq("+index+")").siblings().removeClass("orange def-csr").addClass("blue ps-btn").css("border-bottom","none");
	$("#folder-container .folder:eq("+index+")").removeClass("blue ps-btn").addClass("orange def-csr").css("border-bottom","1px solid white");
        
        $("#folder-container .folder a").removeClass("orange").addClass("blue");
        $("#folder-container .folder:eq("+index+") a").removeClass("blue").addClass("orange");
        
	$("#folder-text-container .folder-text:eq("+index+")").show();
	$("#folder-text-container .folder-text:eq("+index+")").siblings().hide();
}

function setupFolderHeaders(){
	BrowserDetect.init();
	var bVersion = BrowserDetect.version;
	var browser = BrowserDetect.browser;
	$("#folder-text-container").children("DIV").hide();
	var len = $("#folder-container").children("DIV").size();

	/* Calculate Margin Top of the Folder Text Div */
	var bPad = 0;
	if(browser != "Explorer"){bPad = 1;}
	var containerHeight = parseInt($("#folder-container").children("DIV").height());
	var pTop = parseInt($("#folder-container").children("DIV").css("padding-top"));
	var pBottom = parseInt($("#folder-container").children("DIV").css("padding-bottom"));	

        if( (bVersion > 8 && browser == "Explorer") || browser == "Firefox"){$(".folder").css("margin-top","-26px");}

	$("#folder-container").css("margin-top","-"+(pBottom+bPad)+"px");		

	var tHeight = containerHeight + pTop + pBottom;

	$("#folders-container").css("margin-top",tHeight+"px");	

	var lMargin = 5;
	var nWidth = 0;
	if(browser == "Explorer" && bVersion <= 7){lMargin = 10;}
	for(var i=0;i<len;i++){				
		var curDivObj = $("#folder-container .folder:eq("+i+")");		
		if(i > 0){curDivObj.css("margin-left",(nWidth)+"px");nWidth = (nWidth) + (curDivObj.width()+ lMargin);}
		else{nWidth = (nWidth) + (curDivObj.width()+5);}					
	}
}