function showPreloader(show)
{
	if(Browser.Engine.trident)
	{
		if(show)
		{
			$('imgAlpha').style.display = "none";
			$('imgPreloader').style.display = "block";
		}
		else
		{
			$('imgAlpha').style.display = "block";
			$('imgPreloader').style.display = "none";
		}
	}
	else
	{
		if(show)
		{
			$('imgAlpha').style.visibility = "hidden";
			$('imgPreloader').style.visibility = "visible";
		}
		else
		{
			$('imgAlpha').style.visibility = "visible";
			$('imgPreloader').style.visibility = "hidden";
		}
	}
}

function preloadImg(id)
{
	if(lastImg != o[id].img)
	{
		$('imgAlpha').empty();
		if(Browser.Engine.trident)
		{
                    img = new Element('img', {
                        'id': 'heartViewImgSrc',
                        'src': o[id].img,
                        'width': '180',
                        'height': '240',
                        'alt': '',
                        'events': {
                            'load': function(){
                                showPreloader(false);
                            }
                        }
                    });
                    showPreloader(true);
                    img.inject($('imgAlpha'));
                    lastImg = o[id].img;
		}
		else
		{
			img = new Element('img', {
                'id': 'heartViewImgSrc',
                'src': o[id].img,
                'width': '180',
                'height': '240',
                'alt': '',
                'events': {
                    'load': function(){
                        showPreloader(false);
                    }
                }
            });

			showPreloader(true);
			img.inject($('imgAlpha'));
			lastImg = o[id].img;
		}

	}
}

function deAttachPreview()
{
	var b = $$('div.heartBox', 'div.heartBox2');
	b.each(function(item, index){
//        item.onmouseout = function(){};
	});
}

heartViewImg.onmouseover = function()
{
	isViewPreview = 1;
	deAttachPreview();
};
heartViewImg.onmouseout = function()
{
	setTimeout(function()
	{
		isViewPreview = 0;
	}, 100);
};
function viewImage(id)
{
	preloadImg(id);
	$('heartViewPhotoInfoNum').innerHTML = o[id].num;
	if(o[id].phurl) {
            $('heartViewPhotoInfoAuthor').removeClass('h');
	    $('heartViewPhotoInfoAuthor').getElementsByTagName('a')[0].innerHTML = o[id].author;
	    $('heartViewPhotoInfoAuthor').getElementsByTagName('a')[0].href = o[id].phurl;
	} else {
            $('heartViewPhotoInfoAuthor').addClass('h');
            $('heartViewPhotoInfoAuthor').getElementsByTagName('a')[0].innerHTML = '';
	    $('heartViewPhotoInfoAuthor').getElementsByTagName('a')[0].href = '#';
        }
	$('heartViewPhotoInfoUser').getElementsByTagName('a')[0].innerHTML = o[id].user;
	$('heartViewPhotoInfoUser').getElementsByTagName('a')[0].href = o[id].url;
	$('heartViewPhotoInfoLink').href = o[id].url;
	heartViewImg.inject($(id));
	heartViewImg.setStyle('display', 'block');
}

function createLineHeart(type)
{
  var a = Array();
    a[1] = [
            [0,0,0,1,1,1,1,1,0,0,0,1,1,1,1,1,0,0,0],
            [0,0,1,1,1,1,1,1,1,0,1,1,1,1,1,1,1,0,0],
            [0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0],
            [0,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,0],
            [1,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],
            [1,1,0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,1,1],
            [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],
            [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],
            [1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1],
            [0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0],
            [0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0],
            [0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0],
            [0,0,0,1,1,1,1,1,1,1,1,1,1,1,1,1,0,0,0],
            [0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0,0],
            [0,0,0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0,0],
            [0,0,0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0,0],
            [0,0,0,0,0,0,0,1,1,1,1,1,0,0,0,0,0,0,0],
            [0,0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0,0],
            [0,0,0,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0,0]
  ];
a[2] = [
	[0,1,1,1,0,1,1,1,0],
	[1,0,0,0,1,1,1,1,1],
	[1,0,0,0,1,1,1,1,1],
	[1,1,1,1,1,1,1,1,1],
	[1,1,1,1,1,1,1,1,1],
	[0,1,1,1,1,1,1,1,0],
	[0,0,1,1,1,1,1,0,0],
	[0,0,0,1,1,1,0,0,0],
	[0,0,0,0,1,0,0,0,0]
];
a[3] = [
	[0,1,0,0,0,1,0],
	[1,1,1,0,1,1,1],
	[1,0,0,0,1,1,1],
	[1,0,0,0,1,1,1],
	[0,1,1,1,1,1,0],
	[0,0,1,1,1,0,0],
	[0,0,0,1,0,0,0]
];
a[4] = [
	[0,0,0,1,1,1,1,1,1],
	[0,0,0,1,1,1,1,1,1]
];
    var root = document.getElementById("heartMain");
    var addClassAlpha = "";
    var aLength = a[type].length;
    var wh = 80;
    if(aLength > 9)
    {
        addClassAlpha = "2";
        wh = 40;
    }
    var idCount = aT.length-1;
    for(var i = 0; i < aLength; i++)
    {
			var heartStripe2 = document.createElement('div');
			heartStripe2.id = "heartStripe_" + i;
			heartStripe2.className = "heartStripe" + addClassAlpha;
			root.appendChild(heartStripe2);
			for(var i2 = 0; i2 < a[type][i].length; i2++)
			{
				var heartBox2 = document.createElement('div');
				heartBox2.className = "heartBox" + addClassAlpha;
				heartStripe2.appendChild(heartBox2);

				// create img
				if(a[type][i][i2] == 1 && idCount>=0)
				{
				    var nevesta = aT.pop();
				    var link = document.createElement('a');
				    link.href = nevesta.url;
                                    var img = document.createElement('img');
                                    img.src = nevesta.img_s;
                                    img.width = wh;
                                    img.height = wh;
                                    link.appendChild(img);
                                    heartBox2.appendChild(link);
                                    heartBox2.id = idCount--;

                                    heartBox2.onmouseover = function()
                                    {
                                                if(this.id) viewImage(this.id);
                                    };
                                    heartBox2.onmouseout = function()
                                    {
//                                            if(isViewPreview == 0)
//                                            {
                                                heartViewImg.setStyle('display', 'none');
//                                            }
                                    };
				}
			}

        }
}