//IMAGE PRELOAD

all = new Image();
all.src = "images/button-all-rental-properties-hover.gif";

student = new Image();
student.src = "images/button-student-rentals-hover.gif";

non = new Image();
non.src = "images/button-non-student-rentals-hover.gif";

fsale = new Image();
fsale.src = "images/button-properties-for-sale-hover.gif";

map = new Image();
map.src = "images/button-view-by-map-hover.gif";

function preloadImgs(imgArray) {
    for (x in imgArray) {
        window['pimglrg' + imgArray[x]] = new Image();
        window['pimglrg' + imgArray[x]].src = "images/propertyimages/img"+imgArray[x]+"-lrg.jpg";
    }
}

//slideshow script
function startSlideshow(path, numimgs, numslots, timer, rnd, start, imagetype)
{
  if (start==0) var firstimg = 1 + Math.floor(Math.random()*numimgs);   // random first image
      else var firstimg = start;
       // we use base 0 for our slot calculations
  var delay = timer + ( Math.random()*rnd)- (rnd/2)  // random length of time if rnd is non-zero
  window.setTimeout('cueNextSlide("'+path+'",'+firstimg+','+numimgs+',0,'+numslots+','+timer+','+rnd+',"'+imagetype+'")', delay*500);
}
function cueNextSlide(path, imgno, numimgs, slotno, numslots, timer, rnd, imagetype)
{
  if (slotno >= numslots) { toback=false; } else { toback=true;  }
  var nextimg = (imgno % numimgs) + 1;
  var nextimgforthisslot = ((imgno+numslots)%numimgs)+1
  var nextslot = (slotno+1)%(numslots*2);
  var thisslot = (slotno%numslots)+1;
  var frontId = path+'-sl'+thisslot+'front';
  var backId = path+'-sl'+thisslot+'back';
  var delay = timer + ( Math.random()*rnd)- (rnd/2);  // random length of time if rnd is non-zero
  if (toback) {
     window.setTimeout('changeimg("front","'+path+'","'+thisslot+'","'+nextimgforthisslot+'","'+imagetype+'")', delay*750);
     fade(backId,0.5, 'in');
     fade(frontId, 0.5, 'out');
  }
  else
  {
     window.setTimeout('changeimg("back","'+path+'","'+thisslot+'","'+nextimgforthisslot+'","'+imagetype+'")', delay*750);
     fade(frontId,0.5,'in');
     fade(backId,0.5,'out');
  }
  window.setTimeout('cueNextSlide("'+path+'",'+nextimg+','+numimgs+','+nextslot+','+numslots+','+timer+','+rnd+',"'+imagetype+'")', delay*1000);
}
function changeimg(layer, path, thisslot, imgno,imagetype)
{
  var chgimgId = path+'-sl'+thisslot+layer;
  chgimg = document.getElementById(chgimgId);
  chgimg.src="images/"+path+"/sshow"+imgno+".jpg";
}
function fade(img, time, dir)
{
  img = document.getElementById(img);
  var steps=time*10;
  if (typeof img.style.opacity != 'undefined')
  {
    var otype='w3c';
  }
  else if (typeof img.style.MozOpacity != 'undefined')
  {
    var otype='moz';
  }
  else if (typeof img.style.MKhtmlOpacity != 'undefined')
  {
    var otype='khtml';
  }
  else if (typeof img.filters =='object')
  {
    otype = (img.filters.length >0
      && typeof img.filters.alpha == 'object'
      && typeof img.filters.alpha.opacity == 'number')
      ? 'ie' : 'none';
  }
  else { otype = 'none';}
  if (otype != 'none')
  {
    if (dir == 'out') { dofade(steps,img,1,false,otype);}
    else { dofade(steps, img, 0, true, otype); }
  }
}
function dofade(steps, img, value, targetvisibility, otype)
{
  value += (targetvisibility ? 1 : -1) / steps;
  if (targetvisibility ? value >1 : value <0)
    value = targetvisibility ? 1:0;
  setfade(img,value,otype);
  if (targetvisibility ? value <1 : value >0)
  {
    setTimeout(function()
    {
      dofade(steps, img, value, targetvisibility, otype);
    }, 100);
  }
}
function setfade(img,value, otype)
{
  switch(otype)
  {
    case 'ie':
      img.filters.alpha.opacity = value * 100;
      break;
    case 'khtml':
      img.style.KhtmlOpacity = value;
      break;
    case 'moz':
      img.style.MozOpacity = (value==1?0.9999999 : value);
      break;
    default:
      img.style.opacity = (value == 1?0.9999999 : value);
  }
}


