// JavaScript Document
var MyBox = function()
{
var _images = null;
var _screen_bg = null;
var _image_bg = null;
var _arrow_left = null;
var _arrow_right = null;
var _btn_close = null;
var _image = null;
var _menu_position = null;
var _screen_bg_padding = 24;
var _current_nr = null;
var _timeout = null;
var _wallpapers_table = null;
return{
Init:function()
{
_screen_bg = $('');
_image_bg = $('');
_arrow_left = $('');
_arrow_right = $('');
_btn_close = $('');
//_image_bg = $('');
//_image_bg = $('');
_menu_position = $("#submeniu").position();
$('body').append(_screen_bg);
$('body').append(_image_bg);
$('body').append(_arrow_left);
$('body').append(_arrow_right);
$('body').append(_btn_close);
_screen_bg.click(function(){MyBox.Close()});
_btn_close.click(function(){MyBox.Close()});
_arrow_left.click(function(){MyBox.NavLeft()});
_arrow_right.click(function(){MyBox.NavRight()});
_images = $(".gallery img.full");
_images.each(function(){MyBox.Image_init(this)});
$("#__MyBoxBg").height($(window).height());
$("#__MyBoxBg").width($(document).width());
},
Image_init:function(img)
{
$(img).parent("a").click(function(){return false;});
var wallpapers = $(img).parents("li").children(".wallpaper");
wallpapers.css('display', 'none');
$(img).click(function(){MyBox.Image_OnClick(img)});
},
Image_OnClick:function(img)
{
var ScrollTop = document.body.scrollTop;
if (ScrollTop == 0)
{
if (window.pageYOffset)
ScrollTop = window.pageYOffset;
else
ScrollTop = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
}
_menu_position.top=ScrollTop+100;
var nr = null;
clearTimeout(_timeout);
for(var i = 0 ; i < _images.length; i++)
{
if(_images[i] == img)
nr = i;
}
_current_nr = nr;
_screen_bg.css({'visibility':'visible'});
_image_bg.width(200);
_image_bg.height(200);
_image_bg.css({'visibility':'visible', 'top':_menu_position.top +'px', 'left':_menu_position.left+'px'});
_image_bg.fadeTo(300, 1);
this.Image_Preload()
},
Image_Preload:function()
{
if(_image)
{
_image.remove();
}
if(_wallpapers_table)
{
_wallpapers_table.remove();
_wallpapers_table = null;
}
var img = new Image();
_image = $(img);
_image_bg.append(_image);
_image.css({'opacity':'0'});
//_image.css({'display':'none'});
_arrow_left.css({'visibility':'hidden'});
_arrow_right.css({'visibility':'hidden'});
_btn_close.css({'visibility':'hidden'});
_image.attr("src", $(_images[_current_nr]).parent("a").attr("href"));
img.onLoad = this.Image_OnLoad();
//_image.load(MyBox.Image_OnLoad());
//_time = new Date().getTime();
},
Image_OnLoad:function()
{
if(_image == null)
return;
_timeout = setTimeout("MyBox.Resize_Start()", 100);
},
Resize_Start:function()
{
if(_image.width() <= 50) //mol nesurenderino dar
{
clearTimeout(_timeout);
_timeout = setTimeout("MyBox.Resize_Start()", 100);
return;
}
if(_image == null)
return;
_image_bg.animate({width:_image.width()+'px',
height:_image.height()+'px'}, 200, "linear", function(){MyBox.Resize_Finish()});
},
Resize_Finish:function()
{
if(_image == null)
return;
_btn_close.css({'visibility':'visible', 'top':(_menu_position.top + 5) +'px', 'left':(_menu_position.left + _image_bg.width() + (_screen_bg_padding * 2) - 20) + 'px'});
_arrow_left.css({'visibility':'visible', 'top':(_menu_position.top + _image_bg.height() / 2 + _screen_bg_padding - 10) +'px', 'left':(_menu_position.left + 5) + 'px'});
_arrow_right.css({'visibility':'visible', 'top':(_menu_position.top + _image_bg.height() / 2 + _screen_bg_padding - 10) +'px', 'left':(_menu_position.left + _image_bg.width() + (parseInt(_image_bg.css("padding")) * 2) - 20) + 'px'});
//_image.css({'opacity':'1'});
_image.fadeTo(300, 1);
/*mol pluginas, wallpaperiams atsisiĊ³sti*/
var wallpapers = $(_images[_current_nr]).parents("li").children('.wallpaper');
if(wallpapers.length)
{
var _wallpapers_table_html = '";
_wallpapers_table = $(_wallpapers_table_html);
//_wallpapers_table = $('');
_wallpapers_table.css({'padding':'0', 'margin':'0', 'width':(_image_bg.width() + parseInt(_image_bg.css("padding")) * 2)+'px', 'left':_menu_position.left+'px', 'top':(_menu_position.top + _image_bg.height() + parseInt(_image_bg.css("padding")) + 10)});
//var td = null;
/*for(var i = 0; i < wallpapers.length; i++)
{
td = $(''+wallpapers[i].innerHTML+' | ');
_wallpapers_table.children("tr").append(td);
}*/
$('body').append(_wallpapers_table);
//_wallpapers_table.remove();
//_wallpapers_table.show("slow");
}
/*//mol pluginas, wallpaperiams atsisiĊ³sti*/
if(_current_nr <= 0)
{
_arrow_left.css({'visibility':'hidden'});
}
if(_current_nr >= _images.length - 1)
{
_arrow_right.css({'visibility':'hidden'});
}
if(_images.length <= 1)
{
_arrow_right.css({'visibility':'hidden'});
_arrow_left.css({'visibility':'hidden'});
}
},
NavLeft:function()
{
_current_nr--;
this.Image_Preload();
},
NavRight:function()
{
_current_nr++;
this.Image_Preload();
},
Close:function()
{
if(_wallpapers_table != null)
{
_wallpapers_table.remove();
_wallpapers_table = null;
}
if(_image)
{
//_image.css({'visibility':'hidden'});
_image.remove();
_image = null;
}
_arrow_left.css({'visibility':'hidden'});
_arrow_right.css({'visibility':'hidden'});
_btn_close.css({'visibility':'hidden'});
_image_bg.fadeTo(300, 0, this.Close_Finished);
},
Close_Finished:function()
{
_image_bg.css({'visibility':'hidden'});
_screen_bg.css({'visibility':'hidden'});
if(_image)
{
_image.remove();
_image = null;
}
}
}
}();
$(document).ready(MyBox.Init);
