﻿//LEFT MENU
function menuState(navId){
	if(eval('document.getElementById("sub_'+navId+'").style.display == "none"')){
		eval('document.getElementById("sub_'+navId+'").style.display = ""')
	}
	else{
		eval('document.getElementById("sub_'+navId+'").style.display = "none"')
	}
	
	for(i=0;i<navArray.length;i++){
		if(eval('document.getElementById("sub_'+navArray[i]+'")') != eval('document.getElementById("sub_'+navId+'")')){
			eval('document.getElementById("sub_'+navArray[i]+'").style.display = "none"');
		}
	}
}

//IMAGE SWAP
function imgSwap(obj, imgName){
	obj.src = imgName;
}

function tmVoid(){
	
}




//Default closing divs
closingLevel_1 = "";
closingLevel_2 = "";
originalLyr1Height = "";


function openstorenodes() {
    var selprovince = window.opener.document.getElementById('selprovince').value;
    var selcity = window.opener.document.getElementById('selcity').value;

    if (selprovince != "") {
        document.getElementById(selprovince).style.display = "";
    }

    if (selcity != "") {
        document.getElementById(selcity).style.display = "";
    }
}

function storeshierarchyFunc2(divName){
	if(originalLyr1Height == ""){
		originalLyr1Height = document.getElementById("lyr1").offsetHeight
	}

	var obj = null;

	obj = document.getElementById(divName);

	if (obj != null) {
	    if (obj.style.display == 'none') {
	        var tmpDisplay = "";
		}
		else {
		    var tmpDisplay = "none";
		}
		obj.style.display = tmpDisplay;

		var first = true;
		var state;
		//First Level
		if(divName.substring(0,9) == "container"){
		    
		    if (closingLevel_1 != "" && closingLevel_1 != divName) {
		        state = 1;
		        first = false;
		        document.getElementById('selprovince').value = divName;
		        
				eval('document.getElementById("'+closingLevel_1+'").style.display = "none"')
				
				ert(1,closingLevel_1.replace('container',''));//Changes the image and color of none selected

				if (closingLevel_2 != "") {
					eval('document.getElementById("'+closingLevel_2+'").style.display = "none"')
					
					ert(2,closingLevel_2.replace('content',''));//Changes the image and color of none selected
					eval('divHeight = document.getElementById("'+divName+'").offsetHeight')
				}
			}
			closingLevel_1 = divName
		}
		
		//Second Level
		if (divName.substring(0, 7) == "content") {
		    state = 2;
		    first = false;
		    document.getElementById('selcity').value = divName;
		    
		    if (closingLevel_2 != "" && closingLevel_2 != divName) {
				eval('document.getElementById("'+closingLevel_2+'").style.display = "none"')
				
				ert(2,closingLevel_2.replace('content',''));//Changes the image and color of none selected
				eval('divHeight = document.getElementById("'+divName+'").offsetHeight')
			}
			closingLevel_2 = divName
		}

		if (first) {
		    if (tmpDisplay == 'none')
		        document.getElementById('selprovince').value = '';
		    else {
		        document.getElementById('selprovince').value = divName;
		        document.getElementById('selcity').value = '';
		    }
		}
		else {
		    if (tmpDisplay == 'none') {
		        if (state == 1) {
		            document.getElementById('selprovince').value = '';
		            document.getElementById('selcity').value = '';
		        }
		        else {
                    document.getElementById('selcity').value = '';
		        }
		    }
		    else {
		        if (state == 1) {
		            document.getElementById('selprovince').value = divName;
		            document.getElementById('selcity').value = '';
		        }
		        else
		            document.getElementById('selcity').value = divName;
		    }
		}

		if(document.getElementById("lyr1").offsetHeight == originalLyr1Height && document.getElementById("lyr1").offsetHeight < 150 || document.getElementById("lyr1").offsetHeight < 300){
			init_dw_Scroll()
			return
		}

		var wndo = dw_scrollObj.col['wn'];
		var el = document.getElementById(wndo.lyrId);

		wndo.updateDims(); // Recalculate dimensions based on changes 
		var x = wndo.getX();
		var y = wndo.getY();

		// Update size of scrollbar to match changes in scroll area 
		// Update size of scrollbar to match changes in scroll area 
		if ( wndo.vBarId ) { // do set up similarly for hBarId
		  var barObj = dw_Slidebar.col[wndo.vBarId];
		  dw_Scrollbar_Co.setBarSize(wndo, barObj);
		  dw_Scrollbar_Co.updateScrollbar(wndo, x, y);
		}

		var az = divName.replace('container','');
		az = az.replace('content','');
		dw_scrollObj.scrollToId('wn', 'img_'+az, 'lyr2', 200);
	}
}



