//function LoadGallery(pictureName,imageFile)
//{
//  document.getElementById(pictureName).src = imageFile;
//}

//------------------- Load picture function ---------------------------------------
function LoadGallery(pictureName,imageFile)
{
  if (document.all)
  {
    document.getElementById(pictureName).style.filter="blendTrans(duration=1)";
    document.getElementById(pictureName).filters.blendTrans.Apply();
  }
  document.getElementById(pictureName).src = imageFile;
  if (document.all)
  {
    document.getElementById(pictureName).filters.blendTrans.Play();
  }
}

//--------------------------- End of function ------------------------------------

function showDate()
{
	var strdate;
	var dt = new Date();
              var strarrDay = new Array("Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"); 
              var strarrMonth = new Array("01","02","03","04","05","06","07","08","09","10","11","12"); 
              var strThu = dt.getDay();
              strThu = strarrDay[strThu] + ", ";
              var strDay=dt.getDate();
              if (strDay<10) strDay="0" + strDay
              var strMonth= dt.getMonth();
              strMonth= strarrMonth[strMonth] ;
              var strYears = dt.getYear();
              if (strYears<1900) strYears += 1900;
              strdate=strThu + " " + strDay + "/" + strMonth + "/" + strYears
              window.document.write (strdate);
}
function openpage(pageurl, pagename, pagewidth, pageheight) 
{                                          
	var attr;                                          
	attr="width="+pagewidth+",height="+pageheight+",scrollbars=yes,status=no,title=yes,toolbars=yes,resizable=no";
	window.open(pageurl, "_blank", attr);                                          
}

function FloatTopDiv()
{
	startX = document.body.clientWidth - 110, startY = 32;
	var ns = (navigator.appName.indexOf("Netscape") != -1);
	var d = document;
	if (document.body.clientWidth < 980) startX = -1003;
	function ml(id)
	{
		var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
		if(d.layers)el.style=el;
		el.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el.x = startX;
		el.y = startY;
		return el;
	}
	window.stayTopLeft=function()
	{
		if (document.body.clientWidth < 980)
		{
			ftlObj.x = - 115;ftlObj.y = 0;	ftlObj.sP(ftlObj.x, ftlObj.y);
		}		
		else
		{
		if (document.documentElement && document.documentElement.scrollTop)
			var pY = ns ? pageYOffset : document.documentElement.scrollTop;
		else if (document.body)
			var pY = ns ? pageYOffset : document.body.scrollTop;
		if (document.body.scrollTop > 32){startY = 3} else {startY = 32};
		if (document.body.clientWidth >= 1024)
		{
			ftlObj.x = document.body.clientWidth - 110;ftlObj.y += (pY + startY - ftlObj.y)/32;ftlObj.sP(ftlObj.x, ftlObj.y);
		}
		else
		{	
		ftlObj.x  = startX;
		ftlObj.y += (pY + startY - ftlObj.y)/32;
		ftlObj.sP(ftlObj.x, ftlObj.y);
		}
		}
		setTimeout("stayTopLeft()", 1);
	}
	ftlObj = ml("divAdRight");
	stayTopLeft();
}
function FloatTopDiv2()
{
	startX2 = document.body.clientWidth - 995, startY2 = 32;
	var ns2 = (navigator.appName.indexOf("Netscape") != -1);
	var d2 = document;
	if (document.body.clientWidth < 980) startX2 = -110;
	function ml2(id)
	{
		var el2=d2.getElementById?d2.getElementById(id):d2.all?d2.all[id]:d2.layers[id];
		if(d2.layers)el2.style=el2;
		el2.sP=function(x,y){this.style.left=x;this.style.top=y;};
		el2.x = startX2;
		el2.y = startY2;
		return el2;
	}
	window.stayTopLeft2=function()
	{
		if (document.body.clientWidth < 980)
		{
			ftlObj2.x = - 115;ftlObj2.y = 0;	ftlObj2.sP(ftlObj2.x, ftlObj2.y);
		}
		else
		{
		if (document.documentElement && document.documentElement.scrollTop)
			var pY2 = ns2 ? pageYOffset : document.documentElement.scrollTop;
		else if (document.body)
			var pY2 = ns2 ? pageYOffset : document.body.scrollTop;
		if (document.body.scrollTop > 32){startY2 = 3} else {startY2 = 32};
		if (document.body.clientWidth >= 1024)
		{
			ftlObj2.x =  0;ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/32;	ftlObj2.sP(ftlObj2.x, ftlObj2.y);
		}
		else
		{				
		ftlObj2.x  = startX2;
		ftlObj2.y += (pY2 + startY2 - ftlObj2.y)/32;
		ftlObj2.sP(ftlObj2.x, ftlObj2.y);
		}
		}
		setTimeout("stayTopLeft2()", 1);
	}
	ftlObj2 = ml2("divAdLeft");
	stayTopLeft2();	
}
function ShowAdDivLeft()
{
	var objAdDivLeft  = document.getElementById("divAdLeft");
	if (document.body.clientWidth < 980)
	{
		objAdDivLeft.style.left  = - 110;
	}
	else
	{
		objAdDivLeft.style.left  = 0;
	}
	FloatTopDiv2();
}
function ShowAdDivRight()
{
	var objAdDivRight = document.getElementById("divAdRight");
	if (document.body.clientWidth < 980)
	{
		objAdDivRight.style.left = - 110;
	}
	else
	{
		objAdDivRight.style.left = document.body.clientWidth - 110;
	}
	FloatTopDiv();
}

