﻿function clearTextbox(obj) {
    obj.value = "";
}

//Modal Popup
//  keeps track of the delete button for the row
//  that is going to be removed
var _source;
// keep track of the popup div
var _popup;

function showConfirm(source) {
    this._source = source;
    this._popup = $find('mdlPopup');

    //  find the confirm ModalPopup and show it   
    this._popup.show();
}

function showConfirmTest(source) {
    this._source = source;
    this._popup = $find('mdlPopupTest');

    //  find the confirm ModalPopup and show it   
    this._popup.show();
}

function okClick() {
    //  find the confirm ModalPopup and hide it   
    this._popup.hide();
    //  use the cached button as the postback source
    __doPostBack(this._source.name, '');
}

function cancelClick() {
    //  find the confirm ModalPopup and hide it
    this._popup.hide();
    //  clear the event source
    this._source = null;
    this._popup = null;
}

//Async File Upload
function fillCell(row, cellNumber, text) {
    var cell = row.insertCell(cellNumber);
    cell.innerHTML = text;
    cell.style.borderBottom = cell.style.borderRight = "solid 1px #aaaaff";
}

function addToClientTable(name, text) {
    var table = document.getElementById("<%= clientSide.ClientID %>");
    var row = table.insertRow(0);
    fillCell(row, 0, name);
    fillCell(row, 1, text);
}

function uploadError(sender, args) {
    addToClientTable(args.get_fileName(), "<span style='color:red;'>" + args.get_errorMessage() + "</span>");
}

function uploadComplete(sender, args) {
    var contentType = args.get_contentType();
    var text = args.get_length() + " bytes";
    if (contentType.length > 0) {
        text += ", '" + contentType + "'";
    }
    addToClientTable(args.get_fileName(), text);
    //Update UpdatePanel by Postback when Asyn FileUpload control clicked
    __doPostBack("updPanAll", "");
}

//JQuery Image Rotator
$(document).ready(function () {

    //Show Banner
    $(".main_image .desc").show(); //Show Banner
    $(".main_image .block").animate({ opacity: 0.85 }, 1); //Set Opacity

    //Click and Hover events for thumbnail list
    $(".image_thumb ul li:first").addClass('active');
    $(".image_thumb ul li").click(function () {
        //Set Variables
        var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
        var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
        var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
        var imgDescHeight = $(".main_image").find('.block').height(); //Calculate height of block	

        if ($(this).is(".active")) {  //If it's already active, then...
            return false; // Don't click through
        } else {
            //Animate the Teaser				
            $(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250, function () {
                $(".main_image .block").html(imgDesc).animate({ opacity: 0.85, marginBottom: "0" }, 250);
                $(".main_image img").attr({ src: imgTitle, alt: imgAlt });
            });
        }

        $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
        $(this).addClass('active');  //add class of 'active' on this list only
        return false;

    }).hover(function () {
        $(this).addClass('hover');
    }, function () {
        $(this).removeClass('hover');
    });

    //Toggle Teaser
    $("a.collapse").click(function () {
        $(".main_image .block").slideToggle();
        $("a.collapse").toggleClass("show");
    });

}); //Close Function