function hierarchyFunc2(divName,type) {
    if (originalLyr1Height == "") {
        originalLyr1Height = document.getElementById("lyr1").offsetHeight
    }

    var obj = eval("document.getElementById('" + divName + "')");

    if (obj != null) {
        if (obj.style.display == 'none') {
            var tmpDisplay = "";
        }
        else {
            var tmpDisplay = "none";
        }
        obj.style.display = tmpDisplay;

        //First Level
        if (divName.substring(0, 9) == "container") {

            if (closingLevel_1 != "" && closingLevel_1 != divName) {
                eval('document.getElementById("' + closingLevel_1 + '").style.display = "none"')

                ert(1, closingLevel_1.replace('container', '')); //Changes the image and color of none selected

                if (closingLevel_2 != "") {
                    eval('document.getElementById("' + closingLevel_2 + '").style.display = "none"')

                    ert(2, closingLevel_2.replace('content', '')); //Changes the image and color of none selected
                    eval('divHeight = document.getElementById("' + divName + '").offsetHeight')
                }
            }
            closingLevel_1 = divName
        }

        //Second Level
        if (divName.substring(0, 7) == "content") {
            if (closingLevel_2 != "" && closingLevel_2 != divName) {
                eval('document.getElementById("' + closingLevel_2 + '").style.display = "none"')

                ert(2, closingLevel_2.replace('content', '')); //Changes the image and color of none selected
                eval('divHeight = document.getElementById("' + divName + '").offsetHeight')
            }
            closingLevel_2 = divName
        }

        if (document.getElementById("lyr1").offsetHeight == originalLyr1Height && document.getElementById("lyr1").offsetHeight < 150 || document.getElementById("lyr1").offsetHeight < 300) {
            init_dw_Scroll()
            return
        }

        var wndo = dw_scrollObj.col['wn'];
        var el = document.getElementById(wndo.lyrId);

        wndo.updateDims(); // Recalculate dimensions based on changes 
        var x = wndo.getX();
        var y = wndo.getY();

        // Update size of scrollbar to match changes in scroll area 
        // Update size of scrollbar to match changes in scroll area 
        if (wndo.vBarId) { // do set up similarly for hBarId
            var barObj = dw_Slidebar.col[wndo.vBarId];
            dw_Scrollbar_Co.setBarSize(wndo, barObj);
            dw_Scrollbar_Co.updateScrollbar(wndo, x, y);
        }

        var az = divName.replace('container', '');
        az = az.replace('content', '');
        dw_scrollObj.scrollToId('wn', 'img_' + az, 'lyr2', 200);
    }
}











function ert(nodeNum, id){
	eval('document.getElementById("node'+nodeNum+'_'+id+'").style.color = "#939598"')
	eval('document.getElementById("img_'+id+'").src = "FrmAssets/images/arrowRight.gif"')	
}



function changeOpenNodeImg(location, navId, obj) {
    if (document.getElementById('' + location + navId + '') == null)
        return;
        
	if(eval('document.getElementById("'+location+navId+'").style.display == "none"')){
		eval('document.getElementById("img_'+navId+'").src = "FrmAssets/images/arrowRight.gif"');
		eval('document.getElementById("'+obj.id+'").style.color = "#939598"')
	}
	else{
		eval('document.getElementById("img_'+navId+'").src = "FrmAssets/images/arrowDown.gif"');
		eval('document.getElementById("'+obj.id+'").style.color = "#D1D3D4"')
	}
}


///////////////////////////// COLLECTION IMAGE OPACITY START //////////////////////////////////////////
function opacity(id, type) {
	var millisec = 500;

	//Mouseover
	if(type == 1){
		var opacStart = 40;
		var opacEnd = 0; 
	}else{
		var opacStart = 0;
		var opacEnd = 40; 
	}


	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}
///////////////////////////// COLLECTION IMAGE OPACITY END //////////////////////////////////////////












///////////////////////////// ACCORDION START //////////////////////////////////////////
var ContentHeight = 0;
var TimeToSlide = 250.0;
var openAccordion = '';

function checkDivHeight(){
  for(i=0; i < navArray.length; i ++){
    eval('document.getElementById("sub_'+navArray[i] +'").style.display = ""');
    eval('divHeight'+ navArray[i] +' = document.getElementById("sub_'+navArray[i] +'").offsetHeight');
    
    if(tmpJsNavId != navArray[i]){
		eval('document.getElementById("sub_'+navArray[i] +'").style.display = "none"');
    }
    else{
		openAccordion = "sub_"+tmpJsNavId;
    }
  }
}

function runAccordion(index){
  ContentHeight  = eval('divHeight'+index)-12
  
  var nID = "sub_" + index ;

  //This it does not close the open menu
  if(openAccordion == nID){
    //return
  }

  if(openAccordion == nID)
    nID = '';

  setTimeout("animate(" 
      + new Date().getTime() + "," + TimeToSlide + ",'" 
      + openAccordion + "','" + nID + "')", 33);

  openAccordion = nID;
}

function animate(lastTick, timeLeft, closingId, openingId){  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var opening = (openingId == '') ? 
      null : document.getElementById(openingId);
  var closing = (closingId == '') ? 
      null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
      opening.style.height = ContentHeight + 'px';
    
    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = 
      Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null)
  {
  
    if(opening.style.display != 'block')
      opening.style.display = 'block';
      opening.style.height = (ContentHeight - newClosedHeight) + 'px';
  }
  
  if(closing != null)
    closing.style.height = newClosedHeight + 'px';

  setTimeout("animate(" + curTick + "," + timeLeft + ",'" 
      + closingId + "','" + openingId + "')", 33);
}
///////////////////////////// ACCORDION START //////////////////////////////////////////


function alignVertically(num) {
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
		var tmpClientheight = document.documentElement.clientHeight;
	}
	else {
		var tmpClientheight = window.innerHeight;
    }
    
    var tmp1 = (parseFloat(tmpClientheight) - 534) / 2;
	if (tmp1 < 0)
	{
		tmp1 = 0;
	}
    document.getElementById("topContainer").style.paddingTop = tmp1 + "px";

    if (num == 1) {
        document.getElementById("topContainer").style.visibility = 'visible';
        if (document.getElementById("wn") != null) {
            document.getElementById("wn").style.display = 'block';
        }
    }
}

