var $ = jQuery;

$(document).ready(function(){
						   
	var imagesTable = $("table.imagesTable"),
		largePhoto = $("#largePhoto");
	if(largePhoto.length){
		largePhoto.closest("tr").after("<tr class='enlarge' style='display:none'><td colspan='"+largePhoto.closest("tr").children("td").attr("colspan")+"'><a id=\"lnkEnlarge\" href=\"javascript:;\">Click to Enlarge</a></td></tr>");
		$("#lnkEnlarge").click(function(evt){
			window.open($(this).data("fullSrc"), "fullphoto", "height=600,width=800");
		});
		
		var firstThumb = $("a[href*='showLargePhoto']:first");
		if(firstThumb){
			eval(firstThumb.attr("href"));	
		}
	}
	
});


function showLargePhoto(imageSrc){
	var pathis=window.location.href;
	var new_array=pathis.split(/\w*,\w*/);
	
	imageSrc = imageSrc.split(",");
	
	var largePhoto = $("#largePhoto"),
		lnkEnlarge = $("#lnkEnlarge"),
		pathBase = (window.location.pathname.replace(/^(.+)\/.+$/,"$1")+"/images/").replace(/\/{2,}/, "/"),
		largeSrc = pathBase+imageSrc[0],
		fullSrc = (imageSrc.length>1) ? pathBase+imageSrc[1] : null;
	
	
	var lnkEnlarge = $("#lnkEnlarge");
	if(fullSrc!=null) {
		lnkEnlarge.data("fullSrc", fullSrc);
		lnkEnlarge.closest("tr").css("display","");
		largePhoto.css("cursor","pointer");
		largePhoto.click(function(){
		  	lnkEnlarge.click();
		  });
	}else{
		lnkEnlarge.data("fullSrc", null);
		lnkEnlarge.closest("tr").css("display","none");
		largePhoto.css("cursor","default");
	}

	largePhoto.attr("src", largeSrc);
	if((/\/projects\/interior/i).test(pathis)){
		window.location.hash="#largePhoto";	
	}
}

//This styles all links within the secondaryNav div, and creates onMouse events for the TDs.
function styleSecondaryNav(){	
	var theTable = document.getElementById('secondaryNavTable');
	if(theTable){
		var theRows = theTable.getElementsByTagName('tr');
		var theLinks = theTable.getElementsByTagName('a');
		var curr_row;
		var matchFound=false;
		var nearestRow=0;
		currentpath=window.location.href;
		curr_array=cleanURL(currentpath.split("/"));
		
			
		for (curr_row = 0; curr_row < theRows.length; curr_row++)
		{
			
			newpath=theLinks[curr_row].href;	
			new_array=cleanURL(newpath.split("/"));

			//alert(curr_array[curr_array.length-1]+" = "+new_array[new_array.length-1]);
			theRow=curr_row;
			theLinks[curr_row].className="secondaryNav";
			
				if(curr_array && curr_array[curr_array.length-1]==new_array[new_array.length-1] && newpath.lastIndexOf('#')<0){
					theRows[curr_row].className="secondaryNavSelect secondaryNavTD";
					matchFound=true;
					//theLinks[curr_row].style.color="#B90000";
				}else if(curr_array && curr_array[curr_array.length-2]==new_array[new_array.length-1]){
					nearestRow=theRows[curr_row];
				}else{
					
					theRows[curr_row].className="secondaryNavOut secondaryNavTD";
			
					theLinks[curr_row].onmouseover = function() {
						this.parentNode.className="secondaryNavOver secondaryNavTD";		
					}
					theLinks[curr_row].onmouseout = function() {
						this.parentNode.className="secondaryNavOut secondaryNavTD";	
					}
					
				}
		}
		if(!matchFound && nearestRow){
			nearestRow.className="secondaryNavSelect secondaryNavTD";	
		}
	}
	
}

function cleanURL(dirtyURL){
	while( dirtyURL[dirtyURL.length-1]=="default.aspx" || dirtyURL[dirtyURL.length-1]=="#" || dirtyURL[dirtyURL.length-1]=="" ){		
		dirtyURL.pop();
	}
	return dirtyURL;
}

function styleNav(){
	var currentSection;
	var pageFolder;
	pathis=window.location.href;
	new_array=pathis.split("/");
	pageFolder=new_array[3];
	currentSection=0;
	
	if(document.getElementById("nav_"+pageFolder)){
	if(pageFolder=="home"){		
			document.getElementById("nav_"+pageFolder).src='/common/images/nav_over_01.gif';	
		}else if(pageFolder=="about"){
			document.getElementById("nav_"+pageFolder).src='/common/images/nav_over_02.gif';	
		}else if(pageFolder=="contact"){
			document.getElementById("nav_"+pageFolder).src='/common/images/nav_over_03.gif';	
		}
		else if(pageFolder=="services"){
			document.getElementById("nav_"+pageFolder).src='/common/images/navsub_over_01.gif';	
		}
		else if(pageFolder=="projects"){
			document.getElementById("nav_"+pageFolder).src='/common/images/navsub_over_02.gif';	
		}
		else if(pageFolder=="clients"){
			document.getElementById("nav_"+pageFolder).src='/common/images/navsub_over_03.gif';	
		}
		document.getElementById("nav_"+pageFolder).onmouseover=function(){};
		document.getElementById("nav_"+pageFolder).onmouseout=function(){};
	}
}

function inputStyles(){
    var theForm;
    var pageForms;
    var pageInputs;
    var pageTextAreas;

    pageForms = document.getElementsByTagName('form');
    if(pageForms[0]){
        theForm=pageForms[0];
        pageInputs=theForm.getElementsByTagName('input');
        pageTextAreas=theForm.getElementsByTagName('textarea');
    }
    
    for(i=0;i<pageInputs.length;i++){
        if(pageInputs[i].type=="text"){
            pageInputs[i].className="formInput";
            pageInputs[i].onfocus=function(){
                this.className="formInput formFieldFocus";
            }
            pageInputs[i].onblur=function(){
                this.className="formInput";
            }
        }
    }
    
    for(i=0;i<pageTextAreas.length;i++){
       
            pageTextAreas[i].className="formInput";      
            pageTextAreas[i].onfocus=function(){
                this.className="formInput formFieldFocus";
            }
            pageTextAreas[i].onblur=function(){
                this.className="formInput";
            }  
    }

}

function showInputIDs(){
    var theForm;
    var pageForms;
    var pageInputs;
    var pageTextAreas;
    
    pageForms = document.getElementsByTagName('form');
    if(pageForms[0]){
        theForm=pageForms[0];
        pageInputs=theForm.getElementsByTagName('input');
        pageTextAreas=theForm.getElementsByTagName('textarea');
    }
    
    for(i=0;i<pageInputs.length;i++){
        if(pageInputs[i].type=="text"){
          pageInputs[i].value=pageInputs[i].id;
          pageInputs[i].style.width="100%";
        }
    }
    
    for(i=0;i<pageTextAreas.length;i++){
       
           pageTextAreas[i].value=pageTextAreas[i].id;
    }
}