/// <reference path="./jquery-1.4.1-vsdoc.js" />

selectedCat = "";
selectedText = "";
selectedGal = "";

fadeInDelay = 1000;

function CheckQS() {
    var query = window.location.search.substring(1);
    var parms = query.split('&');
    var C = '';
    var T = '';
    for (var i = 0; i < parms.length; i++) {
        var pos = parms[i].indexOf('=');
        if (pos > 0) {
            var key = parms[i].substring(0, pos);
            if (key == 'C') {
                C = parms[i].substring(pos + 1);
            } else if (key == 'T') {
                T = parms[i].substring(pos + 1);
            }
        }
    }
    if (C != '' && T != '') {
        //SetSelectedImg($('#cat-' & C));

        if (C == '01') {
            C = 'cat';
        } else {
            C = 'cat-' + C;
        }

        if (T == '01') {
            T = 'clienttext';
        } else {
            T = 'clienttext-' + T;
        }

        $('#' & C).attr('src', pageImgLocation + 'img_selected/' + C + '.jpg');
        $('#' + C.replace('cat', 'portfolio')).attr('src', pageImgLocation + 'img_over/' + C.replace('cat', 'portfolio') + '.jpg');
        selectedCat = C;
        selectedText = "";
        if (LoadText(T)) { };

        //setSelectedText($('#clienttext-' & T));
        $('#galMain').attr('src', 'images2/empty_dark.jpg');
        $('#' + T).attr('src', pageImgLocation + 'text/' + selectedCat + '/selected/' + selectedCat + '-' + T + '.jpg');
        selectedText = T;
        selectedGal = '';
        SetupGallery($('#' + T));

    } else {
        $('#BL_middle').css('display', 'block');
    }
}

//set normal img
function SetOutImg(e) {
    if (e.id != selectedCat) {
        e.src = pageImgLocation + 'img/' + e.id + '.jpg';
        $('#' + e.id.replace('cat', 'portfolio')).attr('src', pageImgLocation + 'img/' + e.id.replace('cat', 'portfolio') + '.jpg');

    }
}

//set normal img from portfolio
function SetOutImgP(e) {
    catId = e.id.replace('portfolio', 'cat');
    if (catId != selectedCat) {
        $('#' + catId).attr('src', pageImgLocation + 'img/' + catId + '.jpg');
        $('#' + e.id).attr('src', pageImgLocation + 'img/' + e.id + '.jpg');
    }
}

//set normal img text
function SetOutImgText(e) {
    if (getWidthByBrowser(e) > 186) {
        if (e.id != selectedText) {
            e.src = pageImgLocation + 'text/' + selectedCat + '/' + selectedCat + '-' + e.id + '.jpg';
        }
    }
}

//set over img
function SetOverImg(e) {
    if (e.id != selectedCat) {
        e.src = pageImgLocation + 'img_over/' + e.id + '.jpg'; //cat
        $('#' + e.id.replace('cat', 'portfolio')).attr('src', pageImgLocation + 'img_over/' + e.id.replace('cat', 'portfolio') + '.jpg'); //portfolio
    }
}

//set over img from portfolio
function SetOverImgP(e) {
    catId = e.id.replace('portfolio', 'cat');
    if (catId != selectedCat) {
        $('#' + catId).attr('src', pageImgLocation + 'img_over/' + catId + '.jpg');
        $('#' + e.id).attr('src', pageImgLocation + 'img_over/' + e.id + '.jpg');
    }
}

//set over img text
function SetOverImgText(e) {
    if (getWidthByBrowser(e) > 186) {
        if (e.id != selectedText) {
            tmp = document.createElement('img');
            tmp.src = pageImgLocation + 'text/' + selectedCat + '/selected/' + selectedCat + '-' + e.id + '.jpg';
            if (tmp.width > 0) {
                e.src = pageImgLocation + 'text/' + selectedCat + '/selected/' + selectedCat + '-' + e.id + '.jpg';
            }
        }
    }
}

