﻿//var themeName; //blue, green, purple, red
//var siteTheme;
//var landingPageImageArray = new Array();
var girlImagesID = "LandingPageGirl"; //ID of the DIV that contains the girl photos
var divID; //Determines which image DIV to display based on gender search criteria *DEFAULT TO FEMALE*
var imageList; //This becomes the object reference of the Image List in preInit() 
var imageListArray; //Array that holds all child elements of the list
var currentImage; //Current image displayed
var previousImage;
var preInitTimer;

//Check and set theme cookies for the post-rendered page to use
/*
if (!Get_Cookie('siteTheme')) {
    //alert("Set SiteTheme");
    //DEFAULT TO PLM
    Set_Cookie("siteTheme", "plm", 30, "/");
}

if (!Get_Cookie('theme')) {
    //alert("Set theme");
    //DEFAULT TO PURPLE
    Set_Cookie("theme", "purple", 30, "/");
}

if (!Get_Cookie('shade')) {
    // alert("Set shade");
    //DEFAULT TO DARK
    Set_Cookie("shade", "dark", 30, "/");
}

siteTheme = Get_Cookie('siteTheme').toLowerCase();
themeName = Get_Cookie('theme').toLowerCase();
shadeName = Get_Cookie('shade').toLowerCase();
*/

//preInit();

//This Function Initially Hides the Images Before Onload is Triggered
function preInit() {
    divID = girlImagesID; 

    if ((document.getElementById) && (imageList = document.getElementById(divID))) {
        //imageList.style.visibility = "hidden";
        if (typeof preInitTimer != "undefined") clearTimeout(preInitTimer);
    } 
    else {
        preInitTimer = setTimeout("preInit()", 2);
    }
}

//Function Helps with Alpha/Opacity and Cross-Browser Compatibility
function fader(imageNumber, opacity) {
    var obj = imageListArray[imageNumber];
    /*var iN = document.getElementById("infoName");
    var iC = document.getElementById("infoCareer");

    if (imageNumber == 0 && opacity <= 100) {
    iN.innerHTML = "Name";
    iC.innerHTML = "Profession";
    }
    else if (imageNumber == 1 && opacity <= 100) {
    iN.innerHTML = "Monica Mayhem";
    iC.innerHTML = "Actor";
    }
    else if (imageNumber == 2 && opacity <= 100) {
    iN.innerHTML = "Kaylani Lei";
    iC.innerHTML = "Actor";
    }*/
    if (obj.style) {
        if (obj.style.MozOpacity != null) {
            //Mozilla's Pre-CSS3 Proprietary Rule
            obj.style.MozOpacity = (opacity / 100) - .001;
        } else if (obj.style.opacity != null) {
            // CSS3 Compatible
            obj.style.opacity = (opacity / 100) - .001;
        } else if (obj.style.filter != null) {
            //IE's Proprietary Filter
            obj.style.filter = "alpha(opacity=" + opacity + ")";
        }
    }
}

function fadeInit() {
    if (document.getElementById) {
        preInit(); //Run this Function Again Just Incase Web Browser Get Ahead of Itself
        imageListArray = new Array;
        var node = imageList.firstChild;
        //Loops through First Child and then Siblings
        while (node) {
            if (node.nodeType == 1) {
                imageListArray.push(node);
            }
            node = node.nextSibling;
        }

        for (i = 0; i < imageListArray.length; i++) {
            /*
            var landingPicDiv01 = document.getElementById("landingPageGirl1");
            var landingPicDiv02 = document.getElementById("landingPageGirl2");
            var landingPicDiv03 = document.getElementById("landingPageGirl3");
            var landingPicDiv04 = document.getElementById("landingPageGirl4");
            var landingPicDiv05 = document.getElementById("landingPageGirl5");

            //Assign Images
            top.SI.src("photo1.jpg", landingPicDiv01, top.SiteImagesType.BaseSiteColorShade);
            top.SI.src("photo2.jpg", landingPicDiv02, top.SiteImagesType.BaseSiteColorShade);
            top.SI.src("photo3.jpg", landingPicDiv03, top.SiteImagesType.BaseSiteColorShade);
            top.SI.src("photo4.jpg", landingPicDiv04, top.SiteImagesType.BaseSiteColorShade);
            top.SI.src("photo5.jpg", landingPicDiv05, top.SiteImagesType.BaseSiteColorShade);
            */
            
            //Loop Through Images and Set Styles
            imageListArray[i].style.position = "absolute";
            imageListArray[i].style.top = 0;
            imageListArray[i].style.zIndex = 0;
            //alert(i);
            /*switch (i) {
            case "0":
            landingPicDiv01.style.visibility = "";
            landingPicDiv02.style.visibility = "hidden";
            landingPicDiv03.style.visibility = "hidden";
            break;
            case "1":
            landingPicDiv01.style.visibility = "hidden";
            landingPicDiv02.style.visibility = "";
            landingPicDiv03.style.visibility = "hidden";
            break;
            case "2":
            landingPicDiv01.style.visibility = "hidden";
            landingPicDiv02.style.visibility = "hidden";
            landingPicDiv03.style.visibility = "";
            break;
            default:
            landingPicsOff();
            //alert("SWITCH METHOD DEFAULT");
            }*/
            //Set the Images Opacity to Transparent
            fader(i, 0);
        }
        //Make the list visible again
        imageList.style.visibility = "visible";
        //Initialize Parameters to Start
        currentImage = 0;
        previousImage = imageListArray.length - 1;
        opacity = 100;
        fader(currentImage, 100);
        //Start Crossfade process after 3 Seconds
        window.setTimeout("crossfade(100)", 3000);
    }
}

function crossfade(opacity) {
    if (opacity < 100) {
        //Increase Image Opacity
        fader(currentImage, opacity);
        //fader(previousImage,100-opacity);
        opacity += 5;
        window.setTimeout("crossfade(" + opacity + ")", 30);
    } else {
        //Make Previous Image Fully Transparent
        fader(previousImage, 0);
        //Current Image is Now Previous Image... Continu Loop
        previousImage = currentImage;
        currentImage += 1;
        //var iN = document.getElementById("infoName");
        //var iC = document.getElementById("infoCareer");
        //alert(currentImage);
        //Display Correct Info For Roll Over Bubble Div
        /*
        if (currentImage == 1) {
            iN.innerHTML = "Sunny Leone";
            iC.innerHTML = "Model / Actress";
        }
        if (currentImage == 2) {
            iN.innerHTML = "Monica Mayhem";
            iC.innerHTML = "Model / Actress";
        }
        if (currentImage == 3) {
            iN.innerHTML = "Kaylani Lei";
            iC.innerHTML = "Actress";
        }
        */
        if (currentImage >= imageListArray.length) {
            //Start Process Over
            currentImage = 0;
        }
        
        //Make Sure Current Image is in Focus
        imageListArray[previousImage].style.zIndex = 0;
        imageListArray[currentImage].style.zIndex = 100;
        //Start Crossfade process after 3 Seconds
        opacity = 0;
        window.setTimeout("crossfade(" + opacity + ")", 3000);

    }
}

//Initialize Fade by Hiding Images First
addEvent(window, "load", fadeInit)

//Event Handler for IE and Other Browsers - Credit to Scott Andrew for This Function
//Cross-Browser Event Handling for IE5+, NS6, and Mozilla
function addEvent(elm, evType, fn, useCapture) {
    if (elm.addEventListener) {
        elm.addEventListener(evType, fn, useCapture);
        return true;
    } else if (elm.attachEvent) {
        var r = elm.attachEvent("on" + evType, fn);
        return r;
    }
} 