function popupImageCC(src, border) 
{
//    alert(src);
    var ppimgNW;
    if (border==null) border = 0;
    if (ppimgNW != null) ppimgNW.close();
    ppimgNW = window.open('','_blank','width=50,height=50');
    var doc = ppimgNW.document;
    doc.write('<html>');
    doc.write('<head>');
    doc.write('<title>Image</title>');
	doc.write('</head>');
    doc.write('<body leftmargin="0" topmargin="' + border + '" onload="doResize();">');
    doc.write('<div align="center">');
//    if(src.indexOf(".flv")>0)
//        alert("HH");
//	    doc.write('<object type="application/x-shockwave-flash" data="~/resources/images/mediaplayer.swf ><param name="bgcolor" value="#FFFFFF"/><param name="flashvars" value="file=' + fileName + '"/></object>');
//	else
//	    if(src.indexOf(".swf")>0)
//	        alert("HH");
//	        doc.write('<embed src="' + fileName + '" pluginspage="http://www.adobe.com/go/getflashplayer" type="application/x-shockwave-flash" />');
//	    else
//	        alert("HH");
	        doc.write('<img src="' + src + '" id="ppImg" onclick="self.close();" title="Đóng lại">');
    doc.write('</div>');
	doc.write('<div style="height:1; width:' + border + '; font-size:4pt;">');
    doc.write('</div>');
    doc.write('<div id="ppImgText" align="center">');
    doc.write('</div>');
    doc.write('</body>');
    doc.write('</html>');
    doc.write('<' + 'script>');
    doc.write('function doResize() {');
    doc.write('  var imgW = ppImg.width, imgH = ppImg.height;');     
    doc.write('  window.resizeTo(imgW + 8 +' + border*2 +', imgH + ppImgText.offsetHeight + 26 + '+ border*2 +');');
    doc.write('  setTimeout(\'doResize()\', 1000);');
    doc.write('}');
    doc.write('doResize(); ');
    doc.write('</' + 'script>');
}

//---------------------------------------------------------- Gradual Fader Effect Begin -----------------------------------------------------
//Gradual Elements Fader- By Dynamic Drive at http://www.dynamicdrive.com
//Last updated: Nov 8th, 07'

var gradualFader={}

gradualFader.baseopacity=0.5 //set base opacity when mouse isn't over element (decimal below 1)
gradualFader.increment=0.3 //amount of opacity to increase after each iteration (suggestion: 0.1 or 0.2)

document.write('<style type="text/css">\n') //write out CSS to enable opacity on "gradualfader" class
document.write('.gradualfader{filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+'); -moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}\n')
document.write('</style>')

