var currentEnvironment, previousEnvironment;
var galleries = 11;
loadImages();

//menu image preload
function loadImages()
{
    if (document.images) 
    {
        selectEnv1 = new Image(); selectEnv1.src = '/Images/EnvironmentBox.gif';
        selectEnv2 = new Image(); selectEnv2.src = '/Images/EnvironmentBox2.gif';
        
//        menu1A = new Image(); menu1A.src = 'Images/Menu_About1.gif';
//        menu1B = new Image(); menu1B.src = 'Images/Menu_About2.gif';
//        menu2A = new Image(); menu2A.src = 'Images/Menu_Services1.gif';
//        menu2B = new Image(); menu2B.src = 'Images/Menu_Services2.gif';
//        menu3A = new Image(); menu3A.src = 'Images/Menu_Blog1.gif';
//        menu3B = new Image(); menu3B.src = 'Images/Menu_Blog2.gif';
//        menu4A = new Image(); menu4A.src = 'Images/Menu_Contact1.gif';
//        menu4B = new Image(); menu4B.src = 'Images/Menu_Contact2.gif';
//        menu5A = new Image(); menu5A.src = 'Images/Menu_Home1.gif';
//        menu5B = new Image(); menu5B.src = 'Images/Menu_Home2.gif';
//        
//        environment1 = new Image(); environment1.src = 'Images/Thumb_Environment1.jpg';
//        environment2 = new Image(); environment2.src = 'Images/Thumb_Environment2.jpg';
//        environment3 = new Image(); environment3.src = 'Images/Thumb_Environment3.jpg';
//        environment4 = new Image(); environment4.src = 'Images/Thumb_Environment4.jpg';
//        environment5 = new Image(); environment5.src = 'Images/Thumb_Environment5.jpg';
        
        header1 = new Image(); header1.src = '/Images/BG/Header1.gif';
        footer1 = new Image(); footer1.src = '/Images/BG/Footer1.jpg';
        header2 = new Image(); header2.src = '/Images/BG/Header2.gif';
        footer2 = new Image(); footer2.src = '/Images/BG/Footer2.jpg';
        header3 = new Image(); header3.src = '/Images/BG/Header3.gif';
        footer3 = new Image(); footer3.src = '/Images/BG/Footer3.jpg';
        header4 = new Image(); header4.src = '/Images/BG/Header4.gif';
        footer4 = new Image(); footer4.src = '/Images/BG/Footer4.jpg';
        header5 = new Image(); header5.src = '/Images/BG/Header5.gif';
        footer5 = new Image(); footer5.src = '/Images/BG/Footer5.jpg';
        header6 = new Image(); header6.src = '/Images/BG/Header6.gif';
        footer6 = new Image(); footer6.src = '/Images/BG/Footer6.jpg';
        header7 = new Image(); header7.src = '/Images/BG/Header7.gif';
        footer7 = new Image(); footer7.src = '/Images/BG/Footer7.jpg';
        header8 = new Image(); header8.src = '/Images/BG/Header8.gif';
        footer8 = new Image(); footer8.src = '/Images/BG/Footer8.jpg';
        header9 = new Image(); header9.src = '/Images/BG/Header9.gif';
        footer9 = new Image(); footer9.src = '/Images/BG/Footer9.jpg';
        header10 = new Image(); header10.src = '/Images/BG/Header10.gif';
        footer10 = new Image(); footer10.src = '/Images/BG/Footer10.jpg';
        
    }
}

