window.onscroll= window_scroll;
window.onresize = window_scroll;

/********************
GENERAL FUNCTIONS
*********************/
//--Get css info --//
function getStyle(oElm, strCssRule){
    var strValue = "";
    if(document.defaultView && document.defaultView.getComputedStyle){
        strValue = document.defaultView.getComputedStyle(oElm, "").getPropertyValue(strCssRule);
    }
    else if(oElm.currentStyle){
        strCssRule = strCssRule.replace(/\-(\w)/g, function (strMatch, p1){
            return p1.toUpperCase();
        });
        strValue = oElm.currentStyle[strCssRule];
    }
    return strValue;
}
//-- Build Flash --//
function buildFlash (divId, swfLoc, swfName, swfHeight, swfWidth, swfVar, swfVar2){
        var flashVersion = 8;
        var so = new SWFObject(swfLoc, swfName, swfWidth, swfHeight, flashVersion, "#FFFFFF");
        //so.addParam("wmode", "transparent");
        so.addParam("scale", "noscale");
        if (swfVar){
            so.addVariable("v1", swfVar);
        }
        if (swfVar2){
            so.addVariable("v2", swfVar2);
        }
        so.write(divId);
}
function hideLogo (){
document.getElementById('viewlogo').style.display = "none";    
}
//-- Show/Hide functions --//
//-- Show/Hide functions --//
function hideAll(lyrId) { 
    var divs = document.getElementsByTagName('div'); 
    for(i=0;i<divs.length;i++){ 
        if(divs[i].id.match(lyrId)){
        //alert(lyrId)
            divs[i].style.display='none';
        } 
    } 
}
function showHide(nr) {
    current = (document.getElementById(nr).style.display == 'block') ? 'none' : 'block';
    document.getElementById(nr).style.display = current;
}

