var image1 = new Image();
image1.src = "../images/loading.gif";

/* Stops mouseover/mouseout event from triggering on child elements */
function stopBubble(e, handler){		
	if (e.type != 'mouseout' && e.type != 'mouseover') return false;
	var reltg = e.relatedTarget ? e.relatedTarget :
	e.type == 'mouseout' ? e.toElement : e.fromElement;
	while (reltg && reltg != handler) reltg = reltg.parentNode;
	return (reltg != handler);
}

/* Checks/unchecks all checkboxes */
function checkAll(filter){
    
    var form                                = document.browseFilterForm;
    var checkAllLink                        = document.getElementById('checkAll_'+filter);
    
    for (i=0;i<form.length;i++){
        
        var thisID                          = form.elements[i].id;
        
        if (form.elements[i].type == "checkbox" && thisID.indexOf(filter) != -1){
            
            if (checkAllLink.innerHTML == "check all"){
                form.elements[i].checked    = true;
            } else {
                form.elements[i].checked    = false;
            }
        }
        highlightLabel(thisID);
    }
    
    if (checkAllLink.innerHTML == "check all"){
        checkAllLink.innerHTML              = "uncheck all";
    } else {
        checkAllLink.innerHTML              = "check all";
    }
}

function applyFilter(whichFilter){
    
    /* Displays loading message */
    showIt('portfolioBox');
    document.getElementById('portfolioBox').innerHTML = "<br><div class='bold'><img src='images/loading.gif' alt='Loading portfolio ...' title='Loading portfolio ...' align='absmiddle'>&nbsp;Loading portfolio ...</div>";
    document.getElementById('portfolioBox').innerHTML += "<div class='text2 gray'>(Patience is a virtue.)</div></div>";
    
    var form                                = document.browseFilterForm;
        
    /* Creates array to hold selected filter values */
    var filterArray                         = new Array();
    filterArray['role']                     = "";
    filterArray['type']                     = "";
    filterArray['tech']                     = "";
    filterArray['style']                    = "";
    
    /* Loops through browse filters */
    for (i=0;i<form.length;i++){
        
        var thisID                          = form.elements[i].id;
        
        /* If user selected "View All", then unchecks all filter boxes (which will pull all projects) */
        if (whichFilter == "all"){
            form.elements[i].checked        = false;
        }
        
        /* Builds comma-delimited lists of ids for filter */
        if (form.elements[i].type == "checkbox" && form.elements[i].checked == true){
            
            if (thisID.indexOf('role') != -1){
                filterArray['role']            += form.elements[i].value+",";
            } else if (thisID.indexOf('type') != -1){
                filterArray['type']            += form.elements[i].value+",";
            } else if (thisID.indexOf('tech') != -1){
                filterArray['tech']      += form.elements[i].value+",";
            } else if (thisID.indexOf('style') != -1){
                filterArray['style']           += form.elements[i].value+",";
            }
        }
    }
    sendIt('index.php','POST','action=getProjects&roleFilter='+encodeURIComponent(filterArray['role'])+'&typeFilter='+encodeURIComponent(filterArray['type'])+'&techFilter='+encodeURIComponent(filterArray['tech'])+'&styleFilter='+encodeURIComponent(filterArray['style']));
}

function getClientProjects(clientID){
    sendIt('index.php','POST','action=getProjects&clientFilter='+clientID);
}

function highlightLabel(id){
    
    var checkbox                                = document.getElementById(id);
    var label                                   = document.getElementById('label_'+id);
    
    if (checkbox.checked == true){
        label.className                         = "red";
    } else {
        label.className                         = "gray";
    }
}

function noSpamEmail(emailName){
    var suffix                                  = ".com";
    window.location.href = 'mailto:'+emailName+'@transfusionmedia'+suffix;    
}