var interavl = setInterval(updateScreenResolution, 300);
var windowWidthTemp = $(window).width();
var totalImages = 0;
var imageWidthAndPadding = 321;
var moveLeftRight = 0;
var MovingPage = 0;
var PlayStop = true;
var flag = 0;
var ArrImagesName = "";
var ArrCID = "";

var IntervalAutoMoveImage;

function SetIndexImages(ImagesName, ArrCID1 ,  totalImagesFromAccess) {

    ArrImagesName = ImagesName.split(',');
    ArrCID = ArrCID1.split(',');
    totalImages = totalImagesFromAccess;
}

$(document).ready(function() {

    IntervalAutoMoveImage = setInterval(MoveImagesLeftAuto, 3000);

    // var windowHeight = screen.height;
    // var windowWidth = screen.width - 30;

    var windowHeight = $(window).height(); // get window height
    var windowWidth = $(window).width(); // get window width
    var NumberOfImagesToShow = windowWidth / imageWidthAndPadding; // (window width) / (the width of the image + image Padding)


    var StopMovingLeft = NumberOfImagesToShow;
    if (!(is_int(StopMovingLeft)))
        StopMovingLeft++;

    for (var i = 1; i < 15; i++) {
        if (i >= NumberOfImagesToShow - 1) {
            NumberOfImagesToShow = i;
            break;
        }
    }

    if (flag == 0) {
        moveLeftRight = totalImages - NumberOfImagesToShow;
        if (moveLeftRight < 0)
            moveLeftRight = 0;
        flag = 1;
    }

    $('#divMain').css('width', windowWidth).css('windowHeight', windowHeight).show(); //change div Main width dynamic

    //Calculate width and Space Gallery Right And Left//
    $('#divGallerySpaceRightLeft').css('margin', '0 auto 0 0').css('border', 'solid 0px Red').css('width', (NumberOfImagesToShow * imageWidthAndPadding) + "px");

    var galleryHtml = "";

    for (i = totalImages; i > 0; i--) {

        galleryHtml += '<div  style="float:right;padding:0 5px 0 5px;width:311px;"><a href="insideWeb.aspx?cid=' + ArrCID[i - 1] + '"><img id="imageGallery' + (i) + '" src="images/Indexgallery/' + ArrImagesName[i - 1] + '"  border="0"/></a></div>';

        $('#divImages').css('width', (totalImages * imageWidthAndPadding) + "px").html(galleryHtml);
    }
});



function MoveImagesLeftAuto() {
    if (PlayStop == false)
        return;
    if (MovingPage == moveLeftRight) {
        clearInterval(IntervalAutoMoveImage);
        return;
    }
    PlayStop = false;
    MovingPage++;

    $('#divImages').animate({
        opacity: 1.0,
        left: '-=' + imageWidthAndPadding,
        height: '-=0',
        width: '-=0'

    }, 1000, function() {
        PlayStop = true;
    });
}

function MoveImagesLeft() {
    clearInterval(IntervalAutoMoveImage);
    if (PlayStop == false)
        return;
    if (MovingPage == moveLeftRight)
        return;
    PlayStop = false;
    MovingPage++;

    $('#divImages').animate({
        opacity: 1.0,
        left: '-=' + imageWidthAndPadding,
        height: '-=0',
        width: '-=0'

    }, 1000, function() {
        PlayStop = true;
    });
}
function MoveImagesRight() {
    clearInterval(IntervalAutoMoveImage);
    if (PlayStop == false)
        return;
    if (MovingPage == 0)
        return;
    PlayStop = false;
    MovingPage--;

    $('#divImages').animate({
        opacity: 1.0,
        left: '+=' + imageWidthAndPadding,
        height: '-=0',
        width: '-=0'

    }, 1000, function() {
        PlayStop = true;
    });
}


function updateScreenResolution() {

    if (windowWidthTemp == $(window).width()) {
        return;
    }

    windowWidthTemp = $(window).width(); //save new  windowWidthTemp

    var windowHeight = $(window).height(); // get window height
    var windowWidth = $(window).width(); // get window width



    var NumberOfImagesToShow = windowWidth / imageWidthAndPadding; // (window width) / (the width of the image + image Padding)

    var StopMovingLeft = NumberOfImagesToShow;
    if (!(is_int(StopMovingLeft)))
        StopMovingLeft++;

    for (var i = 1; i < 15; i++) {
        if (i >= NumberOfImagesToShow - 1) {
            NumberOfImagesToShow = i;
            break;
        }
    }

    $('#divMain').css('width', windowWidth).css('windowHeight', windowHeight).show(); //change div Main width dynamic

    //Calculate width and Space Gallery Right And Left//
    $('#divGallerySpaceRightLeft').css('margin', '0 auto 0 0').css('border', 'solid 0px Red').css('width', (NumberOfImagesToShow * imageWidthAndPadding) + "px");

    var galleryHtml = "";

    for (i = totalImages; i > 0; i--) {
        galleryHtml += '<div  style="float:right;padding:0 5px 0 5px;width:311px;"><img src="images/Indexgallery/' + ArrImagesName[i - 1] + '" /></div>';

        $('#divImages').css('width', (totalImages * imageWidthAndPadding) + "px").html(galleryHtml);
    }
}

function is_int(value) {
    if ((parseFloat(value) == parseInt(value)) && !isNaN(parseInt(value))) {
        return true;
    } else {
        return false;
    }


}
function TurnOnLink() {
    $('#linkShowHideContactUs').attr('href', 'javascript:ShowHideContactUs();');
}
function TurnOffLink() {
    $('#linkShowHideContactUs').attr('href', 'javascript:void(0);');
}
var ContactusFlag = 0;
function ShowHideContactUs() {
    if (ContactusFlag == 0) {
        $('#divContactUsOpen').slideDown(500).show();
        TurnOffLink();
        setTimeout(TurnOnLink, 500);
        ContactusFlag = 1;
    }
    else {
        $('#divContactUsOpen').slideUp(500);
        TurnOffLink();
        setTimeout(TurnOnLink, 500);
        ContactusFlag = 0;
    }
}