//** AnyLink JS Drop Down Menu v2.0- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com
//** Script Download/ instructions page: http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
//** January 29th, 2009: Script Creation date

var anylinkmenu={

    menusmap: {},
    effects: {delayhide: 200, shadow:{enabled:true, opacity:0.3, depth: [5, 5]}, fade:{enabled:false, duration:500}}, //customize menu effects

    dimensions: {},

    getoffset:function(what, offsettype){
        return (what.offsetParent)? what[offsettype]+this.getoffset(what.offsetParent, offsettype) : what[offsettype]
    },

    getoffsetof:function(el){
        el._offsets={left:this.getoffset(el, "offsetLeft"), top:this.getoffset(el, "offsetTop"), h: el.offsetHeight}
    },

    getdimensions:function(menu){
        this.dimensions={anchorw:menu.anchorobj.offsetWidth, anchorh:menu.anchorobj.offsetHeight,
            docwidth:(window.innerWidth ||this.standardbody.clientWidth)-20,
            docheight:(window.innerHeight ||this.standardbody.clientHeight)-15,
            docscrollx:window.pageXOffset || this.standardbody.scrollLeft,
            docscrolly:window.pageYOffset || this.standardbody.scrollTop
        }
        if (!this.dimensions.dropmenuw){
            this.dimensions.dropmenuw=menu.dropmenu.offsetWidth
            this.dimensions.dropmenuh=menu.dropmenu.offsetHeight
        }
    },

    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
    },

    setopacity:function(el, value){
        el.style.opacity=value
        if (typeof el.style.opacity!="string"){ //if it's not a string (ie: number instead), it means property not supported
            el.style.MozOpacity=value
            if (el.filters){
                el.style.filter="progid:DXImageTransform.Microsoft.alpha(opacity="+ value*100 +")"
            }
        }
    },

    showmenu:function(menuid){
        var menu=anylinkmenu.menusmap[menuid]
        clearTimeout(menu.hidetimer)
        this.getoffsetof(menu.anchorobj)
        this.getdimensions(menu)
        var posx=menu.anchorobj._offsets.left + (menu.orientation=="lr"? this.dimensions.anchorw : 0) //base x pos
        var posy=menu.anchorobj._offsets.top+this.dimensions.anchorh - (menu.orientation=="lr"? this.dimensions.anchorh : 0)//base y pos
        if (posx+this.dimensions.dropmenuw+this.effects.shadow.depth[0]>this.dimensions.docscrollx+this.dimensions.docwidth){ //drop left instead?
            posx=posx-this.dimensions.dropmenuw + (menu.orientation=="lr"? -this.dimensions.anchorw : this.dimensions.anchorw)
        }
        if (posy+this.dimensions.dropmenuh>this.dimensions.docscrolly+this.dimensions.docheight){  //drop up instead?
            posy=Math.max(posy-this.dimensions.dropmenuh - (menu.orientation=="lr"? -this.dimensions.anchorh : this.dimensions.anchorh), this.dimensions.docscrolly) //position above anchor or window's top edge
        }
        if (this.effects.fade.enabled){
            this.setopacity(menu.dropmenu, 0) //set opacity to 0 so menu appears hidden initially
            if (this.effects.shadow.enabled)
                this.setopacity(menu.shadow, 0) //set opacity to 0 so shadow appears hidden initially
        }
        menu.dropmenu.setcss({left:posx+'px', top:posy+'px', visibility:'visible'})
        if (this.effects.shadow.enabled){
            //menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
            menu.shadow.setcss({left:posx+anylinkmenu.effects.shadow.depth[0]+'px', top:posy+anylinkmenu.effects.shadow.depth[1]+'px', visibility:'visible'})
        }
        if (this.effects.fade.enabled){
            clearInterval(menu.animatetimer)
            menu.curanimatedegree=0
            menu.starttime=new Date().getTime() //get time just before animation is run
            menu.animatetimer=setInterval(function(){anylinkmenu.revealmenu(menuid)}, 20)
        }
    },

    revealmenu:function(menuid){
        var menu=anylinkmenu.menusmap[menuid]
        var elapsed=new Date().getTime()-menu.starttime //get time animation has run
        if (elapsed<this.effects.fade.duration){
            this.setopacity(menu.dropmenu, menu.curanimatedegree)
            if (this.effects.shadow.enabled)
                this.setopacity(menu.shadow, menu.curanimatedegree*this.effects.shadow.opacity)
        }
        else{
            clearInterval(menu.animatetimer)
            this.setopacity(menu.dropmenu, 1)
            menu.dropmenu.style.filter=""
        }
        menu.curanimatedegree=(1-Math.cos((elapsed/this.effects.fade.duration)*Math.PI)) / 2
    },

    setcss:function(param){
        for (prop in param){
            this.style[prop]=param[prop]
        }
    },

    hidemenu:function(menuid){
        var menu=anylinkmenu.menusmap[menuid]
        clearInterval(menu.animatetimer)
        menu.dropmenu.setcss({visibility:'hidden', left:0, top:0})
        menu.shadow.setcss({visibility:'hidden', left:0, top:0})
    },

    getElementsByClass:function(targetclass){
        if (document.querySelectorAll)
            return document.querySelectorAll("."+targetclass)
        else{
            var classnameRE=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "i") //regular expression to screen for classname
            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
        }
    },

    addDiv:function(divid, divclass, inlinestyle){
        var el=document.createElement("div")
        if (divid)
            el.id=divid
        el.className=divclass
        if (inlinestyle!="" && typeof el.style.cssText=="string")
            el.style.cssText=inlinestyle
        else if (inlinestyle!="")
            el.setAttribute('style', inlinestyle)
        document.body.appendChild(el)
        return el
    },

    getmenuHTML:function(menuobj){
        var menucontent=[]
        var frag=""
        for (var i=0; i<menuobj.items.length; i++){
            frag+='<li><a href="' + menuobj.items[i][1] + '" target="' + menuobj.linktarget + '">' + menuobj.items[i][0] + '</a></li>\n'
            if (menuobj.items[i][2]=="efc" || i==menuobj.items.length-1){
                menucontent.push(frag)
                frag=""
            }
        }
        if (typeof menuobj.cols=="undefined")
            return '<ul>\n' + menucontent.join('') + '\n</ul>'
        else{
            frag=""
            for (var i=0; i<menucontent.length; i++){
                frag+='<div class="' + menuobj.cols.divclass + '" style="' + menuobj.cols.inlinestyle + '">\n<ul>\n' + menucontent[i] + '<li>fds</li></ul>\n</div>\n'
            }
            return frag
        }
    },

    addEvent:function(targetarr, functionref, tasktype){
        if (targetarr.length>0){
            var target=targetarr.shift()
            if (target.addEventListener)
                target.addEventListener(tasktype, functionref, false)
            else if (target.attachEvent)
                target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)})
            this.addEvent(targetarr, functionref, tasktype)
        }
    },

    setupmenu:function(targetclass, anchorobj, pos){
        this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
        var relattr=anchorobj.getAttribute("rel")
        dropmenuid=relattr.replace(/\[(\w+)\]/, '')
        var dropmenuvar=window[dropmenuid]
        var dropmenu=this.addDiv(null, dropmenuvar.divclass, dropmenuvar.inlinestyle) //create and add main sub menu DIV
        dropmenu.innerHTML=this.getmenuHTML(dropmenuvar)
        var menu=this.menusmap[targetclass+pos]={
            id: targetclass+pos,
            anchorobj: anchorobj,	
            dropmenu: dropmenu,
            revealtype: (relattr.length!=dropmenuid.length && RegExp.$1=="click")? "click" : "mouseover",
            orientation: anchorobj.getAttribute("rev")=="lr"? "lr" : "ud",
            shadow: this.addDiv(null, "anylinkshadow", null) //create and add corresponding shadow
        }
        menu.anchorobj._internalID=targetclass+pos
        menu.anchorobj._isanchor=true
        menu.dropmenu._internalID=targetclass+pos
        menu.shadow._internalID=targetclass+pos
        menu.dropmenu.setcss=this.setcss
        menu.shadow.setcss=this.setcss
        menu.shadow.setcss({width: menu.dropmenu.offsetWidth+"px", height:menu.dropmenu.offsetHeight+"px"})
        this.setopacity(menu.shadow, this.effects.shadow.opacity)
        this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOVER event for anchor, dropmenu, shadow
            var menu=anylinkmenu.menusmap[this._internalID]
            if (this._isanchor && menu.revealtype=="mouseover" && !anylinkmenu.isContained(this, e)){ //event for anchor
                anylinkmenu.showmenu(menu.id)
            }
            else if (typeof this._isanchor=="undefined"){ //event for drop down menu and shadow
                clearTimeout(menu.hidetimer)
            }
        }, "mouseover")
        this.addEvent([menu.anchorobj, menu.dropmenu, menu.shadow], function(e){ //MOUSEOUT event for anchor, dropmenu, shadow
            if (!anylinkmenu.isContained(this, e)){
                var menu=anylinkmenu.menusmap[this._internalID]
                menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
            }
        }, "mouseout")
        this.addEvent([menu.anchorobj, menu.dropmenu], function(e){ //CLICK event for anchor, dropmenu
            var menu=anylinkmenu.menusmap[this._internalID]
            if ( this._isanchor && menu.revealtype=="click"){
                if (menu.dropmenu.style.visibility=="visible")
                    anylinkmenu.hidemenu(menu.id)
                else
                    anylinkmenu.showmenu(menu.id)
                if (e.preventDefault)
                    e.preventDefault()
                return false
            }
            else
                menu.hidetimer=setTimeout(function(){anylinkmenu.hidemenu(menu.id)}, anylinkmenu.effects.delayhide)
        }, "click")
    },

    init:function(targetclass){
        var anchors=this.getElementsByClass(targetclass)
        for (var i=0; i<anchors.length; i++){
            this.setupmenu(targetclass, anchors[i], i)
        }
    }
}

