// Global script custom API for cross-platform

// Global variables

var saveTop

var slideout1;
var slideout2;
var slideout3;
var slideout4;
var slideout5;
var slideout6;
var slideout7;

var slideMenu;
var slideTitle;
var slideTitle2;
var slideTitle3;
var slideTitle4; 
var slideTitle5;
var slideTitle6;
var slideTitle7;
var slideTitle8;
var slideTitle9;
var slideTitle10;

//
// onLoad event handler.

function init() {

// slide out menu initialization	
	slideout1 = new CrossBrowserElement('slideout1') 
    slideout2 = new CrossBrowserElement('slideout2') 
	slideout3 = new CrossBrowserElement('slideout3') 
    slideout4 = new CrossBrowserElement('slideout4') 
	slideout5 = new CrossBrowserElement('slideout5') 
    slideout6 = new CrossBrowserElement('slideout6') 
    slideout7 = new CrossBrowserElement('slideout7') 
		
	slideoutActive = false
 	slideoutShown = "none"		
	slideoutNew = "none"			
	
// slide menu initialization		
	slideMenu = new CrossBrowserElement('slideMenu');

    var topOfClientArea = getScrollY();
    
    saveTop = 0
  

    if (is.nav4) {          // exclude Moz
      slideMenu.setLeft(5);

	  window.onresize = regen;
    }
    else {
      slideMenu.setLeft(2);
	
      window.onscroll = controlSlideMenu;
    }
   

		
    slideMenu.setTop(6000);
    slideMenu.show();
    slideMenu.ySpeed = .4;
    controlSlideMenu();
 
    
	if (window.demoInit) {
      demoInit();
    }

  
   window.defaultStatus = "Thanks For Visiting Charter Place";
}
//
// onLoad event handler for home page top of page graphics.

function indexinit() {
// slide title initialization	
    slideTitle = new CrossBrowserElement('slideTitle');
    slideTitle2 = new CrossBrowserElement('slideTitle2');
    slideTitle3 = new CrossBrowserElement('slideTitle3');
    slideTitle4 = new CrossBrowserElement('slideTitle4');
    slideTitle5 = new CrossBrowserElement('slideTitle5');
    slideTitle6 = new CrossBrowserElement('slideTitle6');
    slideTitle7 = new CrossBrowserElement('slideTitle7');
    slideTitle8 = new CrossBrowserElement('slideTitle8');
    slideTitle9 = new CrossBrowserElement('slideTitle9');
    slideTitle10 = new CrossBrowserElement('slideTitle10');
   

    if (is.nav4) {          // exclude Moz
      slideTitle.setTop(14);
	  slideTitle2.setTop(46);
      slideTitle3.setTop(24);
	  slideTitle4.setTop(16);
	  slideTitle5.setTop(5);
	  slideTitle6.setTop(5);
	  slideTitle7.setTop(5);
      slideTitle8.setTop(5);
	  slideTitle9.setTop(5);
	  slideTitle10.setTop(5);
    }
    else {
	  slideTitle.setTop(34);
      slideTitle2.setTop(46);
      slideTitle3.setTop(34);
      slideTitle4.setTop(36);
	  slideTitle5.setTop(5);
	  slideTitle6.setTop(5);
	  slideTitle7.setTop(5);
      slideTitle8.setTop(5);
	  slideTitle9.setTop(5);
	  slideTitle10.setTop(5);
    }

 	slideTitle.setLeft(2000);
    slideTitle.show();
    slideTitle.xSpeed = .1;
    slideTitle.slideToX(162);
	//slideTitle.hide(); 
	
	slideTitle2.setLeft(2000);
    slideTitle2.show();
    slideTitle2.xSpeed = .3;
    slideTitle2.slideToX(290);
	
	slideTitle3.setLeft(2000);
    slideTitle3.show();
    slideTitle3.xSpeed = .1;
    slideTitle3.slideToX(435);
	//slideTitle.hide(); 

	slideTitle4.setLeft(2000);
    slideTitle4.show();
    slideTitle4.xSpeed = .3;
    slideTitle4.slideToX(555);
 	
	slideTitle5.setLeft(2000);
    slideTitle5.show();
    slideTitle5.xSpeed = .3;
    slideTitle5.slideToX(170); 
	 	
	slideTitle6.setLeft(2000);
    slideTitle6.show();
    slideTitle6.xSpeed = .1;
    slideTitle6.slideToX(295);
	
	slideTitle7.setLeft(2000);
    slideTitle7.show();
    slideTitle7.xSpeed = .1;
    slideTitle7.slideToX(385);
		
	slideTitle8.setLeft(2000);
    slideTitle8.show();
    slideTitle8.xSpeed = .3;
    slideTitle8.slideToX(450); 
	 	
	slideTitle9.setLeft(2000);
    slideTitle9.show();
    slideTitle9.xSpeed = .1;
    slideTitle9.slideToX(540);
	
	slideTitle10.setLeft(2000);
    slideTitle10.show();
    slideTitle10.xSpeed = .1;
    slideTitle10.slideToX(600);
	
}
//-----------------------------------------------------------------------------
// onResize event handler for NN4.
// I added regen() to solve the NN4 crashing problem. This has something to do
// with what NN4 does after a window resize... still unsure about this.

