$(document).ready(function() {

    $(".water").focus(function() {
        if ($(this).val() == this.defaultValue) {
            $(this).val("");
        }
    });

    $(".water").blur(function() {
        if ($.trim($(this).val()) == "") {
            $(this).val(this.defaultValue);
        }
    });

//    $("#selectOurImagesPopUp").click(function() {
//        showOverlay("overlayLayer");
//        initPopUp("selectOurImagesPopUpContainer");
//        
//        return false;
//    });   

//    $("#privacyPolicyPopUp").click(function() {
//        showOverlay("overlayLayer");
//        initPopUp("smallPopUpContainer");
//        
//        return false;
//    });

//    $("#overlayLayer").live("click", function() {
//        hidePopUp(".lightBoxContainer");
//        hideOverlay("overlayLayer");
//        
//        return false;
//    });

//    $(".closeBtn").click(function() {
//        var parentID = $(this).parents('.lightBoxContainer').attr('id');
//        hidePopUp("#" + parentID);
//        hideOverlay("overlayLayer");

//        return false;
//    });

    //jCarousel Plugin
   
  

});

function textCounter(field, countfield, maxlimit) {
    if (field.value.length > maxlimit) {
        field.value = field.value.substring(0, maxlimit);
        alert('Textarea value can only be ' + maxlimit + ' characters in length.');
        return false;
    }
    else {
        countfield.value = maxlimit - field.value.length;
    }    
    return false;  
}

function showOverlay(id) {
    if (!$("#" + id).length)
    {
        initOverlay(id);
    }

    Center("#"+id);
    $("#" + id).css("opacity", "0.5");
    $("#"+id).fadeIn(500);
}

function hideOverlay(id) {
    $("#" + id).fadeOut(500);
}

function initOverlay(id) {
    var overlayContainer = "<div id='" + id + "'></div>";
    $("body").append(overlayContainer);
}

function showPopUp(id)
{
    $("#" + id).fadeIn(500);
    Center("#" + id);

    /**************************************
    initialize - JCarousel
    **************************************/
    $('#cardCarousel').jcarousel(
    {
        vertical: true,
        scroll: 3
    });
}

function hidePopUp(obj) {
    var objSelector = obj.charAt(0);
    obj = obj.replace(objSelector, "");

    if (objSelector == "#") {
        $("#" + obj).fadeOut(500);
    }

    if (objSelector == ".") {
        $("." + obj).fadeOut(500);
    }
}

function initPopUp(id)
{
    showPopUp(id);
    $(window).resize(function() {
        Center("#"+id);
        Center("#overlayLayer");
    });
    $(window).scroll(function() {
        Center("#" + id);
        Center("#overlayLayer");
    });    
}

function Center(id) {

    var popups = $(id);

    if (popups.css('display') == 'block')
    {
        var windowWidth = $(window).width();
        var windowHeight = $(window).height();
        var scrollLeft = $(window).scrollLeft();
        var scrollTop = $(window).scrollTop();

        var popupWidth = popups.width();
        var popupHeight = popups.height();

        var leftPos = (windowWidth - popupWidth) / 2 + scrollLeft;
        var topPos = (windowHeight - popupHeight) / 2 + scrollTop;

        $(id).css({
            left: leftPos,
            top: topPos
        });
    }
}


/***************************************************************************************
	JCAROUSEL
*******************************************************************************/



//Carousel Tweaking

function mycarousel_initCallback(carousel) {
	
	// Pause autoscrolling if the user moves with the cursor over the clip.
	carousel.clip.hover(function() {
		carousel.stopAuto();
	}, function() {
		carousel.startAuto();
	});
}