gradualFader.setopacity=function(obj, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
	var targetobject=obj
	if (targetobject && targetobject.filters && targetobject.filters[0]){ //IE syntax
		if (typeof targetobject.filters[0].opacity=="number") //IE6
			targetobject.filters[0].opacity=value*100
		else //IE 5.5
			targetobject.style.filter="alpha(opacity="+value*100+")"
		}
	else if (targetobject && typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
		targetobject.style.MozOpacity=value
	else if (targetobject && typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
		targetobject.style.opacity=value
	targetobject.currentopacity=value
}

gradualFader.fadeupdown=function(obj, direction){
	var targetobject=obj
	var fadeamount=(direction=="fadeup")? this.increment : -this.increment
	if (targetobject && (direction=="fadeup" && targetobject.currentopacity<1 || direction=="fadedown" && targetobject.currentopacity>this.baseopacity)){
		this.setopacity(obj, targetobject.currentopacity+fadeamount)
		window["opacityfader"+obj._fadeorder]=setTimeout(function(){gradualFader.fadeupdown(obj, direction)}, 50)
	}
}

gradualFader.clearTimer=function(obj){
if (typeof window["opacityfader"+obj._fadeorder]!="undefined")
	clearTimeout(window["opacityfader"+obj._fadeorder])
}

gradualFader.isContained=function(m, e){
	var e=window.event || e
	var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	if (c==m)
		return true
	else
		return false
}

gradualFader.fadeinterface=function(obj, e, direction){
	if (!this.isContained(obj, e)){
		gradualFader.clearTimer(obj)
		gradualFader.fadeupdown(obj, direction)
	}
}

gradualFader.collectElementbyClass=function(classname){ //Returns an array containing DIVs with specified classname
	var classnameRE=new RegExp("(^|\\s+)"+classname+"($|\\s+)", "i") //regular expression to screen for classname within element
	var pieces=[]
	var alltags=document.all? document.all : document.getElementsByTagName("*")
	for (var i=0; i<alltags.length; i++){
		if (typeof alltags[i].className=="string" && alltags[i].className.search(classnameRE)!=-1)
			pieces[pieces.length]=alltags[i]
	}
	return pieces
}

gradualFader.init=function(){
	var targetobjects=this.collectElementbyClass("gradualfader")
	for (var i=0; i<targetobjects.length; i++){
		targetobjects[i]._fadeorder=i
		this.setopacity(targetobjects[i], this.baseopacity)
		targetobjects[i].onmouseover=function(e){gradualFader.fadeinterface(this, e, "fadeup")}
		targetobjects[i].onmouseout=function(e){gradualFader.fadeinterface(this, e, "fadedown")}
	}
}

//---------------------------------------------------------- Gradual Fader Effect End -----------------------------------------------------


//-------------------------------------- Baloon Tip Code ---------------------------------------------
//Rich HTML Balloon Tooltip: http://www.dynamicdrive.com/dynamicindex5/balloontooltip.htm
//Created: September 10th, 2006
//Update by: damanro at August, 2008

var disappeardelay=2000  //tooltip disappear delay (in miliseconds)
var verticaloffset=-190 //vertical offset of tooltip from anchor link, if any
var enablearrowhead=0 //0 or 1, to disable or enable the arrow image
var arrowheadimg=["../resources/images/arrowdown.gif", "../resources/images/arrowup.gif"] //path to down and up arrow images
var arrowheadheight=21 //height of arrow image (amount to reveal)

/////No further editting needed

var ie=document.all
var ns6=document.getElementById&&!document.all
verticaloffset=(enablearrowhead)? verticaloffset+arrowheadheight : verticaloffset

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function showhide(obj, e){
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (e.type=="mouseover")
obj.visibility="visible"
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
if (whichedge=="rightedge"){
edgeoffsetx=0
var windowedge=ie && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffsetx=dropmenuobj.contentmeasure-obj.offsetWidth
return edgeoffsetx
}
else{
edgeoffsety=0
var topedge=ie && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure) //move up?
edgeoffsety=dropmenuobj.contentmeasure+obj.offsetHeight+(verticaloffset*2)
return edgeoffsety
}
}

function displayballoontip(obj, e){ //main ballooon tooltip function
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
if (typeof dropmenuobj!="undefined") //hide previous tooltip?
dropmenuobj.style.visibility="hidden"
clearhidemenu()
//obj.onmouseout=delayhidemenu
dropmenuobj=document.getElementById(obj.getAttribute("rel"))
showhide(dropmenuobj.style, e)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")+verticaloffset
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
if (enablearrowhead)
displaytiparrow()
}

function displaytiparrow(){ //function to display optional arrow image associated with tooltip
tiparrow=document.getElementById("arrowhead")
tiparrow.src=(edgeoffsety!=0)? arrowheadimg[0] : arrowheadimg[1]
var ieshadowwidth=(dropmenuobj.filters && dropmenuobj.filters[0])? dropmenuobj.filters[0].Strength-1 : 0
//modify "left" value depending on whether there's no room on right edge of browser to display it, respectively
tiparrow.style.left=(edgeoffsetx!=0)? parseInt(dropmenuobj.style.left)+dropmenuobj.offsetWidth-tiparrow.offsetWidth-10+"px" : parseInt(dropmenuobj.style.left)+5+"px"
//modify "top" value depending on whether there's no room on right edge of browser to display it, respectively
tiparrow.style.top=(edgeoffsety!=0)? parseInt(dropmenuobj.style.top)+dropmenuobj.offsetHeight-tiparrow.offsetHeight-ieshadowwidth+arrowheadheight+"px" : parseInt(dropmenuobj.style.top)-arrowheadheight+"px"
tiparrow.style.visibility="visible"
}

function delayhidemenu(){
delayhide=setTimeout("dropmenuobj.style.visibility='hidden'; dropmenuobj.style.left=0; if (enablearrowhead) tiparrow.style.visibility='hidden'",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

function reltoelement(linkobj){ //tests if a link has "rel" defined and it's the ID of an element on page
var relvalue=linkobj.getAttribute("rel")
return (relvalue!=null && relvalue!="" && document.getElementById(relvalue)!=null && document.getElementById(relvalue).className=="balloonstyle")? true : false
}

function initalizetooltip(){
var all_links=document.getElementsByTagName("a")
if (enablearrowhead){
tiparrow=document.createElement("img")
tiparrow.setAttribute("src", arrowheadimg[0])
tiparrow.setAttribute("id", "arrowhead")
document.body.appendChild(tiparrow)
}
for (var i=0; i<all_links.length; i++){
if (reltoelement(all_links[i])){ //if link has "rel" defined and it's the ID of an element on page
all_links[i].onmouseover=function(e){
var evtobj=window.event? window.event : e
displayballoontip(this, evtobj)
}
all_links[i].onmouseout=delayhidemenu
}
}
}

if (window.addEventListener)
window.addEventListener("load", initalizetooltip, false)
else if (window.attachEvent)
window.attachEvent("onload", initalizetooltip)
else if (document.getElementById)
window.onload=initalizetooltip

//-------------------------------------------End of Baloon Style--------------------------------




//-------- Begin of change image ------------
//Update date: 06/08/08 by damanro

function showflashdiv() {

     if (document.getElementById('flashcontent')) {

     flashloaded = document.getElementById('flashcontent');
     if(flashloaded.innerHTML.length == 0) {
     flashloaded.style.positionTop ="-1000px";
     removepadding();
     }
}

}


//pass min and max -measured against window width
function P7_MinMaxW(a,b){
	var nw="auto",w=document.documentElement.clientWidth;
	if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}

function resetzindex(id) {
document.getElementById(id).style.zIndex=1000;
document.getElementById(original).style.zIndex=999;
   for(i=20; i>-1; i--) {
    divID = 'main' + i;
    if (document.getElementById(divID) && i != id) {
        resetobj = document.getElementById(divID).style;
        resetobj.zIndex = 90+i;
        setOpacity(divID, 0);
    }
   }
}


// GoogleMaps Loader

function GoogleMapsLoader(lat, lon, zoom, city) {
     document.getElementById('google').style.marginLeft ="0px";
     if (GBrowserIsCompatible()) {
        	var map = new GMap2(document.getElementById("map"));

		GEvent.addListener(map, "click", function() {

       			map.addControl(new GSmallZoomControl());
       			map.addControl(new GMapTypeControl());
                        document.getElementById('google').style.height = "455px";

    		});

        map.setCenter(new GLatLng(lat, lon), zoom);
                
        var dwicon = new GIcon();
            dwicon.image = "http://www.designworks.co.nz/images/dweig-core/marker.png";
            dwicon.iconSize = new GSize(62, 45);

        var parkicon = new GIcon();
            parkicon.image = "http://www.designworks.co.nz/images/dweig-core/parking.png";
            parkicon.iconSize = new GSize(20, 20);
            

       if(city=="well") {
       parkicon.iconAnchor = new GPoint(43, -60);
       dwicon.iconAnchor = new GPoint(25, 20);
       }

       if(city=="auck") {
       parkicon.iconAnchor = new GPoint(90, -10);
       dwicon.iconAnchor = new GPoint(-40, 0);
       }

       var parking = new GLatLng(lat,lon);
       var point = new GLatLng(lat,lon);
       dwparking = new GMarker(parking,parkicon);
       dwmarker = new GMarker(point,dwicon);
       map.addOverlay(dwmarker);
       map.addOverlay(dwparking);

     }
}

var opacity =0;
var original = 'main1';

function setOpacity(id, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  document.getElementById(id).style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  document.getElementById(id).style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
 document.getElementById(id).style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  document.getElementById(id).style.opacity = opacity/100;
}

var opaque = 100;

function setOpaque(id, opaque) {
  opaque = (opaque == 100)?99.999:opaque;
  
  // IE/Win
  document.getElementById(id).style.filter = "alpha(opacity:"+opaque+")";
  
  // Safari<1.2, Konqueror
  document.getElementById(id).style.KHTMLOpacity = opaque/100;
  
  // Older Mozilla and Firefox
 document.getElementById(id).style.MozOpacity = opaque/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  document.getElementById(id).style.opacity = opaque/100;
}


function opacityup (id, opacity) {
   
   if (document.getElementById(id).style.visibility !="visible") {
   document.getElementById(id).style.visibility ="visible";
   }
   opacity +=10;
    setOpacity(id, opacity);
    if (opacity < 100) {
       fader =  setTimeout("opacityup('"+id+"',"+opacity+");", 20);
    }
    
}

function opaquedown(id, opacity) {
   
   id = 'maskover';
   opaque -=5;
    setOpaque('maskover', opaque);
    if (opaque > 0) {
       fader =  setTimeout("opaquedown('maskover',"+opaque+");", 50);
    }
    if (opaque <=0) {
	document.getElementById('maskover').style.display ="none";
    }
}


function showimage(id) {

if (document.getElementById(id)) {
         newimg = document.getElementById(id);
         oldimg = document.getElementById(original);
         setOpacity(id, 0);
         newimg.style.zIndex=500;
         oldimg.style.zIndex=499;
         opacityup(id, opacity);
         resetzindex(id);
         original = id;
         //alert("Original: "+original);
   }
}


function showbubble(id, opacity) {
      bubble = 'bubble'+id;
      bubbleimg = 'bubbleimg'+id;
     if(document.getElementById(bubble)) {

           if( document.getElementById(bubble).style.display == "block") {
               document.getElementById(bubble).style.display = "none";
               document.getElementById(bubbleimg).style.filter = 'alpha(opacity=50)';
               document.getElementById(bubbleimg).style.opacity = .5;
             	   }
           else {
               document.getElementById(bubble).style.display = "block";
               document.getElementById(bubbleimg).style.filter = 'alpha(opacity=100)';
               document.getElementById(bubbleimg).style.opacity = 1;
	   }
          
    }
       
}


function showcaption(div, caption) {

      if(document.getElementById(div)) {
           document.getElementById(div).innerHTML = "<p>" + caption + "</p>";
      }
       
}

function swaplink(alias, pagename) {

      if(document.getElementById('viewlink')) {
           document.getElementById('viewlink').innerHTML = '<p><span class="blue">&lt;</span> <a href="index.php?page='+alias+'"> <strong>View the full '+pagename+' case study</strong></a></p>';
      }
       
}

var previous = null;

function showaward(element, id) {
   for (i=0; i<10; i++) {
   awardslist= 'award-'+i;
   if(document.getElementById(awardslist) && awardslist != id) {
   document.getElementById(awardslist).style.display="none";
   }}
   
   if (element.src) {
   change = element.src.replace(/.gif/,"-o.gif");
   element.src = change;
   }
   if (previous != null) {
   reset = previous.src.replace(/-o.gif/,".gif");
   previous.src = reset;
   }
   previous = element;
   document.getElementById(id).style.display = "block";
}

function showtext(id) {
   for (i=0; i<20; i++) {
   pagetoshow= 'page'+i;
   if(document.getElementById(pagetoshow) && i != id) {
   document.getElementById(pagetoshow).style.display="none";
   }}
   document.getElementById(id).style.display="block";
}

function killdiv() {
   document.getElementById('flashcontent').style.display="none";
}

function killmaskdiv() {
   document.getElementById('maskover').style.display="none";
}


function removepadding() {
    document.getElementById('page1').style.paddingTop="0";
    document.getElementById('content').style.visibility="visible";
    document.getElementById('footer').style.visibility="visible";
}
function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }


var IE = document.all?true:false

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/-/g, "\-");
	var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}


