// PhotoVillage Customize Page JavaScript
// Last Update: 6.08.2007

var DHTML = (document.getElementById || document.all || document.layers);


/** toCamelCase(input)
 * Converts string input to a camel cased version of itself.
 * For example:
 * toCamelCase("z-index"); // returns zIndex
 * toCamelCase("border-bottom-style"); // returns borderBottomStyle.
 */
function toCamelCase(s) {
	for(var exp = toCamelCase.exp; 
		exp.test(s); s = s.replace(exp, RegExp.$1.toUpperCase()) );
	return s;
}
toCamelCase.exp = /-([a-z])/;

function getStyle(el, style) 
{
 if(!document.getElementById) 
   return;
   
 var value = el.style[toCamelCase(style)];
   
    if(!value)
        if(document.defaultView)
            value = document.defaultView.
                 getComputedStyle(el, "").getPropertyValue(style);
       
        else if(el.currentStyle)
            value = el.currentStyle[toCamelCase(style)];
     
     return value;
}


function getObj(name)
{
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
	this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
	this.obj = document.all[name];
	this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

function invi(flag)
{
	if (!DHTML) return;
	var x = new getObj('text');
	x.style.visibility = (flag) ? 'hidden' : 'visible'
}

var texttop = 400;

function move(amount)
{
	if (!DHTML) return;
	var x = new getObj('text');
	texttop += amount;
	x.style.top = texttop;
}


function changeCol(col)
{
	if (!DHTML) return;
	var x = new getObj('text');
	x.style.color = col;
}

function getCSSRule(ruleName, deleteFlag) 
{
 ruleName=ruleName.toLowerCase(); 
 if (document.styleSheets) 
 {      
  for (var i=0; i<document.styleSheets.length; i++) 
  { 
         var styleSheet=document.styleSheets[i];
         var ii=0;                              
         var cssRule=false;                      
         do {                                   
            if (styleSheet.cssRules) {          
               cssRule = styleSheet.cssRules[ii];
            } else {                             
               cssRule = styleSheet.rules[ii];    
            }                                    
            if (cssRule)  {                      
               if (cssRule.selectorText.toLowerCase()==ruleName) { 
                  if (deleteFlag=='delete') {    
                     if (styleSheet.cssRules) {  
                        styleSheet.deleteRule(ii);
                     } else {                     
                        styleSheet.removeRule(ii);
                     }                            
                     return true;                 
                  } else {                        
                     return cssRule;              
                  }                               
               }                                  
            }                                     
            ii++;                                 
         } while (cssRule)                        
      }                                           
   }                                              
   return false;                                  
}                                                  

function killCSSRule(ruleName) {     
  return getCSSRule(ruleName,'delete');  
}                                         

function addCSSRule(ruleName) {       
  if (document.styleSheets) {        
    if (!getCSSRule(ruleName)) {    
      if (document.styleSheets[0].addRule) {       
        document.styleSheets[0].addRule(ruleName, null,0);
      } else {                   
        document.styleSheets[0].insertRule(ruleName+' { }', 0);
      }        
    }           
  }              
  return getCSSRule(ruleName);   
} 

function updateHeader()
{

}

function updateStyle()
{
 // Header
 var nav_header_fontName = document.customize.nav_header_font_name.options[document.customize.nav_header_font_name.selectedIndex].value;
 var nav_header_fontSize = document.customize.nav_header_font_size.options[document.customize.nav_header_font_size.selectedIndex].value;
 var nav_header_fontStyle = document.customize.nav_header_font_style.options[document.customize.nav_header_font_style.selectedIndex].value;
 var nav_header_fontWeight = document.customize.nav_header_font_weight.options[document.customize.nav_header_font_weight.selectedIndex].value;
 var nav_header_fontColor = document.customize.nav_header_font_color.value;

 for(x=0;x<document.styleSheets[0].cssRules.length;x++)
 {
  if(document.styleSheets[0].cssRules[x].selectorText.toLowerCase() == "#nav h2")
  {
   document.styleSheets[0].cssRules[x].deleteRule;
   var x = document.styleSheets[0];
   x.insertRule('#nav h2{;font-size:'+nav_header_fontSize+'px;font-family:'+nav_header_fontName+';font-weight:'+nav_header_fontWeight+';font-style:'+nav_header_fontStyle+';color:'+nav_header_fontColor+'}',x.cssRules.length);
  }
 }
 
 
 // Navigation
 var header_fontName = document.customize.header_font_name.options[document.customize.header_font_name.selectedIndex].value;
 var header_fontSize = document.customize.header_font_size.options[document.customize.header_font_size.selectedIndex].value;
 var header_fontStyle = document.customize.header_font_style.options[document.customize.header_font_style.selectedIndex].value;
 var header_fontWeight = document.customize.header_font_weight.options[document.customize.header_font_weight.selectedIndex].value;
 var header_fontColor = document.customize.header_font_color.value;
 var bottomHeader_color = document.customize.bottomHeader_color.value;

 for(x=0;x<document.styleSheets[0].cssRules.length;x++)
 {
  if(document.styleSheets[0].cssRules[x].selectorText.toLowerCase() == "#navMenu a")
    document.styleSheets[0].cssRules[x].deleteRule;
  if(document.styleSheets[0].cssRules[x].selectorText.toLowerCase() == "#navMenu li:hover")
    document.styleSheets[0].cssRules[x].deleteRule;

 }
 var x = document.styleSheets[0];
 x.insertRule('#navMenu a { display:block;color: '+header_fontColor+'};',x.cssRules.length);

 var x = document.styleSheets[0];
 x.insertRule('#navMenu li:hover {background: '+bottomHeader_color+'};',x.cssRules.length);
 
 var y = new getObj('topHeader');
 y.style.fontFamily = '\''+header_fontName+'\';';
 y.style.fontSize = header_fontSize+'px;';
 y.style.background = '\''+header_fontColor+'\'';
 if(header_fontWeight == "lighter")
   y.style.fontWeight = 'lighter';
 else if(header_fontWeight == "bold")
   y.style.fontWeight = 'bold';
 else if(header_fontWeight == "bolder")
   y.style.fontWeight = 'bolder';
 else
   y.style.fontWeight = 'normal';
   
 if(header_fontStyle == "italic")
   y.style.fontStyle = 'italic';
 else if(header_fontStyle == "oblique")
   y.style.fontStyle = 'oblique';
 else
   y.style.fontStyle = 'normal';

 //Navigation
 var nav_fontName = document.customize.nav_font_name.options[document.customize.nav_font_name.selectedIndex].value;
 var nav_fontSize = document.customize.nav_font_size.options[document.customize.nav_font_size.selectedIndex].value;
 var nav_fontStyle = document.customize.nav_font_style.options[document.customize.nav_font_style.selectedIndex].value;
 var nav_fontWeight = document.customize.nav_font_weight.options[document.customize.nav_font_weight.selectedIndex].value;
 var nav_fontColor = document.customize.nav_font_color.value;


 for(x=0;x<document.styleSheets[0].cssRules.length;x++)
 {
  if(document.styleSheets[0].cssRules[x].selectorText.toLowerCase() == "#nav a")
  {
   document.styleSheets[0].cssRules[x].deleteRule;
   var x = document.styleSheets[0];
   x.insertRule('#nav a{padding-bottom:2px;margin-bottom:.25em;margin: 0 0 0 2px;color:'+nav_fontColor+';}',x.cssRules.length);
   x.insertRule('#nav {color:'+nav_fontColor+';}',x.cssRules.length);
  }
 }

 var x = new getObj('nav');
 x.style.fontFamily = '\''+nav_fontName+'\';';
 x.style.fontSize = nav_fontSize+'px;';
 x.style.fontVariant = '\''+nav_fontStyle+'\';';
 x.style.fontWeight = '\''+nav_fontWeight+'\';';
 x.style.background = '\''+nav_fontColor+'\'';


 x.style.fontFamily = '\''+nav_fontName+'\';';
 x.style.fontSize = nav_fontSize+'px;';
 x.style.background = '\''+nav_fontColor+'\'';
 if(nav_fontWeight == "lighter")
   x.style.fontWeight = 'lighter';
 else if(nav_fontWeight == "bold")
   x.style.fontWeight = 'bold';
 else if(nav_fontWeight == "bolder")
   x.style.fontWeight = 'bolder';
 else
   x.style.fontWeight = 'normal';
   
 if(nav_fontStyle == "italic")
   x.style.fontStyle = 'italic';
 else if(nav_fontStyle == "oblique")
   x.style.fontStyle = 'oblique';
 else
   x.style.fontStyle = 'normal';



 //Main Content

 var mainContent_fontName = document.customize.mainContent_font_name.options[document.customize.mainContent_font_name.selectedIndex].value;
 var mainContent_fontSize = document.customize.mainContent_font_size.options[document.customize.mainContent_font_size.selectedIndex].value;
 var mainContent_fontStyle = document.customize.mainContent_font_style.options[document.customize.mainContent_font_style.selectedIndex].value;
 var mainContent_fontWeight = document.customize.mainContent_font_weight.options[document.customize.mainContent_font_weight.selectedIndex].value;
 var mainContent_fontColor = document.customize.mainContent_font_color.value;

 for(x=0;x<document.styleSheets[0].cssRules.length;x++)
 {
  if(document.styleSheets[0].cssRules[x].selectorText.toLowerCase() == "#MainContent")
    document.styleSheets[0].cssRules[x].deleteRule;
 }
 var x = document.styleSheets[0];
 x.insertRule('#mainContent {float:left; width:630px !important; width:620px; text-align:left; margin:0px; font-family:'+mainContent_fontName+'; font-size:'+mainContent_fontSize+';font-style:'+mainContent_fontStyle+';font-weight:'+mainContent_fontWeight+';color:'+mainContent_fontColor+';padding-left:5px;}',x.cssRules.length);

 var z = new getObj('mainContent');
 z.style.fontSize = mainContent_fontSize+'px;';
/*
 z.style.fontFamily = '\''+mainContent_fontName+'\';';
 z.style.fontVariant = '\''+mainContent_fontStyle+'\';';
 z.style.fontWeight = '\''+mainContent_fontWeight+'\';';
 z.style.background = '\''+mainContent_fontColor+'\'';
*/
}