function EnvMouseOver(id)
{
    if (document.images) 
    {
        document.getElementById('EnvBox' + id).src = selectEnv2.src;
                
//        switch(Number(id))
//        {
//            case 1: 
//                document.getElementById('environment').src = environment1.src;
//                break;    
//            case 2: 
//                document.getElementById('environment').src = environment2.src;
//                break; 
//            case 3: 
//                document.getElementById('environment').src = environment3.src;
//                break; 
//            case 4: 
//                document.getElementById('environment').src = environment4.src;            
//                break; 
//            case 5: 
//                document.getElementById('environment').src = environment5.src;            
//                break; 
//            case 6: 
//                document.getElementById('environment').src = environment6.src;            
//                break; 
//            case 7: 
//                document.getElementById('environment').src = environment7.src;            
//                break; 
//            case 8: 
//                document.getElementById('environment').src = environment8.src;            
//                break; 
//            case 9: 
//                document.getElementById('environment').src = environment9.src;            
//                break; 
//            case 10: 
//                document.getElementById('environment').src = environment10.src;            
//                break; 
//        }
    }  
}

function EnvMouseOut(id)
{
    if (document.images) 
    {
        if(currentEnvironment != id)
        {
            document.getElementById('EnvBox' + id).src = selectEnv1.src;
                
//            switch(Number(currentEnvironment))
//            {
//                case 1: 
//                    document.getElementById('environment').src = environment1.src;
//                    break;    
//                case 2: 
//                    document.getElementById('environment').src = environment2.src;
//                    break; 
//                case 3: 
//                    document.getElementById('environment').src = environment3.src;
//                    break; 
//                case 4: 
//                    document.getElementById('environment').src = environment4.src;
//                    break; 
//                case 5: 
//                    document.getElementById('environment').src = environment5.src;
//                    break; 
//                case 6: 
//                    document.getElementById('environment').src = environment6.src;
//                    break; 
//                case 7: 
//                    document.getElementById('environment').src = environment7.src;
//                    break;
//                case 8: 
//                    document.getElementById('environment').src = environment8.src;
//                    break;
//                case 9: 
//                    document.getElementById('environment').src = environment9.src;
//                    break;
//                case 10: 
//                    document.getElementById('environment').src = environment10.src;
//                    break;
//            }
         }
    }    
}

function SelectEnvironment(id)
{
    if (document.images) 
    {
        previousEnvironment = currentEnvironment;

        switch(Number(id))
        {
            case 1: 
                document.getElementById('environmentHeader').src = header1.src;
                document.getElementById('environmentFooter').src = footer1.src;
                break;    
            case 2: 
                document.getElementById('environmentHeader').src = header2.src;
                document.getElementById('environmentFooter').src = footer2.src;
                break; 
            case 3: 
                document.getElementById('environmentHeader').src = header3.src;
                document.getElementById('environmentFooter').src = footer3.src;
                break; 
            case 4: 
                document.getElementById('environmentHeader').src = header4.src;
                document.getElementById('environmentFooter').src = footer4.src;
                break; 
            case 5: 
                document.getElementById('environmentHeader').src = header5.src;
                document.getElementById('environmentFooter').src = footer5.src;
                break; 
            case 6: 
                document.getElementById('environmentHeader').src = header6.src;
                document.getElementById('environmentFooter').src = footer6.src;
                break; 
            case 7: 
                document.getElementById('environmentHeader').src = header7.src;
                document.getElementById('environmentFooter').src = footer7.src;
                break; 
            case 8: 
                document.getElementById('environmentHeader').src = header8.src;
                document.getElementById('environmentFooter').src = footer8.src;
                break; 
            case 9: 
                document.getElementById('environmentHeader').src = header9.src;
                document.getElementById('environmentFooter').src = footer9.src;
                break; 
            case 10: 
                document.getElementById('environmentHeader').src = header10.src;
                document.getElementById('environmentFooter').src = footer10.src;
                break; 
        }
        currentEnvironment = Number(id);
        
        //remove selected setting
        if (id == previousEnvironment)
        {
            if (id != 1)
                document.getElementById('EnvBox1').src = selectEnv1.src;
        }
        else
            document.getElementById('EnvBox' + previousEnvironment).src = selectEnv1.src;
            
        switch(Number(previousEnvironment))
        {
            case 1: 
                document.getElementById('environment').src = environment1.src;
                break;    
            case 2: 
                document.getElementById('environment').src = environment2.src;
                break; 
            case 3: 
                document.getElementById('environment').src = environment3.src;
                break; 
            case 4: 
                document.getElementById('environment').src = environment4.src;
                break; 
            case 5: 
                document.getElementById('environment').src = environment5.src;
                break; 
            case 6: 
                document.getElementById('environment').src = environment6.src;
                break;
            case 7: 
                document.getElementById('environment').src = environment7.src;
                break;
            case 8: 
                document.getElementById('environment').src = environment8.src;
                break;
            case 9: 
                document.getElementById('environment').src = environment9.src;
                break;
            case 10: 
                document.getElementById('environment').src = environment10.src;
                break;
        }
            
        //select current environment thumb
        document.getElementById('EnvBox' + id).src = selectEnv2.src;
        
        switch(Number(id))
        {
            case 1: 
                document.getElementById('environment').src = environment1.src;
                break;    
            case 2: 
                document.getElementById('environment').src = environment2.src;
                break; 
            case 3: 
                document.getElementById('environment').src = environment3.src;
                break; 
            case 4: 
                document.getElementById('environment').src = environment4.src;
                break; 
            case 5: 
                document.getElementById('environment').src = environment5.src;
                break; 
            case 6: 
                document.getElementById('environment').src = environment6.src;
                break; 
            case 7: 
                document.getElementById('environment').src = environment7.src;
                break; 
            case 8: 
                document.getElementById('environment').src = environment8.src;
                break; 
            case 9: 
                document.getElementById('environment').src = environment9.src;
                break; 
            case 10: 
                document.getElementById('environment').src = environment10.src;
                break; 
        }
        
        //save setting to cookie
        var currentDate = new Date();
        var cookieDate = new Date (currentDate.getYear() + 2, currentDate.getMonth(), currentDate.getDate());
        SetCookie('SkyeProject', id, cookieDate);
        //document.cookie = 'SkyeProject=' + id + ';expires=' + cookieDate.toGMTString();
    }
}

