// SOME CUSTOM JAVASCRIPT ELEMENT CHANGING ITEMS FOR CANADIAN CONTENT
// VERSION 0.1 - COPYRIGHT MMVIII CANADIAN CONTENT INTERACTIVE MEDIA.
// ALL RIGHTS RESERVED.

// SEARCH SWITCHING FUNCTION
function searchSwitch (id) {
        document.getElementById('Webpages').className = "white xsmall";
        document.getElementById('directory').className = "white xsmall";
        document.getElementById('videos').className = "white xsmall";
        document.getElementById('forums').className = "white xsmall";
        document.getElementById('users').className = "white xsmall";

        var sform = document.SearchBox;
        var hiddenExists = document.getElementById('enginetype');

        var SearchBox = document.getElementById('searchboxhd2inp');

        function rmHidden() {
                if (hiddenExists) {
                        sform.removeChild(hiddenExists);
                }
        }
        switch (id) {
                case 'Webpages':
                                rmHidden();
                                var enginetype = document.getElementById("engine");
                                var styleset = document.getElementById("searchfield");
                                var classset = document.getElementById("Webpages");
                                enginetype.setAttribute("value","Webpages");
                                classset.setAttribute("className","red xsmall"); // IE
                                classset.setAttribute("class","red xsmall");
                                document.getElementById("searchfield").style.background = "none";
                                sform.appendChild(enginetype);
                        break;
                case 'directory':
                                rmHidden();
                                var enginetype = document.getElementById("engine");
                                var styleset = document.getElementById("searchfield");
                                var classset = document.getElementById("directory");
                                enginetype.setAttribute("value","directory");
                                classset.setAttribute("className","red xsmall"); // IE
                                classset.setAttribute("class","red xsmall");
                                sform.appendChild(enginetype);
                        break;
                case 'videos':
                                rmHidden();
                                var enginetype = document.getElementById("engine");
                                var styleset = document.getElementById("searchfield");
                                var classset = document.getElementById("videos");
                                enginetype.setAttribute("value","video");
                                sform.appendChild(enginetype);
                                classset.setAttribute("className","red xsmall"); // IE
                                classset.setAttribute("class","red xsmall");
                                document.getElementById("searchfield").style.background = "none";
                        break;
                case 'forums':
                                rmHidden();
                                var enginetype = document.getElementById("engine");
                                var styleset = document.getElementById("searchfield");
                                var classset = document.getElementById("forums");
                                enginetype.setAttribute("value","forums");
                                sform.appendChild(enginetype);
                                classset.setAttribute("className","red xsmall"); // IE
                                classset.setAttribute("class","red xsmall");
                                document.getElementById("searchfield").style.background = "none";
                        break;
                case 'users':
                                rmHidden();
                                var enginetype = document.getElementById("engine");
                                var styleset = document.getElementById("searchfield");
                                var classset = document.getElementById("users");
                                enginetype.setAttribute("value","username");
                                sform.appendChild(enginetype);
                                classset.setAttribute("className","red xsmall"); // IE
                                classset.setAttribute("class","red xsmall");
                                document.getElementById("searchfield").style.background = "url(http://dev.canadiancontent.net/images/211/byusername.gif) top right no-repeat";
                        break;
                }
}



// DYNAMIC LOGIN BOX
function xtra(showhide){
        var hrefset = document.getElementById("lbutton");

    if(showhide == "show"){
        document.getElementById('loginbox').style.visibility="visible";
        document.getElementById('searchboxhd2').style.visibility="hidden";
                hrefset.setAttribute("href","javascript:xtra(\'hide\');");
    }else if(showhide == "hide"){
        document.getElementById('loginbox').style.visibility="hidden";
        document.getElementById('searchboxhd2').style.visibility="visible";
                hrefset.setAttribute("href","javascript:xtra(\'show\');");
    }
}

// LOGIN BOX HIGHLIGHTING
function fokus(id) {
        document.getElementById('uname').className = "dblue xsmall";
        document.getElementById('pword').className = "dblue xsmall";

        switch (id) {
                case 'uname':
                                var styleset = document.getElementById("uname");
                                styleset.setAttribute("className","red xsmall"); // IE FIX
                                styleset.setAttribute("class","red xsmall");
                        break;
                case 'pword':
                                var styleset = document.getElementById("pword");
                                styleset.setAttribute("className","red xsmall"); // IE FIX
                                styleset.setAttribute("class","red xsmall");
                        break;
                case 'none':
                                var pwords = document.getElementById("pword");
                                var unames = document.getElementById("uname");
                                pwords.setAttribute("className","dblue xsmall"); // IE FIX
                                unames.setAttribute("className","dblue xsmall"); // IE FIX
                                pwords.setAttribute("class","dblue xsmall");
                                unames.setAttribute("class","dblue xsmall");
                        break;
        }
}

