function getQueryVariable(variable) {
    var query = window.location.search.substring(1);
    var vars = query.split("&");
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split("=");
        if (pair[0] == variable) {
            return pair[1];
        }
    }
}

function wOpen(name, src) {
    window.open(src + "&close=yes", name, "width=700, height=700, scrollbars=yes, toolbar=yes");
}

function fillsrch() {
    if (getQueryVariable('srch') && getQueryVariable('srch') != "")
        document.getElementById('srch1').value = getQueryVariable('srch');
}

function srchEnt() {
    if (event.keyCode == 13) {
        srch();
        return false;
    }
}

function srch() {
    if (document.getElementById('srch1').value.indexOf("Pretr") < 0)
        location.href = "Default.aspx?srch=" + document.getElementById('srch1').value;
}

function load() {
    if (document.all)
        Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);

    $(document).pngFix();

    $("#anketa").corner("5px");
    $("#menu").corner("5px");
    $(".mi").corner("5px");
    $(".misel").corner("5px");
    $("#wrapper_b").corner("bottom 5px");
    $("#main_center").corner("bottm 5px");
    $(".more a").corner("5px");
    $(".vazno .head").corner("top 5px");
    $(".vazno").corner("5px");
    $(".breadcrumbs").corner("top 5px");
    $(".GalleryThumbs").corner("5px");

    $(".btnRed").corner("5px");

}

function EndRequestHandler() {
    //if(window.location.search.substring(1) != "")
    //	top.location.hash = 'atop';
}

function select(id) {
    if (document.getElementById(id))
        document.getElementById(id).className = "misel";
}


function startGallery() {

    try {

        //Set the opacity of all images to 0
        $('#myGallery a').css({ opacity: 0.0 });

        //Get the first image and display it (set it to full opacity)
        $('#myGallery a:first').css({ opacity: 1.0 });

        //Set the caption background to semi-transparent
        $('#myGallery .caption').css({ opacity: 0.5 });

        //Resize the width of the caption according to the image width
        $('#myGallery .caption').css({ width: $('#myGallery a').find('img').css('width') });

        //Get the caption of the first image from REL attribute and display it
        $('#myGallery .content').html($('#myGallery a:first').find('img').attr('rel'))
            .animate({ opacity: 1.0 }, 400);

        //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds  
        setInterval('gallery()', 6000);
    }
    catch (ex) {
    }
}

function gallery() {

    //if no IMGs have the show class, grab the first image
    var current = ($('#myGallery a.show') ? $('#myGallery a.show') : $('#myGallery a:first'));

    //Get next image, if it reached the end of the slideshow, rotate it back to the first image
    var next = ((current.next().length) ? ((current.next().hasClass('caption')) ? $('#myGallery a:first') : current.next()) : $('#myGallery a:first'));

    //Get next image caption  
    var caption = next.find('img').attr('rel');

    //Set the fade in effect for the next image, show class has higher z-index  
    next.css({ opacity: 0.0 })
    .addClass('show')
    .animate({ opacity: 1.0 }, 1000);

    //Hide the current image  
    current.animate({ opacity: 0.0 }, 1000)
    .removeClass('show');

    //Set the opacity to 0 and height to 1px
    $('#myGallery .caption').animate({ opacity: 0.0 }, { queue: false, duration: 0 }).animate({ height: '1px' }, { queue: true, duration: 300 });

    //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
    $('#myGallery .caption').animate({ opacity: 0.5 }, 100).animate({ height: '30px' }, 500);

    //Display the content
    $('#myGallery .content').html(caption);

}