﻿jQuery.fn.slideShow = function (options) {

    var obj = $(this);
    var defaults = {
        imageArray: ''
    };
    var options = $.extend(defaults, options);


    if (options.imageArray > "") {

        var listArray = options.imageArray.split('*');
        var ImageNavArray = [];
        var ImageTextArray = [];

        for (i = 0; i < listArray.length; i++) {
            if (i > 1) {
                var srcNameSplit = listArray[i].split("~");
                ImageNavArray.push(srcNameSplit[0]);
                ImageTextArray.push(srcNameSplit[1]);
            }
        };


        //CREATE NUMBERING
        var ulList = '<div class="slideShowNumberingWrapper">';
        for (i = 0; i < ImageNavArray.length; i++) {
            var formatNumber, activeClass;
            if ((i + 1) < 10) { formatNumber = '0' + (i + 1) } else { formatNumber = (i + 1) }
            if (i == 0) { activeNumber = 'activeNumber' } else { activeNumber = '' }
            ulList += '<div class="slideShowNumbering' + listArray[1] + ' slideShowNumbering ' + activeNumber + '" id="' + i + '">' + formatNumber + '</div>'
        };
        ulList += '</div><div style="clear:both; height:10px"></div>'
        obj.append(ulList);


        //START IMAGE LOAD
        obj.prepend('<div style="height:350px"><img src="images/' + listArray[0] + '/' + listArray[1] + '/gallery/' + ImageNavArray[0] + '" /></div>');
        obj.append('<div class="imageText">' + ImageTextArray[0] + '</div>')

        //NAV CLICK
        //var isActive = false
        $('.slideShowNumbering' + listArray[1] + '').live('click', function () {
            //    if (isActive == false) {
            //        isActive = true;
            $('.slideShowNumbering' + listArray[1]).removeClass('activeNumber');
            $(this).addClass('activeNumber');
            var imgCatch = $('#galleryDisplayWrapper' + listArray[1] + '').children('div').children('img');
            var clickId = $(this).attr('id');
            $('#galleryDisplayWrapper' + listArray[1] + '').css({ 'background-image': 'url(' + imgCatch.attr('src') + ')', 'background-repeat': 'no-repeat', 'background-position': '40px 40px' });
            imgCatch.hide();
            var imageObj = new Image();
            imageObj.onload = function () {
                imgCatch.attr('src', imageObj.src).fadeIn(1000, function () {
                    //  isActive = false; 
                    $('#galleryDisplayWrapper' + listArray[1]).css({ 'background-color': 'white', 'background-position': '40px 40px' });
                    $('#galleryDisplayWrapper' + listArray[1]).find('.imageText').html(ImageTextArray[clickId]);
                });
            }
            imageObj.src = 'images/' + listArray[0] + '/' + listArray[1] + '/gallery/' + ImageNavArray[clickId] + '';
            //    }
        });
    };
};