//set selected img
function SetSelectedImg(e) {
    if (e.id != selectedCat) {
        if (selectedCat != '') {
            $('#' + selectedCat).attr('src', pageImgLocation + 'img/' + selectedCat + '.jpg');
            $('#' + selectedCat.replace('cat', 'portfolio')).attr('src', pageImgLocation + 'img/' + selectedCat.replace('cat', 'portfolio') + '.jpg');
        }
        e.src = pageImgLocation + 'img_selected/' + e.id + '.jpg';
        //e.src = pageImgLocation + 'img_over/' + e.id + '.jpg';
        $('#' + e.id.replace('cat', 'portfolio')).attr('src', pageImgLocation + 'img_over/' + e.id.replace('cat', 'portfolio') + '.jpg');
        selectedCat = e.id;
        selectedText = "";
        LoadText();
    }
}

//set selectedimg from portfolio
function SetSelectedImgP(e) {
    catId = e.id.replace('portfolio', 'cat');
    if (catId != selectedCat) {
        if (selectedCat != '') {
            $('#' + selectedCat).attr('src', pageImgLocation + 'img/' + selectedCat + '.jpg');
            $('#' + selectedCat.replace('cat', 'portfolio')).attr('src', pageImgLocation + 'img/' + selectedCat.replace('cat', 'portfolio') + '.jpg');
        }
        $('#' + catId).attr('src', pageImgLocation + 'img_selected/' + catId + '.jpg');
        //$('#' + catId).attr('src', pageImgLocation + 'img_over/' + catId + '.jpg');
        $('#' + e.id).attr('src', pageImgLocation + 'img_over/' + e.id + '.jpg');
        selectedCat = catId;
        selectedText = "";
        LoadText();
    }
}

function setSelectedText(e) {
    if (getWidthByBrowser(e) > 186) {
        if (e.id != selectedText) {
            $('#galMain').attr('src', 'images2/empty_dark.jpg');
            if (selectedText != '') {
                $('#' + selectedText).attr('src', pageImgLocation + 'text/' + selectedCat + '/' + selectedCat + '-' + selectedText + '.jpg');
            }
            e.src = pageImgLocation + 'text/' + selectedCat + '/selected/' + selectedCat + '-' + e.id + '.jpg';
            selectedText = e.id;
            selectedGal = '';
            SetupGallery(e);
        }
    }
}

function getWidthByBrowser(e) {
    if (navigator.appName == 'Microsoft Internet Explorer') {
        return e.offsetWidth;
        //    } else if (navigator.appName == 'Netscape') {
        //        return e.naturalWidth;
    } else {
        //return e.width;
        return e.naturalWidth;
    }
}

function LoadText(selectText) {
    //use selectedCat
    $('#galMain').attr('src', 'images2/1t.jpg');
    //$('.clientTextImg').attr('src', 'images2/clienttext_blank_small.jpg');
    GalVisible(0);
    //$('#clientMenu').load('ClientMenu.htm');
    $('#clientMenu').css('display','none');
    $.get(pageImgLocation + 'text/' + selectedCat + '/' + selectedCat + 'ClientMenu.htm', function (data) {
        $('#clientMenu').html(data);
        var testCount = $('#clientMenu img').length;
//        $('#clientMenu img').load(function () {
//            testCount -= 1;
//            if (testCount == 0) {
//                $('#clientMenu').css('display', 'block');
//            }
//        });
        if (selectText != null && selectText != undefined) {
            $('#' + selectText).attr('src', pageImgLocation + 'text/' + selectedCat + '/selected/' + selectedCat + '-' + selectText + '.jpg');
        }
        $('#clientMenu').css('display', 'block');
    });


    /*
    $.preloadMenuTextImages(31, pageImgLocation + 'text/' + selectedCat + '/' + selectedCat + '-clienttext');
    selectedText = '';
    selectedGal = '';
    //$('#clientTextGrouprefresh').hide();
    x = $('.clientTextImg')
    .error(function (err) {
    this.src = 'images2/clienttext_blank_small.jpg';
    this.height = 18;
    this.width = 186;
    })
    .each(
    function (f) {
    this.src = pageImgLocation + 'text/' + selectedCat + '/' + selectedCat + '-' + this.id + '.jpg';
    this.height = 18;
    this.width = 187;
    }
    )
    .mouseover(function (f) {
    if (this.src.match('clienttext_blank_small') == '') {
    SetOverImgText(this);
    }
    })
    .mouseout(function (g) {
    if (this.src.match('clienttext_blank_small') == '') {
    SetOutImgText(this);
    }
    })
    .click(function (h) {
    if (this.src.match('clienttext_blank_small') == '') {
    setSelectedText(this);
    }
    });
    //$('#clientTextGrouprefresh').show();
    */
}

