﻿(function () {
	var container = null;
    var canvas = null;
    var pager = null;
	function init(){
		container = $("module-A19382E3");
		if (container){
            canvas = container.getElement(".canvas");
            initEvents();

            pager = container.getElement(".pager ul");
            show(pager.getElements("li a")[0].get("href"));
		}
	}	
    function setCanSize(img){
        var size = img.getSize();
    }
    function initEvents(){
        container.getElements(".pager ul li a").addEvent("click",function(event){
            event.preventDefault();
            show(event.target.get("href"));
        });
    }
    function show(url){
        var image = new Asset.image(url, {
	        title: "",
	        alt: "", 
            onabort: function(){
                alert("Not found image with name " + url);
            },
            onerror: function(){
                alert("Not found image with name " + url);
            },
	        onload: function(img){
                img.addClass("halign-item");
                var old = canvas.getElement("div");
                var div = new Element("div",{"class":"halign-container"}).adopt( new Element("div",{"class":"halign-stabilizer"}).adopt(img));
                div.injectTop(canvas);

                pager.getElements("li").removeClass("current");
                pager.getElement("li a[href=" + url + "]").getParent().addClass("current");

                if (old){
                    old.set("morph",{ 
                        duration:1000,
                        transition:'sine:in:out', 
                        onComplete: function(){
                            old.destroy();
                        }.pass(old)
                    });
                    old.morph({"opacity":0});
                }
	        }
        });
    }
	$domready(init);
})();