function regen()
{
  window.location.reload();
}

//-----------------------------------------------------------------------------
// main logic for slide out menu
function slideout(which) {

   var topOfClientArea = getScrollY();
    
	which.setTop(topOfClientArea + 90);
    
	if (slideoutShown != "none" ) {
		slideoutLeft()
		slideoutShown.hide()
	    }
		
	setTimeout("slideoutRight()",40)
	slideoutNew = which;
	slideoutNew.show();
	slideoutRight();
	slideoutShown = slideoutNew;
	slideoutActive = true
}
	
function slideoutLeft() {

		slideoutShown.xSpeed = .1;
		slideoutShown.slideToX(-285)
	    
}

function slideoutRight() {

        slideoutNew.setLeft(0)
		slideoutNew.xSpeed = .1;
		slideoutNew.slideToX(160)
}



function closeslideouts(){

   if (slideoutShown != "none") {
      slideoutShown.hide()
      slideoutShown = "none"
   }
}



//-----------------------------------------------------------------------------
// main logic for slide menu

function createSlideMenu(thisPage)
{
 
  var m = "<div id='slideMenu'>";
  m += "<center><IMG SRC='charteranimation.gif' BORDER='0' width='89' height='75'></center>";
  m += "<table align='left' cellspacing='4'>" 
  m += "<tr><td><a href='javascript:slideout(slideout1)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Home</i></b></a></td></tr>";
  m += "<tr><td><a href='javascript:slideout(slideout2)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font Face='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Furniture</i></b></a></td></tr>";
  m += "<tr><td><a href='javascript:slideout(slideout3)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Flooring</i></b></a></td></tr>";
  m += "<tr><td><a href='javascript:slideout(slideout4)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Wall<br />Coverings</i></b></a></td></tr>";
  m += "<tr><td><a href='javascript:slideout(slideout5)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Window <br />Treatments</i></b></a></td></tr>";
  m += "<tr><td><a href='javascript:slideout(slideout6)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Accent Pieces</i></b></a></td></tr>";
  m += "<tr><td><a href='javascript:slideout(slideout7)' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#660033' size=4><b><i>Fabrics</i></b></a></td></tr>";
  m += "<tr><td><a href='contact.html' class = 'mouseBeOffMe' onmouseover = 'this.className=&#34;mouseBeOnMe&#34;;' onmouseout = 'this.className=&#34;mouseBeOffMe&#34;;'><Font FACE='Georgia, Comic Sans MS, Arial, sans-serif' COLOR='#FFCC66' size=4><b><i>Contact Us</i></b></a></td></tr>";
  m += "</table></div>";
  
  document.write( m );
}

//-----------------------------------------------------------------------------
// This function is the onScroll event handler (in IE). It calculates the 
// slide target and calls the object's slide method.