function showWelcome() {
    var date = new Date();
    var hrs = date.getHours();
    if (hrs < 3) {
        greet = "Hello";
    } else if (hrs < 12) {
        greet = "Good Morning";
    } else if (hrs < 18) {
        greet = "Good Afternoon";
    } else if (hrs < 23) {
        greet = "Good Evening";
    } else {
        greet = "Hello";
    }
    document.getElementById('welcomemsg').innerHTML = greet;
}

function showDate() {
    var month = new Array(12);
    month[0] = "JAN";
    month[1] = "FEB";
    month[2] = "MAR";
    month[3] = "APR";
    month[4] = "MAY";
    month[5] = "JUN";
    month[6] = "JUL";
    month[7] = "AUG";
    month[8] = "SEP";
    month[9] = "OCT";
    month[10] = "NOV";
    month[11] = "DEC";
    var theDate = new Date();
    document.getElementById('dateMonth').innerHTML = month[theDate.getMonth()];
    document.getElementById('dateDay').innerHTML = theDate.getDate();
}
function swapImg(newImg) {
  var targetImg = document.getElementById('mainImg');
  var newImgSrc = "images/propertyimages/img"+newImg+"-lrg.jpg";
  targetImg.src = newImgSrc;
}

	//// MENU CONTENTS ////

var anylinkmenu1={divclass:'anylinkmenu', inlinestyle:'', linktarget:''} 
//First menu variable. Make sure "anylinkmenu1" is a unique name!
anylinkmenu1.items=[
	["To Let", "results.php"],
	["For Sale", "results.php?sales=1"]
//	["Testimonials", "testimonials.php"] //no comma following last entry!
];

var anylinkmenu2={divclass:'anylinkmenu', inlinestyle:'', linktarget:''}
anylinkmenu2.items=[
    ["Student Lettings", "tenants-students.php"],
    ["Private Lettings", "tenants-private.php"],
    ["LHA Lettings", "tenants-LHA.php"]
];