var myHTML;
var changing = false;

$(document).ready(function() {

		$.extend($.blockUI.defaults.overlayCSS, { backgroundColor: '#ffffff', opacity: '0.01' });
                                            
    $("#galleries .itemLock a").click(function() {
        var localObj = $(this);                            
        createPoltergeist();
        if($("#lockBox").length == 0) {
            genZdzivBox(200,65,10,"lockBox",false,false);
            $("#lockBox").append('<form action="' + $(this).attr('rel') + '" id="formLockBox" method="post"></form>');
            $("#formLockBox").append('<img src="/global/images/podajHaslo.jpg" alt="dodaj wideo" style="float: left;"/><img src="/global/images/close.gif" alt="close" id="closeS" style="float: right; cursor: pointer;"/><br/><br/>');
            $("#formLockBox").append('<input type="password" name="password" id="galPasswd" style="width: 155px; clear: both; float: left;"/>');
            $("#formLockBox").append('<input id="sendPasswd" type="image" src="/global/images/btn/ok.gif" alt="Otwórz" style="margin-left: 5px; float: right; margin-top: 2px;"/>');
            $("#formLockBox").append('<input type="hidden" name="name" value="' + $(this).attr("id").substring($(this).attr("id").indexOf("_")+1) + '"/>');            
            $("#lockBox").append('<p class="verif vrf_password">&nbsp;</p>');            
            $("#formLockBox #closeS").click(function() {
                $("#lockBox").hide();
                removePoltergeist();
            });                        		
            $("#lockBox").show();      
            
		    $('#formLockBox').ajaxForm({
		        dataType: 'json',
                success: function(response,status) {
                    if(response.result == "ok") {
                        window.location.assign(localObj.attr("href"));
                    } else {
                        $(".vrf_password").text("(!) " + response.value);
                    }
                }
            });
            
                        
        } else{            
            $(".vrf_password").text("");
            $("#lockBox").show();
        }
        return false;
    });
    $("#galleries .friendOnly img, #galleries .friendOnly p ").css("cursor","pointer");
    $("#galleries .friendOnly img, #galleries .friendOnly p ").click(function() {
        createPoltergeist();
        if($("#friendBox").length == 0) {
            genZdzivBox(200,65,10,"friendBox",false,false);
            $("#friendBox").append("<div style='text-align: right;'><img src='/global/images/close.gif' alt='Zamknij' class='btnClose'/></div>");
            $("#friendBox").append("<div style='padding-top: 10px; font-weight: bold; text-align: center;'>Galeria tylko dla znajomych</div>");
            $("#friendBox .btnClose").css("cursor","pointer").click(function() {
                $("#friendBox").hide();
                removePoltergeist();
            });
            $("#friendBox").show();
        } else {
            $("#friendBox").show();
        }
    });
    
    var itemsCount = $(".itemsOverflowContainer img").length;
    if(itemsCount > 11 ) {
        $("#scrollRight").attr("src","/global/images/scrollRightActive.png");
    }         
    var itemsLength = $(".itemsOverflowContainer").width();
    var maxJump = 0 - ((itemsCount * 58) - itemsLength);
    
    if (itemsCount > 11) { 
        $("#scrollRight").css("cursor","pointer").click(function() {            
            var oldMargin = parseInt($(".itemsOverflowContainer").css("marginLeft"));
            if(oldMargin > maxJump) {                
                $("#scrollLeft").attr("src","/global/images/scrollLeftActive.png");				$("#scrollLeft").css("cursor","pointer");
                var newMargin = oldMargin - itemsLength;
                if(newMargin < maxJump) { 
                    newMargin = maxJump;
                    $("#scrollRight").attr("src","/global/images/scrollRight.png");
                    $(this).css("cursor","auto");
                }               
                // $(".itemsOverflowContainer").css("marginLeft",newMargin + "px");
                $(".itemsOverflowContainer").animate({marginLeft: newMargin});                                        

            }
        });
    }        
    $("#scrollLeft").click(function() {                                    
        var oldMargin = parseInt($(".itemsOverflowContainer").css("marginLeft"));            
        var newMargin = oldMargin + itemsLength;
        if(newMargin >= 0 && oldMargin < 0) {
            newMargin = 0;                
            $("#scrollLeft").attr("src","/global/images/scrollLeft.png").css("cursor","auto");
            $("#scrollRight").attr("src","/global/images/scrollRightActive.png");
        }
				if(oldMargin < 0) {
	      	$(".itemsOverflowContainer").animate({marginLeft: newMargin});
				}
    });
            
    $(".itemsOverflowContainer a").click(function() {
    		if(changing) return false;
    		changing = true;
    		//$("div.itemsOverflowContainer").block();
        var localObj = $(this);
        $(this).blur();
        $(".itemsOverflowContainer a").removeClass("active");
        $(this).addClass("active");
        //var localIMG = $(this).children().attr("src");
				var localIMG = $(this).html();
				$(this).html('<span class="wiatr"><img src="/global/images/wiatrak.gif" /></span>');        
        var myID = $(this).attr("id").substring($(this).attr("id").indexOf("_")+1);              
        $.ajax({
				type: 'post',
				url: $(".itemsOverflowContainer").attr("rel"),
				data: "id=" + myID,
				dataType: 'json',
				beforeSubmit: function(data,form,options) {
				},
				success: function(response,status) {	
                    if(response.result == "ok") {              
                        $("#gallery_item_preview").fadeOut(500); 
                        myHTML = response.value;
                        //localObj.children().attr("src",localIMG);
												setTimeout(function() { showContent(localObj,localIMG); },600);         
					}												
				}
		});
		return false;
    });        
});

function showContent(obj,img) {
    $("#gallery_item_preview").html(myHTML);
    $("#gallery_item_preview").fadeIn(500, function() {
    	$(obj).empty();
			$(obj).html(img);
			$("#gallery_item").css("height","auto");
			changing = false;
			//$("div.itemsOverflowContainer").unblock();
			workClick();
		});
}