var currentpageinfo ="inactive";


function shownav() {
       begin = document.getElementById('primary-nav').getElementsByTagName('a');
       for(k=0; k<begin.length; k++) {
          begin[k].style.color="";
       }

       allnav = getElementsByClassName(document.getElementById("primary-nav"), "li", "menuactive menuparent");
       finalnav = getElementsByClassName(document.getElementById("primary-nav"), "li", "menuactive");
       
       startnav= allnav.concat(finalnav);
       
       for (i=0; i< startnav.length; i++) {
           startnav[i].parentNode.style.display ="block";
           startnav[i].style.color="";
           getlipos = findPosY(startnav[i]);
           getlastli = findPosY((startnav[i].parentNode).lastChild);
          if (getlipos > 100 || getlastli > 100) {
            listitems = startnav[i].parentNode.getElementsByTagName('li');
               for (q=0; q < listitems.length; q++) {
                    if (startnav[i] != listitems[q] && listitems[q].parentNode == startnav[i].parentNode) {
                         listitems[q].style.display="none";  
                    }    
               
               }    
            }       
       }
      
      if (finalnav[0]) {
         finalnav[0].style.display ="block";
	}

}

function playvideo(video) {
	 if(document.getElementById('flashwindowarea')) {
                document.getElementById('flashwindowarea').style.display="block";
                document.getElementById('flashwindowclose').style.display="block";
		var vid = new SWFObject(video, "video", "561", "402", "7");
         	vid.write("flashwindowarea");
	}
}

