/* SubNav Menu */

function at_show_aux(parent, child){
  var p = document.getElementById(parent);
  var c = document.getElementById(child );

  var top  = (c["at_position"] == "y") ? p.offsetHeight+2 : 0;
  var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0;

  for (; p; p = p.offsetParent)
  {
    top  += p.offsetTop;
    left += p.offsetLeft;
  }
  top = top-2;

  c.style.position   = "absolute";
  c.style.top        = top +'px';
  c.style.left       = left+'px';
  c.style.visibility = "visible";
}
function at_show(){
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  at_show_aux(p.id, c.id);
  clearTimeout(c["at_timeout"]);
}
function at_hide(){
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  c["at_timeout"] = setTimeout("document.getElementById('"+c.id+"').style.visibility = 'hidden'", 333);
}
function at_click(){
  var p = document.getElementById(this["at_parent"]);
  var c = document.getElementById(this["at_child" ]);

  if (c.style.visibility != "visible") at_show_aux(p.id, c.id); else c.style.visibility = "hidden";
  return false;
}


// PARAMETERS:
// parent   - id of the parent html element
// child    - id of the child  html element that should be droped down
// showtype - "click" = drop down child html element on mouse click
//            "hover" = drop down child html element on mouse over
// position - "x" = display the child html element to the right
//            "y" = display the child html element below
// cursor   - omit to use default cursor or specify CSS cursor name

function at_attach(parent, child, showtype, position, cursor){
  var p = document.getElementById(parent);
  var c = document.getElementById(child);

  p["at_parent"]     = p.id;
  c["at_parent"]     = p.id;
  p["at_child"]      = c.id;
  c["at_child"]      = c.id;
  p["at_position"]   = position;
  c["at_position"]   = position;

  c.style.position   = "absolute";
  c.style.visibility = "hidden";

  if (cursor != undefined) p.style.cursor = cursor;

  switch (showtype)
  {
    case "click":
      p.onclick     = at_click;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
    case "hover":
      p.onmouseover = at_show;
      p.onmouseout  = at_hide;
      c.onmouseover = at_show;
      c.onmouseout  = at_hide;
      break;
  }
}

/* END - SubNav Menu - END */



/* Left Nav Menu */
var timerlen = 5;
var slideAniLen = 500;

function $(id) { return document.getElementById(id);} 

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

function slide(objname){
	slideup('subnavslider');slideup('subnavslider2');	
	if(objname=="clear"){return;}
	if( $(objname).style.display == "none"){slidedown(objname);}else{slideup(objname);}		
}
function slidedown(objname){
        if(moving[objname])
                return;
        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible
        moving[objname] = true;
        dir[objname] = "down";
        startslide(objname);
}
function slideup(objname){
		if(!$(objname)){ return; }
        if(moving[objname])
                return;
        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden
        moving[objname] = true;
        dir[objname] = "up";
        startslide(objname);
}
function startslide(objname){
        obj[objname] = document.getElementById(objname);
        endHeight[objname] = parseInt(obj[objname].style.height);
        startTime[objname] = (new Date()).getTime();
        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }
        obj[objname].style.display = "block";
        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}
function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];
        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;
                obj[objname].style.height = d + "px";
        }
        return;
}
function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);
        return;
}
/* END - Left Nav Menu - END */

var currentMenuItem;
var currentMenuSection;
function getCareersHeader(){
	var head = "<img alt=\"Abercrombie &amp; Fitch\" width=\"880\" height=\"135\" src=\"/anf/careers/images/I-careersLogo.gif\" style=\"display:block;\"/>"
			+ "<div id=\"careersTopNav\">"
			+ "<a href=\"/anf/careers/index.html\"><img width=\"52\" height=\"28\" alt=\"HOME\" src=\"/anf/careers/images/B-topNav_home_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-topNav_home_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-topNav_home_off.gif'\" /></a>" 
			+ "<img width=\"100\" height=\"28\" id=\"oppMenu\" alt=\"OPPORTUNITIES\" src=\"/anf/careers/images/B-topNav_opp_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-topNav_opp_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-topNav_opp_off.gif'\"/>" 
			+ "<a href=\"/anf/careers/brands.html\"><img width=\"88\" height=\"28\" alt=\"OUR BRANDS\" src=\"/anf/careers/images/B-topNav_brands_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-topNav_brands_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-topNav_brands_off.gif'\" /></a>" 
			+ "<a href=\"/anf/careers/theHomeOffice.html\"><img width=\"111\" height=\"28\" alt=\"THE HOME OFFICE\" src=\"/anf/careers/images/B-topNav_homeOffice_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-topNav_homeOffice_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-topNav_homeOffice_off.gif'\"/></a> " 
			+ "<a href=\"/anf/careers/diversity.html\"><img width=\"72\" height=\"28\" alt=\"DIVERSITY\" src=\"/anf/careers/images/B-topNav_diversity_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-topNav_diversity_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-topNav_diversity_off.gif'\"/></a></div>"
			+ "<div id=\"subMenu\">"
				+ "<a class=\"subNavMenu\" href=\"/anf/careers/homeOfficeOpportunities.html\">HOME OFFICE</a>"
				+ "<a class=\"subNavMenu\" href=\"/anf/careers/storeOpportunities.html\">STORES</a>"
			+ "</div>";
	return head;
}