// URL JUMP BOX
function load1(form) {
 var url = form.profiles.options[form.profiles.selectedIndex].value;
 if (url != '') location.href = url;
 return false;
}


// TABBING
var enabletabpersistence=1

var expiration = new Date();
expiration.setTime(expiration.getTime() + 31536000000);

var tabcontentIDs=new Object()

function expandcontent(linkobj){
var ulid=linkobj.parentNode.parentNode.id //id of UL element
var ullist=document.getElementById(ulid).getElementsByTagName("li")
for (var i=0; i<ullist.length; i++){
ullist[i].className=""
if (typeof tabcontentIDs[ulid][i]!="undefined")
document.getElementById(tabcontentIDs[ulid][i]).style.display="none"
}
linkobj.parentNode.className="selected"  //highlight currently clicked on tab
document.getElementById(linkobj.getAttribute("rel")).style.display="block"
saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}

function expandtab(tabcontentid, tabnumber){
var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
if (thetab.getAttribute("rel"))
expandcontent(thetab)
}

function savetabcontentids(ulid, relattribute){
if (typeof tabcontentIDs[ulid]=="undefined")
tabcontentIDs[ulid]=new Array()
tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}

function saveselectedtabcontentid(ulid, selectedtabid, expiration){ // Expiring in 365 days
if (enabletabpersistence==1)
setCookie(ulid, selectedtabid, expiration)
}

function getullistlinkbyId(ulid, tabcontentid){
var ullist=document.getElementById(ulid).getElementsByTagName("li")
for (var i=0; i<ullist.length; i++){
if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid){
return ullist[i].getElementsByTagName("a")[0]
break
}
}
}

function initializetabcontent(){
for (var i=0; i<arguments.length; i++){
if (enabletabpersistence==0 && getCookie(arguments[i])!="")
setCookie(arguments[i], "")
var clickedontab=getCookie(arguments[i])
var ulobj=document.getElementById(arguments[i])
var ulist=ulobj.getElementsByTagName("li")
for (var x=0; x<ulist.length; x++){
var ulistlink=ulist[x].getElementsByTagName("a")[0]
if (ulistlink.getAttribute("rel")){
savetabcontentids(arguments[i], ulistlink.getAttribute("rel"))
ulistlink.onclick=function(){
expandcontent(this)
return false
}
if (ulist[x].className=="selected" && clickedontab=="")
expandcontent(ulistlink)
}
} //end inner for loop
if (clickedontab!=""){
var culistlink=getullistlinkbyId(arguments[i], clickedontab)
if (typeof culistlink!="undefined")
expandcontent(culistlink)
else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
expandcontent(ulist[0].getElementsByTagName("a")[0])
}
} //end outer for loop
}


function getCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i", Name+"=[^;]+"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document.cookie.match(re)[0].split("=")[1] //return its value
//return ""
}

function setCookie(name, value, expiration){
document.cookie = name+"="+value+"="+value //cookie value is domain wide (path=/)
}

        function My_AJAX_Reciever()
        {
                if (AJAX_Theme.handler.readyState == 4 && AJAX_Theme.handler.status == 200 && AJAX_Theme.handler.responseText)
                {
                        alert('Data recieved successfully\n\n' + AJAX_Theme.handler.responseText)
                }
        }

// SWITCHING THEMES
function themeSwitch (theme) {

        document.getElementById('theme');

        var linked = document.getElementById('theme');
        var hiddenExists = document.getElementById('theme');

        switch (theme) {
                case 'bcat':
                                var themeset = document.getElementById("theme");
                                themeset.setAttribute("href","http://dev.canadiancontent.net/css.blu/themes/bcat.css");
                                AJAX_Theme = new vB_AJAX_Handler(true);
                                AJAX_Theme.onreadystatechange(My_AJAX_Reciever);
                                My_AJAX_Object.send('myfile.php', 'do=ajax&pagevar=text');
                        break;
                case 'bmusic':
                                var themeset = document.getElementById("theme");
                                themeset.setAttribute("href","http://dev.canadiancontent.net/css.blu/themes/bmusic.css");
                                AJAX_Theme.onreadystatechange(My_AJAX_Reciever);
                                My_AJAX_Object.send('myfile.php', 'do=ajax&pagevar=text');
                        break;
                }
}