function closevideo() {
	document.getElementById('flashwindowarea').style.display="none";
        document.getElementById('flashwindowarea').innerHTML="";
        document.getElementById('flashwindowclose').style.display="none";
}

var openedpage = "open";

var myrules = {
        '#primary-nav a.menuparent' : function(el){

		el.onmouseover = function(){
                
                resetuls = (this.parentNode).parentNode.getElementsByTagName('ul');
                for(w=0; w<resetuls.length; w++) {
                     resetuls[w].style.display="";
                     resetuls[w].style.top="0px";
                }
               
                (this.parentNode).parentNode.style.top="0px";
                resetlis = (this.parentNode).parentNode.getElementsByTagName('li');
                for(g=0; g<resetlis.length; g++) {
                      if ((this.parentNode).parentNode != resetlis[g]) {
                        resetlis[g].style.display="";
                      }
                }

                resetcolor = getElementsByClassName(document.getElementById("primary-nav"), "a", "menuparent");
 
                for (i=0; i< resetcolor.length; i++) {
                if((resetcolor[i].parentNode).parentNode == (this.parentNode).parentNode) { // && this.className !="currentpage"
                      	resetcolor[i].style.color ="#999";
                	}
                }

                resetcolor2 = getElementsByClassName(document.getElementById("primary-nav"), "a", "menuactive menuparent");
                for (i=0; i< resetcolor2.length; i++) {
                      if((resetcolor2[i].parentNode).parentNode == (this.parentNode).parentNode) { // && this.className !="currentpage"
                      resetcolor2[i].style.color ="#999";
                      }
                }

		if (this.className != "currentpage") {
                 this.style.color = "#fff";               
		}

                el=null;
             }
	},

	'#largeimages' : function(el){
		el.onmouseover = shownav;
                el=null;
	}
   };


//------- End of changing image block ---------------