function getCareersFooter(){
	var foot = "<div id=\"careersFooter\">"
				+ "<a href=\"/anf/careers/brands.html\">Our Brands</a> " 
				+ "<a href=\"/anf/careers/theHomeOffice.html\">The Home Office</a> " 
				+ "<a href=\"/anf/careers/diversity.html\">Diversity</a> " 
				+ "<a href=\"/webapp/wcs/stores/servlet/GenericWrapperDisplayView?storeId=10051&langId=-1&catalogId=10901&textKey=HELP_PRIVACYPOLICY\" target=\"_blank\">Privacy</a> " 
				+ "<a href=\"/webapp/wcs/stores/servlet/GenericWrapperDisplayView?storeId=10051&langId=-1&catalogId=10901&textKey=HELP_CAPRIVACYPOLICY\" target=\"_blank\">CA Privacy</a>"
			+ "</div>";
	return foot;
}


var hoMenuState = {
	"ci":{
		"style":"display:none;overflow:hidden;height:250px;",
		"id":"menuCareersIn"
	},
	"trn":{
		"style":"display:none;overflow:hidden;height:275px;",
		"id":"menuCollegeRecruit"
	}
}

function hoOppsLeftNav(){
	var menu = "<div id=\"careersLeftNav\" style=\"display:block;\">" +
						"<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a href=\"javascript:slide('subnavslider');\"><img width=\"291\" height=\"36\" id=\"menuCollegeRecruit\" src=\"/anf/careers/images/B-nav_collegeRecruit_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-nav_collegeRecruit_over.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-nav_collegeRecruit_off.gif'\" alt=\"College Recruitment\"/></a><br/>" +
						"<div id=\"subnavslider\" style=\"" + hoMenuState.trn.style + "\">" +
							"<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
							"<ul class=\"subNavLeft\">" +
								"<li class=\"leftSubNav\">Leadership Development Programs</li>" +
								"<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"/anf/careers/merchandisingTrainingProgram.html\">Merchandising</a></li>" +
								"<li id=\"trnFin\" class=\"subNavTwo\"><a href=\"/anf/careers/financeTrainingProgram.html\">Finance &amp; Business Operations</a></li>" +
								"<li id=\"trnPlan\" class=\"subNavTwo\"><a href=\"/anf/careers/planningTrainingProgram.html\">Inventory Management</a></li>" +
								"<li id=\"trnIT\" class=\"subNavTwo\"><a href=\"/anf/careers/itTrainingProgram.html\">Information Technology</a></li>" +

								"<li class=\"leftSubNav\">Design Training Program</li>" +
								"<li id=\"trnDes\" class=\"subNavTwo\"><a href=\"/anf/careers/designTrainingProgram.html\">Design</a></li>" +
								"<li id=\"trnTechDes\" class=\"subNavTwo\"><a href=\"/anf/careers/techDesignTrainingProgram.html\">Technical Design</a></li>" +

							"</ul>" +
						"</div>" +
						"<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
						"<a target=\"_new\" href=\"https://abercrombie.taleo.net/careersection/1.0/jobsearch.ftl?lang=en&amp;portal=2101381138\"><img width=\"291\" height=\"36\" src=\"/anf/careers/images/B-nav_searchJobs_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-nav_searchJobs_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-nav_searchJobs_off.gif'\" alt=\"Search Home Office Job Listings\"/></a><br/>" +
						"<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />" +
					"</div>";
	return menu;
}

var storeMenuState = {
	"res":{
		"style":"display:none;overflow:hidden;height:400px;"
	}
}

