var xmlhttp

function showHint(str)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Your browser does not support XMLHTTP!");
        return;
    }
    var url="gethint.php";
    url=url+"?q="+str;
    url=url+"&sid="+Math.random();
    xmlhttp.onreadystatechange=stateChangedHint;
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
}

function stateChangedHint()
{
    if (xmlhttp.readyState==4)
    {
        document.getElementById("albuns").innerHTML=xmlhttp.responseText;
    }
}

function showHintDDD(str)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Your browser does not support XMLHTTP!");
        return;
    }
    var url="gethintDDD.php";
    url=url+"?q="+str;
    url=url+"&sid="+Math.random();
    xmlhttp.onreadystatechange=stateChangedHintDDD;
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
}

function stateChangedHintDDD()
{
    if (xmlhttp.readyState==4)
    {
        document.getElementById("albunsDDD").innerHTML=xmlhttp.responseText;
    }
}

function showAlbum(Opt, Dir, Img)
{
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
    {
        alert ("Your browser does not support XMLHTTP!");
        return;
    }
    var url="getAlbum.php";
    url=url+"?O="+Opt+"&D="+Dir+"&I="+Img;
    url=url+"&sid="+Math.random();
    xmlhttp.onreadystatechange=stateChangedAlbum;
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
}

function stateChangedAlbum()
{
    if (xmlhttp.readyState==4)
    {
        document.getElementById("main").innerHTML=xmlhttp.responseText;
    }
}

function GetXmlHttpObject()
{
    if (window.XMLHttpRequest)
    {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        return new XMLHttpRequest();
    }
    if (window.ActiveXObject)
    {
        // code for IE6, IE5
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
}

$(document).ready(function() 
{
    var move = 0;
    var zoom = 1.3;

    $('.item').hover(function() 
    {
        width = $('.item').width() * zoom;
        height = $('.item').height() * zoom;

        $(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:300});
        $(this).find('div.caption').stop(false,true).fadeIn(300);
    },
    function() 
    {
        $(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:300});    
        $(this).find('div.caption').stop(false,true).fadeOut(400);
    });
});

function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, mycarousel_itemList.length);
    carousel.add(i, mycarousel_getItemHTML(mycarousel_itemList[idx - 1]));
};

function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
};

function mycarousel_getItemHTML(item)
{
    return '<a href="maispic.php?&Dir=' + item.Dir + '&Img=' + item.Img + '">' + item.Name + 
           '<img src="' + item.url + '" /></a>';
};

jQuery(document).ready(function() 
{
    jQuery('#mycarousel').jcarousel(
    {
        wrap: 'circular',
        start: 1,
        itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback},
        itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback}
    });
});