function getEnvironment()
{
    var environment = document.cookie.match('SkyeProject' + '=(.*?)(;|$)');
    
    if (environment)
    {
        currentEnvironment = Number(unescape(environment[1]));
        SelectEnvironment(currentEnvironment);
    }
    else
    {
        currentEnvironment = 1;
    }
}


function ShowGallery(id)
{       
    //hide all galleries
    for (var i = 1; i <= galleries; i++)
    {
        if (i != id)
        {
            document.getElementById('link' + i).style.color = '#666666';
            document.getElementById('arrow' + i).style.display = 'none';
            document.getElementById('space' + i).style.display = 'inline';
            document.getElementById('Gallery' + i).style.display = 'none';
        }
    }
    
    //show selected gallery
    document.getElementById('link' + id).style.color = '#ffffff';
    document.getElementById('arrow' + id).style.display = 'inline';
    document.getElementById('space' + id).style.display = 'none';
    document.getElementById('Gallery' + id).style.display = 'block';
}


function SetCookie(name, value, expires, path, domain, secure)  
{
    var skyeCookie  = name + "=" + escape(value + '') +
    ((expires) ? "; expires=" + expires.toGMTString() : "") +
    ((path) ? "; path=" + path : "") +
    ((domain) ? "; domain=" + domain : "") +
    ((secure) ? "; secure" : "");
    
    document.cookie = skyeCookie;
}

function GetCookie(name) 
{
    var arg = name + "=";
    var alen = arg.length;
    var clen = document.cookie.length;
    var i = 0;
    
    while (i < clen) 
    {
        var j = i + alen;
        
        if (document.cookie.substring(i, j) == arg)
        return getCookieVal (j);
        
        i = document.cookie.indexOf(" ", i) + 1;
        if (i == 0) 
            break; 
    }
  
    return null;
}

function LoadGallery()
{
    var urlString = window.location.search;
    
    if(urlString)
    {
        var id = urlString.substring(urlString.lastIndexOf('=') + 1,urlString.length);
        ShowGallery(id);
    }
}