var Slider =
{
    images: [],
    idMapping: new Hashtable(),

    currentStep: 1,
    lastSavedStep: 0,
    handleMouseDownCoordinates: null,
    handleMouseDownOffsetLeft: 0,
    handleMouseDown: false,
    divMouseDown: false,
    only2Steps: false,

    confirmChangeUrl: "/",

    token: null,
    serverRequest: new ServerRequest("GET", this.dummy, this.dummy),

    disableFilterConfirmed: false,
    disableFilterConfirmText: "Are you sure you want to see the picture?",

    addImage: function(toggleableEroticImage) {
        this.images.push(toggleableEroticImage);
        this.idMapping.set(toggleableEroticImage.id, toggleableEroticImage)
    },

    removeImage: function(id) {
        for (var i = 0; i < this.images.length; i++) {
            if (this.images[i].id == id) {
                this.images.splice(i, 1);
            }
        }

        this.idMapping.remove(id);
    },

    getImageByID: function(id) {
        return this.idMapping.get(id)
    },

    htmlElements:
	{
	    div: null,
	    handle: null
	},

    windowOnLoad: function() {
        S.Debugger.writeLine(this.currentStep);
        this.lastSavedStep = this.currentStep;

        // Get elements.		
        this.htmlElements.div = S.Get("Slider");
        this.htmlElements.handel = S.Get("SliderHandle");

        if (this.htmlElements.div == null || this.htmlElements.handel == null)
            return;

        S.Event.add(document, "mouseup", this.onDocumentMouseUp.bindAsEventListener(this));
        S.Event.add(this.htmlElements.handel, "mousedown", this.onHandleMouseDown.bindAsEventListener(this));
        S.Event.add(this.htmlElements.div, "mousedown", this.onDivMouseDown.bindAsEventListener(this));
        S.Event.add(document, "mousemove", this.onDocumentMouseMove.bindAsEventListener(this));
    },

    onDocumentMouseUp: function(e) {
        if (this.handleMouseDown || this.divMouseDown) {
            this.snapHandle();

            //if (this.lastSavedStep != this.currentStep)
            this.save();
        }

        this.handleMouseDown = false;
        this.divMouseDown = false;
    },

    save: function() {
        /*S.Debugger.writeLine(this.lastSavedStep + " - " + this.currentStep);
        S.Debugger.writeLine((this.lastSavedStep != this.currentStep && this.currentStep == 3));
        S.Debugger.writeLine((this.lastSavedStep == 3 && this.currentStep != 3));*/

        // Remove or add profiles.
        if ((this.lastSavedStep != this.currentStep && this.currentStep == 3) || (this.lastSavedStep == 3 && this.currentStep != 3)) {
            window.location.href = this.confirmChangeUrl.replace("##RequestedStep##", this.currentStep);
            return;
        }
        // there is no step 1 when erotic content is disabled
        if (this.only2Steps && this.currentStep == 1) {
            this.currentStep = 2;
        }
        this.lastSavedStep = this.currentStep;

        // Update configuration.
        this.serverRequest.send("/Global/Profiles/UpdateSliderStep.aspx", "Value=" + this.currentStep + "&Token=" + this.token);

        if (this.currentStep == 1)
            this.showEroticImages();
        else //if (this.currentStep == 2)
            this.hideEroticImages();
    },

    showEroticImages: function() {
        this.handleImages();
    },

    hideEroticImages: function() {
        this.handleImages();
    },

    handleImages: function() {
        this.images.each(function(toggleableEroticImage) {
            toggleableEroticImage.setSource(this.currentStep != 1);
        } .bind(this));
    },

    handleImageWithConfirm: function(e) {
        var ev = S.Event.wrap(e);

        if (this.currentStep == 2 && !this.disableFilterConfirmed) {
            if (confirm(this.disableFilterConfirmText)) {
                this.disableFilterConfirmed = true;
                this.currentStep = 1;
                this.htmlElements.handel.style.left = "6px";
                this.save();
            }

            ev.preventDefault();
            return false;
        }

        return true;
    },

    snapHandle: function() {
        var currentLeft = (S.Element.getPosition(this.htmlElements.handel).x - S.Element.getPosition(this.htmlElements.div).x - 6);

        if (this.only2Steps) {
            // there is no step 1 when erotic content is disabled
            // Step 2.
            if (currentLeft <= 48) {
                this.currentStep = 2;
                this.htmlElements.handel.style.left = "6px";
            }

            // Step 3.
            else {
                this.currentStep = 3;
                this.htmlElements.handel.style.left = "60px";
            }
        }
        else {
            // Step 1.
            if (currentLeft <= 21) {
                this.currentStep = 1;
                this.htmlElements.handel.style.left = "6px";
            }

            // Step 2.
            else if (currentLeft <= 48) {
                this.currentStep = 2;
                this.htmlElements.handel.style.left = "33px";
            }

            // Step 3.
            else {
                this.currentStep = 3;
                this.htmlElements.handel.style.left = "60px";
            }
        }
    },

    onDivMouseDown: function(e) {
        if (this.handleMouseDown)
            return;

        this.divMouseDown = true;
        var ev = S.Event.wrap(e);
        var divPositionLeft = S.Element.getPosition(this.htmlElements.div).x + 6;
        var offset = ev.mouseCoordinates.x - divPositionLeft;

        if (this.only2Steps) {
            // there is no step 1 when erotic content is disabled
            // Step 2.
            if (offset <= 48) {
                this.currentStep = 2;
                this.htmlElements.handel.style.left = "6px";
            }

            // Step 3.
            else {
                this.currentStep = 3;
                this.htmlElements.handel.style.left = "60px";
            }
        }
        else {
            // Step 1.
            if (offset <= 21) {
                this.currentStep = 1;
                this.htmlElements.handel.style.left = "6px";
            }

            // Step 2.
            else if (offset <= 48) {
                this.currentStep = 2;
                this.htmlElements.handel.style.left = "33px";
            }

            // Step 3.
            else {
                this.currentStep = 3;
                this.htmlElements.handel.style.left = "60px";
            }
        }
    },

    onHandleMouseDown: function(e) {
        var ev = S.Event.wrap(e);
        this.handleMouseDownCoordinates = ev.mouseCoordinates;
        this.handleMouseDownOffsetLeft = S.Element.getPosition(this.htmlElements.handel).x;
        this.handleMouseDown = true;
        ev.preventDefault();
    },

    onDocumentMouseMove: function(e) {
        if (!this.handleMouseDown)
            return;

        var ev = S.Event.wrap(e);

        var divPositionLeft = S.Element.getPosition(this.htmlElements.div).x + 6;
        var difference = ev.mouseCoordinates.x - this.handleMouseDownCoordinates.x;
        var newOffsetLeft = this.handleMouseDownOffsetLeft + difference;
        var newLeft = newOffsetLeft - divPositionLeft;

        if (newLeft < 0)
            this.htmlElements.handel.style.left = "0px"
        else if (newLeft > 66)
            this.htmlElements.handel.style.left = "66px"
        else
            this.htmlElements.handel.style.left = newLeft + "px";
    }
};

