var images;
  var back_image,bar,bar2;
  var node;
  var flag=true;
  var sections = {ext:"Exteriors",Int:"Interiors",kit:"Kitchen",flo:"Custom Wood Floors",bat:"Bathrooms"};
  
  function loadImages(){
	    var names = new Array("crvz1.png","msqrl.png","msqrr.png","cls.gif","crvz2.png","crvz3.png","crvz4.png","sliceext" + ((section=="ext")?"0":(section.toLowerCase()=="int")?"1":"2") + ".png","efld1.png","efld" + ((section=="bat")?"2":"0") + ".png","bckf" + section.toLowerCase() + ".png","flcrv" + section.toLowerCase() + ".png","bff" + section.toLowerCase() + ".gif","ff" + section.toLowerCase() + "1.gif","ff" + section.toLowerCase() + "2.gif");
		    images = new Array(names.length);
		for(i=0;i<names.length;i++){
			images[i] = new Image();
			images[i].src = "images/" + names[i];
		}
		
		if(section!="ext"){
			back_image = new Image();
			back_image.src = "images/backf" + section.toLowerCase() + "1.png";
			bar = new Image();
			bar.src = "images/eflr" + section.toLowerCase() + "1.png";
			bar2 = new Image();
			bar2.src = "images/efld" + section.toLowerCase() + "1.png";
		}
  }
  
  function showSection(query){
	  
	  if( (typeof query != "undefined") && (query.indexOf("section")>-1) ){
		  var value = query.match(/section=(\w+)/);
              section = value[1];
			  if(section=="int")section = section.toUpperCase().substring(0,1) + section.toLowerCase().substring(1);
	  }
	  else{ //Default value
		  section = "ext";
	  }
	  
	  loadImages();
	  var ie = isIE();
	  var parent = $("folder");
	  
try{	  
      if(parent.hasChildNodes()){
		  var nodes = parent.childNodes;
		  while(nodes.length>0)
		  parent.removeChild(nodes[nodes.length - 1]);
	  }

	  var div = document.createElement("div");
	      div.setAttribute(( (ie)?"className":"class" ),"flder1 fmrgl fmrgt");
	  var span;	
	  
	  var snum = 0;	  
	  var colors = ["#069","#30c","#933823","#063","#9f7800"];
	  var a;
	  var img;
	  var browserVersion = (document.all)?getIEVersion(navigator.userAgent.toLowerCase()):parseInt(navigator.appVersion);

	  for(sct in sections){
		  span = document.createElement("span");
		  span.setAttribute(( (ie)?"className":"class" ),( (snum==0)?"sleft tf1":"sleft fsbck wdt" + snum ) );
		  if(section!=sct){
			  if(snum==0){
				   span.style.backgroundImage = "url(" + images[7].src + ")";
		           span.style.backgroundRepeat = "repeat-x";
			  }
			  a = document.createElement("a");
		      a.setAttribute("href","javascript:showSection('section=" + sct + "');void(0);");
			  a.setAttribute("title",sections[sct]);
			  a.appendChild(document.createTextNode(sections[sct]));
              span.appendChild(a);
		  }
		  else{
			   span.style.color = colors[snum];
		       span.style.backgroundImage = "url(" + ( (snum==0)?images[7].src:back_image.src ) + ")";
		       span.style.backgroundRepeat = "repeat-x";
			   span.appendChild(document.createTextNode(sections[sct]));
		  }

		   div.appendChild(span);
		  
		   if(snum>0){
			     img = document.createElement("img");
		         img.setAttribute(( (ie)?"className":"class" ),"sleft");
			     img.setAttribute("src",( (snum==colors.length-1)?images[9].src:( bar2 && sct==section )?bar2.src:(bar && getNextSection(snum+1)==section)?bar.src:images[8].src ));
				 div.appendChild(img);
		   }
		  
		  snum++;
	  }
			 parent.appendChild(div);


			 div = document.createElement("div");
			 div.setAttribute(( (ie)?"className":"class" ),"bbf fmrgl");
			 div.style.backgroundImage = "url(" + images[10].src + ")";
			 div.style.backgroundRepeat = "repeat-x";
             if(ie && browserVersion<7)div.style.marginTop = "-6px";
			 img = document.createElement("img");
			 img.setAttribute(( (ie)?"className":"class" ),"sright");
			 img.setAttribute("src",images[11].src);
			 div.appendChild(img);
			 div.appendChild(document.createTextNode(" "));
			 parent.appendChild(div);
			 div = document.createElement("div");
			 div.setAttribute(( (ie)?"className":"class" ),"folbdy fmrgl");
			 var num = (section.toLowerCase()=="int")?30:(section=="kit")?18:(section=="flo")?35:(section=="bat")?23:36;
			 var ph_name = "pic" + section.toLowerCase();

			 for(i=1;i<=num;i++){
				 a = document.createElement("a");
				 a.setAttribute("href","javascript:showPic('big" + section.toLowerCase() +  i + "')");
				 a.setAttribute("title","Click to zoom in");
				 a.onmouseover = function(){window.status='';return true;};
				 img = document.createElement("img");
				 img.setAttribute("src","images/" + ph_name + i + ".jpg");
				 a.appendChild(img);
				 div.appendChild(a);
			 }

			 parent.appendChild(div);

			 div = document.createElement("div");
			 div.setAttribute(( (ie)?"className":"class" ),"folfot fmrgl");
			 div.style.backgroundImage = "url(" + images[12].src + ")";
			 div.style.backgroundRepeat = "repeat-x";
			 img = document.createElement("img");
			 img.setAttribute(( (ie)?"className":"class" ),"sleft");
			 img.setAttribute("src",images[13].src);
			 div.appendChild(img);
			 img = document.createElement("img");
			 img.setAttribute(( (ie)?"className":"class" ),"sright");
			 img.setAttribute("src",images[14].src);
			 div.appendChild(img);
			 parent.appendChild(div);
		
     }
    catch(exc){
	alert("Sorry, but this section couldn't be showed. Error Message: " + exc.message);
   }
}
  
  function showPic(id){
	  var body = document.getElementsByTagName("body")[0];
	  var picture = new Image();
	      picture.src = "images/" + id + ".jpg";
		  
	   if(flag){
		     flag=false;
			 var ie = isIE();
			  try{
				   node = document.createElement("div");
				   node.setAttribute("id","win");
				   var img = document.createElement("img");
				       img.setAttribute("src",images[0].src);
					   img.setAttribute(( (ie)?"className":"class" ),"sleft");
				       node.appendChild(img);
					   
					   img = document.createElement("img");
				       img.setAttribute("src",images[4].src);
					   img.setAttribute(( (ie)?"className":"class" ),"sright");
					   img.style.height = "36px";
				       node.appendChild(img);
					   
					var div = document.createElement("div");  
					    div.setAttribute(( (ie)?"className":"class" ),"mhd widver");
				    var a = document.createElement("a");
					    a.setAttribute("href","javascript:document.getElementsByTagName('body')[0].removeChild(node);flag=true;void(0);");
						a.setAttribute("title","Close this");
						img = document.createElement("img");
				        img.setAttribute("src",images[3].src);
					    img.setAttribute(( (ie)?"className":"class" ),"sright");
						a.appendChild(img);
						div.appendChild(a);
						node.appendChild(div);
						
					   img = document.createElement("img");
				       img.setAttribute("src",images[1].src);
					   img.setAttribute(( (ie)?"className":"class" ),"wid1 he1 sleft");
				       node.appendChild(img);
					   
					   img = document.createElement("img");
				       img.setAttribute("src",images[2].src);
					   img.setAttribute(( (ie)?"className":"class" ),"wid2 he1 sright");
				       node.appendChild(img);
					   
					  
					   div = document.createElement("div");  
					   div.setAttribute(( (ie)?"className":"class" ),"mebdy widver he1");
					   var b;
					   
					   for(var i=1;i<5;i++){
						   b = document.createElement("b");
					       b.setAttribute(( (ie)?"className":"class" ),"b" + i + "f");
						   div.appendChild(b); 
					   }
					   var div2 = document.createElement("div");
					       div2.setAttribute(( (ie)?"className":"class" ),"contentf");
					   var div3 = document.createElement("div");
					       img = document.createElement("img");
						   img.setAttribute("src",picture.src);
						   div3.appendChild(img);
						   div2.appendChild(div3);
						   div.appendChild(div2);
						   
					      for(var i=4;i>0;i--){
						   b = document.createElement("b");
					       b.setAttribute(( (ie)?"className":"class" ),"b" + i + "f");
						   div.appendChild(b);  
					      }
						 
                         node.appendChild(div);
						 
						 img = document.createElement("img");
				         img.setAttribute("src",images[5].src);
					     img.setAttribute(( (ie)?"className":"class" ),"sleft");
				         node.appendChild(img);
						 
						 img = document.createElement("img");
				         img.setAttribute("src",images[6].src);
					     img.setAttribute(( (ie)?"className":"class" ),"sright");
				         node.appendChild(img);
						 
						 div = document.createElement("div");  
					     div.setAttribute(( (ie)?"className":"class" ),"fthd widver");
				         node.appendChild(div);
					  
			  }
			  catch(msgerror){
			        alert("Sorry, we can show you this picture by now. Error message: " + msgerror.message); 
		      }
		
	    body.appendChild(node);
	    var pos = getCenterPoint("win");
		node.style.top = pos.top + "px";
		node.style.left = pos.left + "px";
		node.style.display = "block";
		node.style.visibility = "visible";
	   }
	   
  }
  
  	   function getNextSection(pos){
		   var act = 0;
		   for(sec in sections){
			   if(act==pos)return sec;
			   act++;
		   }
		   
		   return "";
	   }