var options = {
    mainImageClass: 'mainimage',
    mainImageNoteClass: 'imageNote',
    tumbFrameClass: 'imageFrame',
    tumbClass: 'testimage'
}




function CreateMainNote(mainImageNoteShow,mainImageNotePosition) {
    if (mainImageNoteShow) {
        var newdiv = document.createElement('div');
        $(newdiv).addClass(options.mainImageNoteClass);
        var p1 = $("." + options.mainImageClass).position();

        $(newdiv).css("left", p1.left);
        if (mainImageNotePosition == 'top') {
            var h = p1.top;
        } else {
            var h = p1.top + $("." + options.mainImageClass).height() - 20;
        }
        $(newdiv).css("top", h);

        $(newdiv).css("z-index", "1100");
        $(newdiv).css("position", "absolute");
        $(newdiv).css("background-color", "#ffffff");
        $(newdiv).css("width", $("." + options.mainImageClass).css("width"));

        $(newdiv).css("text-align", "right");
        $(newdiv).css("font-family", "tahoma");
        $(newdiv).css("opacity", "0.5");

        $("." + options.mainImageClass).after(newdiv);
    }
}


function FramingTumbs(mainImageNoteShow,tumbFrameShow,tumbFrameImageUrl,mainImageNotePosition,tumbHoverEffect,marqueeDirection,popupOnClick) {
    $('.' + options.tumbClass).each(function() {
        var topObj;
        if (tumbFrameShow) {
            var im = new Image();
            $(im).attr("src", "/portal/Images/Cms_ImageGalery2010/"+tumbFrameImageUrl);
            $(im).addClass(options.tumbFrameClass);
            $(im).css("top", $(this).css("top"));
            var p = $(this).position();
            $(im).css("left", p.left);

            $(im).css("width", $(this).css("width"));
            $(im).css("height", $(this).css("height"));
            $(im).css("z-index", "1000");
            $(im).css("position", "absolute");
            topObj = im;

            $(im).click(function() {
                if (popupOnClick) {
                    $.blockUI({
                        message: $("." + options.mainImageClass),
                        css: {
                            top: ($(window).height() - 500) / 2 + 'px',
                            left: ($(window).width() - 500) / 2 + 'px',
                            width: $("." + options.mainImageClass).width()
                        }
                    });
                        $("." + options.mainImageClass).click(function() {
                        $.unblockUI();
                        $("." + options.mainImageClass).attr("src", "/portal/Images/Cms_ImageGalery2010/Ajax4.gif");
                    });
                    CreateMainNote(mainImageNoteShow,mainImageNotePosition);
                }
                
                $("." + options.mainImageClass).attr("src", $(im).prev().attr("src")+"1");
                $("." + options.mainImageNoteClass).html("<MARQUEE direction='" + marqueeDirection + "'>" + $(im).prev().attr("alt") + "</MARQUEE>");
            });
            if (tumbHoverEffect) {
                $(im).hover(function() {
                    $(this).prev().animate({ opacity: 1 }, 300);
                }, function() {
                    $(this).prev().animate({ opacity: 0.6 }, 800);
                });
            }
            $(this).after(im);
        }
        else {
            topObj = this;
            $(this).click(function() {
              
              $("." + options.mainImageClass).attr("src", $(this).attr("src")+"1");
                $("." + options.mainImageNoteClass).html("<MARQUEE direction='" + marqueeDirection + "'>" + $(this).attr("alt") + "</MARQUEE>");
            });
            if (tumbHoverEffect) {
                $(this).css("opacity", "0.6");
                $(this).hover(function() {
                    $(this).animate({ opacity: 1 }, 300);
                }, function() {
                    $(this).animate({ opacity: 0.6 }, 800);
                });
            }
        }
        $(topObj).css("cursor", "pointer");
        
    });

}

function formatGallery(mainImageNoteShow,tumbFrameShow,tumbFrameImageUrl,mainImageNotePosition,tumbHoverEffect,marqueeDirection,popupOnClick) {
    if (popupOnClick) {
        $("." + options.mainImageClass).hide();
    } else {
        CreateMainNote(mainImageNoteShow,mainImageNotePosition);
    }
    FramingTumbs(mainImageNoteShow,tumbFrameShow,tumbFrameImageUrl,mainImageNotePosition,tumbHoverEffect,marqueeDirection,popupOnClick);
    
}

//-------------------------------------------------------------


//------------------------------------------------------------------
 function GetPictureByAlbum(sender,albId,pageId,mainImageNoteShow,tumbFrameShow,tumbFrameImageUrl,mainImageNotePosition,tumbHoverEffect,marqueeDirection,popupOnClick){
        $.ajax({
            url: '/portal/Channels/fa/Cms_ImageGalery2010_Show/Cms_ImageGalery2010_Show_Service.asmx/GetPictureByAlbum',
        data:  JData('albumId',albId,"PageId",pageId,'ModId',$(objInside(sender,'txtHidden')).val(),"-"),
        success: function(msg) {
          $(objInside(sender,'btnAlbum')).show();
          $(objInside(sender,'DivTumbContainer')).html(msg.d);
          formatGallery(mainImageNoteShow,tumbFrameShow,tumbFrameImageUrl,mainImageNotePosition,tumbHoverEffect,marqueeDirection,popupOnClick)
          
        }
      });
    }
    
    function GetAlbumsByModule(sender){
        $.ajax({
            url: '/portal/Channels/fa/Cms_ImageGalery2010_Show/Cms_ImageGalery2010_Show_Service.asmx/GetAlbumsByModule',
        data:  JData('ModId',$(objInside(sender,'txtHidden')).val(),"-"),
        success: function(msg) {
          $(objInside(sender,'DivTumbContainer')).html(msg.d);
          $(objInside(sender,'btnAlbum')).hide();
        }
      });
    }