S.Event.add(window, "load", Slider.windowOnLoad.bind(Slider));

function ToggleableEroticImage(id, onSource, offSource, enableEroticFilterToggleOnClick)
{
	this.id = id;
	this.image = S.Get(id);
	this.onSource = onSource;
	this.offSource = offSource;

	if (Slider)
	{
		Slider.addImage(this);
		this.confirmFunction = Slider.handleImageWithConfirm.bindAsEventListener(Slider);
	}
	
	if (enableEroticFilterToggleOnClick && this.onSource.length > 0 && this.onSource != this.offSource)
		S.Event.add(this.image, "click", this.confirmFunction);
	
	if (this.image.src.indexOf(this.offSource) != -1)
	{
		if (blnIE)
		{
			var aParent = S.GetParentByTagName("a", this.image);
			this.image.style.cursor = (aParent != null ? "pointer" : "inherit");
		}
		else
		{
			this.image.style.cursor = "inherit";
		}
	}
	else
	{
		this.image.style.cursor = "pointer";
	}
	
	pcm(this.image);
}

ToggleableEroticImage.prototype.setSource = function(on)
{
	// This means it's a non erotic image.
	if (this.onSource.length == 0)
		return;

	this.image.src = this.getSource(on);
	
	if (!on)
	{
		if (blnIE)
		{
			var aParent = S.GetParentByTagName("a", this.image);
			this.image.style.cursor = (aParent != null ? "pointer" : "inherit");
		}
		else
		{
			this.image.style.cursor = "inherit";
		}
	}
	else
	{
		this.image.style.cursor = "pointer";
	}
}

ToggleableEroticImage.prototype.getSource = function(on)
{
	return (on && this.onSource.length > 0 ? this.onSource : this.offSource);
}

ToggleableEroticImage.prototype.refresh = function()
{
	if (Slider)
	{
		var useOnSouce = (Slider.currentStep != 1);
		var source = this.getSource(useOnSouce);
		var date = new Date();

		if (source.indexOf("&") != -1)
			source += (source.indexOf("&") != -1 ? "&" : "?") + "RefreshDate=" + date.valueOf();

		this.image.src = source;

		if (!useOnSouce)
		{
			if (blnIE)
			{
				var aParent = S.GetParentByTagName("a", this.image);
				this.image.style.cursor = (aParent != null ? "pointer" : "inherit");
			}
			else
			{
				this.image.style.cursor = "inherit";
			}
		}
		else
		{
			this.image.style.cursor = "pointer";
		}
	}
}