/* --------------------------------------------------------------------------
 * Xuanhe WebPages Javascript, version 1.0.0.0
 * (c) 2006-2008 Xuanhe
 * Content:WebPages Actions & Effects
 * Requires:Prototype.lite.js & moo.fx.js & system.js
 * Author:Henry Fang
 * Last modified : 2008/3/27
/*--------------------------------------------------------------------------*/
if(!window.WebPages)
{
    window.WebPages = {};
}
WebPages.createDelegate = function(instance, method)
{
	return function()
	{
		return method.apply(instance, arguments);
	}
}
//Xuanhe guide effects
WebPages.Guide = new function()
{
    this.GuideUpImages = null;
    this.IsChanged = false;
    this.AddEventListenerToImages = function()
    {
        this.GuideUpImages = $("guide_up").childNodes;
        for(var i =0;i<this.GuideUpImages.length;i++)
        {
            if(IE)
            {
                this.GuideUpImages[i].attachEvent("onmouseover",WebPages.createDelegate(this,this.MouseOver));
                this.GuideUpImages[i].attachEvent("onmouseout",WebPages.createDelegate(this,this.MouseOut));
                this.GuideUpImages[i].attachEvent("onclick",WebPages.createDelegate(this,this.Click));
            }
            else
            {
                this.GuideUpImages[i].addEventListener("mouseover",WebPages.createDelegate(this,this.MouseOver),false);
                this.GuideUpImages[i].addEventListener("mouseout",WebPages.createDelegate(this,this.MouseOut),false);
                this.GuideUpImages[i].addEventListener("click",WebPages.createDelegate(this,this.Click),false);
            }
        }
    } 
    this.MouseOver = function(e)
    {
        if(IE)
        {
            var filePath = event.srcElement.src.substring(0,event.srcElement.src.lastIndexOf("."));
            var fileName = event.srcElement.id;
            event.srcElement.src = filePath + "_light.jpg";
            $(fileName + "_sha").src = filePath + "_light_sha.jpg";
        }
        else
        {
            var filePath = e.target.src.substring(0,e.target.src.lastIndexOf("."));
            var fileName = e.target.id;
            e.target.src = filePath + "_light.jpg";
            $(fileName + "_sha").src = filePath + "_light_sha.jpg";
        }
        this.IsChanged = true;
    }
    this.MouseOut = function(e)
    {
        if(this.IsChanged)
        {
            if(IE)
            {
                var filePath = event.srcElement.src.substring(0,event.srcElement.src.lastIndexOf("."));
                var filePath2 = filePath.substring(0,filePath.lastIndexOf("_light"));
                var fileName = event.srcElement.id;
                event.srcElement.src = filePath2 + ".jpg";
                $(fileName + "_sha").src = filePath2 + "_sha.jpg";
            }
            else
            {
                var filePath = e.target.src.substring(0,e.target.src.lastIndexOf("."));
                var filePath2 = filePath.substring(0,filePath.lastIndexOf("_light"));
                var fileName = e.target.id;
                e.target.src = filePath2 + ".jpg";
                $(fileName + "_sha").src = filePath2 + "_sha.jpg";
            }
        }
    }
    this.Click = function(e)
    {
        var guideId = IE ? event.srcElement.id : e.target.id;
        switch(guideId)
        {
            case "guide_home" : window.location = "index.htm" ; break;
            case "guide_design" : window.location = "design.htm" ; break;
            case "guide_project" : window.location = "project.htm" ; break;
            case "guide_us" : window.location = "aboutus.htm" ; break;
            case "guide_service" : window.location = "login.htm" ; break;
        }
    }
}
//Service class
WebPages.Service = function()
{
    this.username = null;
    this.password = null;
    this.shadow = null;
    this.intoSystem = function()
    {	
		var arrayPageSize = Display.getPageSize();
		Element.setHeight('shadow', arrayPageSize[1]);
		this.shadow.custom(0,0.8);
    }
    this.exit = function()
    {
        this.shadow.custom(0.8,0);
    }
    //prepare the shadow layer.
    this.init = function()
    {
		var oBody = document.getElementsByTagName("body").item(0);
		var objShadow = document.createElement("div");
		objShadow.setAttribute('id','shadow');
		objShadow.onclick = WebPages.createDelegate(this,this.exit);
		oBody.appendChild(objShadow);
		this.shadow = new fx.Opacity(objShadow, { duration: 300 });	
		this.shadow.hide();
	}
	this.init();
}
//About us guide
function AboutusOver(tg)
{
        var guideName = tg.id;
        if(guideName == "aboutus_guide_us")
        {
            $("aboutus_guide_us").className = "aboutus_guide_font_active";
            $("aboutus_guide_culture").className = "aboutus_guide_font";
            $("aboutus_guide_team").className = "aboutus_guide_font";

            $("studio").style.display = "block";
            $("culture").style.display = "none";
            $("team").style.display = "none";
        }
        else if(guideName == "aboutus_guide_culture")
        {
            $("aboutus_guide_us").className = "aboutus_guide_font";
            $("aboutus_guide_culture").className = "aboutus_guide_font_active";
            $("aboutus_guide_team").className = "aboutus_guide_font";
            
            $("studio").style.display = "none";
            $("culture").style.display = "block";
            $("team").style.display = "none";
        }
        else if(guideName == "aboutus_guide_team")
        {
            $("aboutus_guide_us").className = "aboutus_guide_font";
            $("aboutus_guide_culture").className = "aboutus_guide_font";
            $("aboutus_guide_team").className = "aboutus_guide_font_active";
            
            $("studio").style.display = "none";
            $("culture").style.display = "none";
            $("team").style.display = "block";
        }
}
//Project Seleted change the border style.
WebPages.Project_Seleted = new function()
{
   this.Projects = null;
   this.AddEventLisenerToProjects = function()
   {
        this.Projects = $("old").getElementsByTagName("img");
        for(var i =0;i<this.Projects.length;i++)
        {
            this.Projects[i].setAttribute('onmouseover','style.border="5px solid #A28C4B"');
            this.Projects[i].setAttribute('onmouseout','style.border="5px solid #E1DDD1"');
        }
        $("recent_1").getElementsByTagName("img")[0].setAttribute('onmouseover','style.border="5px solid #A28C4B"');
        $("recent_1").getElementsByTagName("img")[0].setAttribute('onmouseout','style.border="5px solid #E1DDD1"');
        
        $("recent_2").getElementsByTagName("img")[0].setAttribute('onmouseover','style.border="5px solid #A28C4B"');
        $("recent_2").getElementsByTagName("img")[0].setAttribute('onmouseout','style.border="5px solid #E1DDD1"');
   }
}
//When the document loaded,init javascript actions.
function projectInit()
{
    WebPages.Project_Seleted.AddEventLisenerToProjects();
}
function init()
{
    //add event listener to the guides images
    WebPages.Guide.AddEventListenerToImages();
    //Init Lightbox
    initLightbox();
    HiService = new WebPages.Service();
}