//-- Swap Image --//
var currentImage;
function changeImage(imageName, newSrc){
    if (selectedImage != imageName){
        var iName = document.getElementsByName(imageName);
        currentImage = newSrc;
        iName[0].src = newSrc;
    }
}
//-- Set Cookie --//
function setCookie(cookieName,cookieValue) {
    //alert("setting: " + cookieName + " with: " +cookieValue )
    var path = "/";
    
    document.cookie = cookieName+"="+escape(cookieValue) + ";path=" + path + ";";
}
var z = 4;
function fadein(div) {
    var k = document.getElementById(div).style;
    var x = z-1
    
    //alert("this z-index:" + k.zIndex + "\n counter:" + x);
    if(k.zIndex != x){
        k.display = "none";
    //    k.visibility = "hidden";
        k.zIndex = z;
        setTimeout("Effect.Appear('"+ div+"', {duration: 0.5});", 150);
        
        var anchorlink = document.getElementsByTagName('a'); 
        
        for(i=0;i<anchorlink.length;i++){ 
            if(anchorlink[i].id.match("but-")){
                anchorlink[i].style.background = "#fff url(http://www.thameswater.co.uk/clickable_house/common/images/screen-button.gif) no-repeat";
                anchorlink[i].style.color = "#424242";
            }
        }
        
        
        document.getElementById("but-" + div).style.background = "#fff url(http://www.thameswater.co.uk/clickable_house/common/images/screen-selected.gif) no-repeat";
        document.getElementById("but-" + div).style.color = "#0093c7";
        
        //Effect.Appear(div);
        z++;
    //    document.getElementById("testCounter").innerHTML = "count = " + z;
    //    alert("z-index" + z);
    }
    //return false;
}
function fadeout(div) {
    var k = document.getElementById(div).style;
    var x = z-1
    
    //alert("this z-index:" + k.zIndex + "\n counter:" + x);
    //if(k.zIndex = x){
    //    k.display = "none";
    //    k.visibility = "hidden";
        //k.zIndex = z;
        setTimeout("Effect.Fade('"+ div+"');", 50);
        //Effect.Fade(div);
        //z++;
    //    document.getElementById("testCounter").innerHTML = "count = " + z;
    //    alert("z-index" + z);
    //}
}
function setFaq(){
    hideAll('faqText')
    var a = document.getElementById("faqs").getElementsByTagName("h2")
    for(i=0; i<a.length; i++){
        var str = a[i].firstChild.nodeValue;
        var lnk = "<a id=\"flink" + i +"\"  href='javascript:showFaq("+ i + ")'>" + str + "</a>";
        a[i].innerHTML = lnk;
    }
    
}
var activeFaq = ""
function showFaq(fid){
    var str = "flink" + fid;
    if (activeFaq == str){
        hideAll('faqText');
        document.getElementById(activeFaq).style.background = 'url(http://www.thameswater.co.uk/clickable_house/common/images/link-arrow.gif) no-repeat 0 2px';
        activeFaq = ""
    }
    else{
        hideAll('faqText');
        if (activeFaq != ""){
            document.getElementById(activeFaq).style.background = 'url(http://www.thameswater.co.uk/clickable_house/common/images/link-arrow.gif) no-repeat 0 2px';
        }
        activeFaq = str;
        document.getElementById(str).style.background = 'url(http://www.thameswater.co.uk/clickable_house/common/images/link-arrow-down.gif) no-repeat 0 2px';
        str = "faqText" + fid;
        show(str);
        
    }
}
function hideAll(lyrId) { 
    var divs = document.getElementsByTagName('div'); 
    for(i=0;i<divs.length;i++){ 
        if(divs[i].id.match(lyrId)){
            divs[i].style.display='none';
        } 
    } 
}
function show(lyrId) {
    document.getElementById(lyrId).style.display='block';
}
/**/
var activeDiv = null;
/**/
function openRoll(hoverX, hoverY, str, o)
{
    //alert("openRoll");
    if(document.getElementById('rollOver') == null || o != activeDiv){
        if (activeDiv != null){
            closeRoll();
        }
        
        activeDiv = o;
        var dv1 = document.createElement("div");
        dv1.setAttribute("id", "rollOver");
        dv1.style.position = "absolute";
        dv1.style.top = hoverY + "px";
        dv1.style.left = hoverX + "px";
        var st = "http://www.thameswater.co.uk/clickable_house/common/images/rollovers/" + str;
            //alert(st);
        var i = document.createElement('img');
        i.setAttribute('src',st)
        
        var lnk = document.createElement('a');
        lnk.href = o.getAttribute('href');
        lnk.onclick = function() {ajaxLink(this);return false;}
        //onclick="ajaxLink(this)"
        
        lnk.onmouseout = function() {closeRoll()}
        lnk.appendChild(i);
        dv1.appendChild(lnk);
        var sp2 = document.getElementById("roll");
        sp2.appendChild(dv1);
    }
}
//
function closeRoll()
{
    var dv1 = document.getElementById('rollOver');
    var sp2 = document.getElementById("roll");
    if (sp2!==null && dv1!==null){
        sp2.removeChild(dv1)
        
    }
}
//--Resize flash background--//
var windowW =800;
var windowH =600;
var pageW = windowW;
var pageH = windowH;
//
var exScroll = 0;
var scrollToggle = false
 
//--Background Flash --//
 
//Resize the background flash to fit window
function window_scroll(){
    var bg = document.getElementById('overlay')
    if (bg!=null){
    scrollToggle = true
        var bg = document.getElementById('overlay')
        var size = getSize() + getScroll();
        if (exScroll < size){
            exScroll = size;
            bg.style.height =  size + "px";
            bg.style.width =  "100%";
        }
    }
}
//Get the browser window size
function getSize() {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}
//Get page scroll offset//
function getScroll() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return scrOfY;
}

function clearMapTitle(){
    var o = document.getElementById('roll');
    var nod = o.getElementsByTagName('area'); 
    for(i=0; i< nod.length; i++){
        nod[i].title = "";
    }
}
 
//Common problems link handler function//
function linkHandler(form){
var URL = document.problemform.selectproblem.options[document.problemform.selectproblem.selectedIndex].value;
//parent.window.location.href = URL;
ajxhouse('imageContainer',URL);
}