function storesOppsLeftNav(){
	var menu = "<div id=\"careersLeftNav\" style=\"display:block;\">"
						+ "<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />"
						+ "<a href=\"/anf/careers/managerInTraining.html\"><img width=\"291\" height=\"36\" id=\"menuMgrInTraining\" src=\"/anf/careers/images/B-nav_mgrTrain_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-nav_mgrTrain_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-nav_mgrTrain_off.gif'\" alt=\"Manager In Training\"/></a><br/>"
						+ "<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />"
						+ "<a href=\"javascript:void window.open(\'/anf/lifestyles/html/casting.html\',\'casting\', \'toolbar=no,menubar=no,status=no,scrollbars=no,resizable=no,width=860px,height=484px\');\"><img width=\"291\" height=\"36\" src=\"/anf/careers/images/B-nav_model_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-nav_model_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-nav_model_off.gif'\" alt=\"Model\"/></a><br/>"
						+ "<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />"
						+ "<a href=\"javascript:slide('subnavslider2');\"><img width=\"291\" height=\"36\" src=\"/anf/careers/images/B-nav_subResume_off.gif\" onmouseover=\"javascript:this.src='/anf/careers/images/B-nav_subResume_on.gif'\" onmouseout=\"javascript:this.src='/anf/careers/images/B-nav_subResume_off.gif'\" alt=\"Submit A Resume\"/></a><br/>"
						+ "<div id=\"subnavslider2\" style=\"" + storeMenuState.res.style + "\">"
							+ "<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />"
							+ "<ul class=\"subNavLeft\">"
								+ "<li class=\"leftSubNav\">United States</li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:midwest_opportunities@abercrombie.com?subject=Midwest%20Store%20Opportunities\">Midwest</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:southeast_opportunities@abercrombie.com?subject=Southeast%20Store%20Opportunities\">Southeast</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:westcoast_opportunities@abercrombie.com?subject=West%20Coast%20Store%20Opportunities\">West Coast</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:northwest_opportunities@abercrombie.com?subject=Northwest%20Store%20Opportunities\">Northwest</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:south_opportunities@abercrombie.com?subject=South%20Store%20Opportunities\">South</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:northeast_opportunities@abercrombie.com?subject=Northeast%20Store%20Opportunities\">Northeast</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:midatlantic@abercrombie.com?subject=Mid%20Atlantic%20Store%20Opportunities\">Mid Atlantic</a></li>"
								+ "<li class=\"leftSubNav\">Europe (Please send CV in English)</li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:noah_spencer@abercrombie.com?subject=Denmark%20Store%20Opportunities\">Denmark</a></li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:milan_opportunities@abercrombie.com?subject=Italy%20Store%20Opportunities\">Italy</a></li>"								
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:noah_spencer@abercrombie.com?subject=Spain%20Store%20Opportunities\">Spain</a></li>"								
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:london_management@abercrombie.com?subject=United Kingdom%20Store%20Opportunities\">United Kingdom</a></li>"	
								+ "<li class=\"leftSubNav\">Asia (Please send CV in English)</li>"
								+ "<li id=\"trnMerch\" class=\"subNavTwo\"><a href=\"mailto:tokyo_opportunities@abercrombie.com?subject=Tokyo%20Store%20Opportunities\">Japan</a></li>"																							
							+ "</ul>"
						 + "</div>"
						+ "<img src=\"/anf/careers/images/eaeaea.gif\" class=\"navbar\" alt=\"\" />"
					+ "</div>";
	return menu;
}

function creatImgShow(){
	var menu = "<div id=\"hero\" class=\"slide-show\" style=\"display:block;\">"
					+ "<ul>"
						+ "<li id=\"slide\" class=\"slide\"><img src=\"/anf/careers/images/slideshowimg1.jpg\" class=\"navbar\" alt=\"\" /></li>"
						+ "<li id=\"slide\" class=\"slide\"><img src=\"/anf/careers/images/slideshowimg2.jpg\" alt=\"\" /></li>"	
						+ "<li id=\"slide\" class=\"slide\"><img src=\"/anf/careers/images/slideshowimg3.jpg\" alt=\"\" /></li>"						
					+ "</ul>"
				+ "</div>";
	return menu;
}

function carousel() {
	jQuery(".slide-show").jCarouselLite({
		visible: 1,
		auto: 3000,
		pauseOnHover: true,
		speed: 200
});
}


function init() {
	if(currentMenuItem && $(currentMenuItem)){
		addClass($(currentMenuItem), "cur");
	}
	if(currentMenuSection && $(currentMenuSection)){
		$(currentMenuSection).src = $(currentMenuSection).src.replace("_off","_on");
		$(currentMenuSection).onmouseover = null;
		$(currentMenuSection).onmouseout = null;
	}
}
addEvent(window, "load", init);