/* Gallery Helpers */

//Show(1) or Hide(0) Gallery
function GalVisible(bln) {
    gal = $('#BL_gallery');
    icons = $('#BL_middle');
    if (gal != null && icons != null) {
        if (bln == 0) {
            gal.css('display', 'none');
            icons.css('display', '');
        }
        else {
            gal.css('display', '');
            icons.css('display', 'none');
        }
    }
}

function SetupGallery(e) {
    //GalVisible(0);
    //$('.galThumb').css('display', 'none').attr('src', 'images2/1t.jpg');
    $('.galThumb').attr('src', 'images2/1t.jpg');
    $('#galNav5').attr('src', 'images2/5t.jpg');
    $('#galMain').css('display', 'none');
    $('#galNav').css('display', 'none');
    $.get(pageImgLocation + 'text/' + selectedCat + '/' + selectedText + '/galNav.htm', function (data) {
        $('#galNav').html(data);
        //loadGalleryMainPic(pageImgLocation + 'text/' + selectedCat + '/' + selectedText + '/1.jpg');
        $('#galMain').attr('src', pageImgLocation + 'text/' + selectedCat + '/' + selectedText + '/1.jpg');
        $('#galNav').css('display', 'block');
        //$('#galNav1').attr('src', pageImgLocation + 'text/' + selectedCat + '/' + selectedText + '/1ts.jpg');
    });

    selectedGal = 'galNav1';
    GalVisible(1);
    $('#galMain').css('display', 'block');
}

function loadGalleryMainPic(src) {
    var x = $('#galMain');
    x.error(function () {
        this.src = 'images2/1t.jpg';
    });
    x.load(function () {
        $(this).fadeIn();
        //$('.galThumb').css('display', 'block');
    });
    x.fadeOut(fadeInDelay, function () {
        this.src = src;
    });
}

function showMainGallery(e) {
    if (e.src.match('clienttext') == 'clienttext') {
        if (selectedGal != e.id) {
            loadGalleryMainPic(e.src.replace('t.jpg', '.jpg'));
            if (selectedGal != "") {
                $('#' + selectedGal).attr('src', $('#' + selectedGal).attr('src').replace('ts.jpg', 't.jpg'));
            }
            selectedGal = e.id;
            e.src = e.src.replace('t.jpg', 'ts.jpg');
        }
    }

}


/*

-- Image Preloaders

*/

$.preloadCssImages = function (fileToLoad) {
    var allImgs = [];

    $.ajax({
        url: fileToLoad,
        success: function (data) {
            var arr = jQuery.makeArray(data.match(/[^\(]+\.(gif|jpg|jpeg|png)/g)); //create array from regex obj	 
            $(arr).each(function (k) {
                var tmpImage = document.createElement('img');
                tmpImage.src = this.replace('"', '\'');
                allImgs.push(tmpImage);
                //		allImgs[k] = document.createElement('img');
                //		allImgs[k].src = this;	
            });
            return allImgs;
        }
    });


    /*
    $.get(fileToLoad, function(data) {
    var arr = jQuery.makeArray(data.match(/[^\(]+\.(gif|jpg|jpeg|png)/g));//create array from regex obj	 
    $(arr).each(function(k){
    allImgs[k] = document.createElement('img');
    allImgs[k].src = this;	
    });
    });
    */

    /*	
    $('#preloader').load(fileToLoad);
    var allImgs = [];//new array for all the image urls  
    var arr = jQuery.makeArray($('#preloader').text().match(/[^\(]+\.(gif|jpg|jpeg|png)/g));//create array from regex obj	 
    $(arr).each(function(k){
    allImgs[k] = document.createElement('img');
    allImgs[k].src = this;	
    });

    return allImgs;
    */

}


$.preloadMenuTextImages = function (imgCount, strLocation) {
    var allImgs = [imgCount];
    for (var i = 0; i <= imgCount; i++) {
        //allImgs[i] = document.createElement('img');
        allImgs[i] = new Image();

        if (i == 0) {
            allImgs[i].src = strLocation + '.jpg';
        } else if (i < 10) {
            allImgs[i].src = strLocation + '-0' + i + '.jpg';
        } else {
            allImgs[i].src = strLocation + '-' + i + '.jpg';
        }

    }
    return allImgs;
}