var slideMenuOffsetTop=20;



function controlSlideMenu()
{

  var topOfClientArea = getScrollY();
  
  //close any slideOutMenus if open
  if (slideoutActive && saveTop != topOfClientArea) { closeslideouts() }
  
  saveTop = topOfClientArea
  
  slideMenu.slideToY(topOfClientArea + slideMenuOffsetTop);

  if (is.nav4up || is.opera) {
    setTimeout("controlSlideMenu()",11250);
  }
}



//-----------------------------------------------------------------------------
// This function creates the arrays used in the furniture slideout menu Select 
// statements. The arrays are 1-Upholstery,2-Tables,3-Bedroom,4-Occasional



modelinfo = new Array(
	new Array(
		new Array("No Specific Dealer", "upholstery"),	
		new Array("Hickory White", "hickory1"),
		new Array("Temple", "temple"),
		new Array("Bernhardt", "bernhardt1"),
		new Array("Carson Contemporary", "carsons1"),
		new Array("Leathercraft", "leathercraft"),
        new Array("McKinley Leather", "mckinley")
	),
	new Array(
		new Array("No Specific Dealer", "dining"),	
		new Array("Hickory White", "hickory2"),
		new Array("Bernhardt", "bernhardt2"),
		new Array("Carson Contemporary", "carsons2"),
		new Array("Nichols & Stone", "nichols1")
	),
	new Array(
		new Array("No Specific Dealer", "bedroom"),
		new Array("Hickory White", "hickory3"),
		new Array("Bernhardt", "bernhardt3"),
		new Array("Nichols & Stone", "nichols2")
	),
		new Array(
		new Array("No Specific Dealer", "other"),
        new Array("Hickory White", "hickory4"),
		new Array("Bernhardt", "bernhardt4"),
		new Array("Carson's", "carsons4")
	)
);

function fillFurnitureSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {
	var i, j;
	var prompt;

	// empty existing items
	for (i = selectCtrl.options.length; i >= 0; i--) {
		selectCtrl.options[i] = null; 
	}
	prompt = (itemArray != null) ? goodPrompt : badPrompt;
	if (prompt == null) {
		j = 0;
	} else {		
		selectCtrl.options[0] = new Option(prompt);
		j = 1;
	}
	if (itemArray != null) {
		// add new items
		for (i = 0; i < itemArray.length; i++) {
			selectCtrl.options[j] = new Option(itemArray[i][0]);
			if (itemArray[i][1] != null) {
				selectCtrl.options[j].value = itemArray[i][1]; 
			}
			j++;
		}
		// select first item (prompt) for sub list
		selectCtrl.options[0].selected = true;
	}
}
function go() {
    location.href = 'furniture.html#' + document.main.Model.options[document.main.Model.selectedIndex].value;
}



//-----------------------------------------------------------------------------

/***********************************************
* This opens a pop up showing a larger image
***********************************************/
function CP_openBrWindow(theURL,winName,features) { 
  
  window.open(theURL,winName,features);
}



/***********************************************
* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages=new Array()

//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["main1.jpg","contact.html",""] //image with link syntax
fadeimages[1]=["main2.jpg","",""] //plain image syntax
fadeimages[2]=["main3.jpg","contact.html",""] 
fadeimages[3]=["main4.jpg","contact.html",""] 
fadeimages[4]=["main5.jpg","",""] 
fadeimages[5]=["main6.jpg","contact.html",""] 
fadeimages[6]=["main7.jpg","contact.html",""] //image with link syntax
fadeimages[7]=["main8.jpg","",""] //plain image syntax
fadeimages[8]=["main9.jpg","contact.html",""] 
fadeimages[9]=["main10.jpg","contact.html",""] 
var fadebgcolor="white"

////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
obj.tempobj.style.opacity=obj.degree/101
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=this.degree/100
else if (crossobj.style.opacity&&!crossobj.filters)
crossobj.style.opacity=this.degree/101
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}



// End globalapi.js