//var count = 6;
var index = 0;
var enableNextButton = false;
var enablePrevButton = false;
var enableButtons = true;

var CardPreview_URL;
var CardPreview_Images;

function initCardStrip() {

	    CardPreview_URL = CardPreview_Base + "/album/CardStripHandler.ashx";
	    CardPreview_Images = CardPreview_Base + "/images/album/card_preview/";
    	
	    if (CardPreview_Section == "projects")
		    showMyFavorites();
	    else
	        showAllCards();
	    
	
}

function setCardPreviewImages() {

    var ratio = 158 / 225; //this ratio came from original flash preview swf
    
    var cardHeight = 450;
    var cardWidth = Math.round(cardHeight * ratio);
    var imagesFrontUrl = BaseCardImageUrl + "?aID=" + appContextID + "&rpID=" + retailerProductID + "&cmd=12&h=" + cardHeight + "&w=" + cardWidth + "&pagenum=";
    
    var cardHeight = 450;
    var cardWidth = Math.round(cardHeight * ratio * 2);
    var imagesInsideUrl = BaseCardImageUrl + "?aID=" + appContextID + "&rpID=" + retailerProductID + "&cmd=12&h=" + cardHeight + "&w=" + cardWidth + "&pagenum=";

    var frontURL = imagesFrontUrl + "1" + '&r=' + Math.floor(Math.random() * 1000);
    var insideURL = imagesInsideUrl + "2" + '&r=' + Math.floor(Math.random() * 1000);

    var cardImageFront = new Image();
    cardImageFront.src = frontURL;

    var cardImageInside = new Image();
    cardImageInside.src = insideURL;

    $("#cardFrontImage").attr("src", frontURL);
    $("#cardInsideImage").attr("src", insideURL);    
}

function initCardPreviewImages() {

    setCardPreviewImages();

    setCardVerse('front', retailerProductID);
}

function setCardVerse(cardTextPage, rpid) {

    var textUrl = CardPreview_Base + '/album/cardVerseHandler.ashx?cardPage=preview&rp=' + rpid + '&cardTextPage=' + cardTextPage;
    
    var ajax = new Ajax.Updater('cardDefaultText', textUrl,
		{
		    method: 'get',
		    onComplete: function(transport) {

		    //if ($('cardDefaultText').innerHTML.length == 0) 
	        //    {
	        //        $('cardDefaultText').style.display = 'none';
	        //    }
		    }
		        
		});

}

function PreloadImages() {

    var i1 = new Image();
    i1 = cardFrontImage;

    var i2 = new Image();
    i1 = cardInsideLeftImage;

    var i3 = new Image();
    i1 = cardInsideRightImage;
}

function nextCards()
{
	if (enableButtons && enableNextButton)
	{
		index += count;
		updateCardStrip();
	}
}

function prevCards()
{
	if (enableButtons && enablePrevButton)
	{
		index -= count;
		updateCardStrip();
        }
	
        if ($("#divYouMayAlsoLike")[0]) {
            var divYouMayAlsoLike = $("#divYouMayAlsoLike")[0];
        }

        if ($("#divYouFavourite")[0]) {
            var divYouFavourite = $("#divYouFavourite")[0];
        }	
}


function showAllCards() {

    $("#img_button_all").attr("src", CardPreview_Images + "btn_all_cards_on.gif");
    
    $("#img_button_favorites").attr("src", CardPreview_Images + "btn_my_favourites.gif");
    
    $("#divYouMayAlsoLike").attr("class","scroll_tab_on");
    $("#divYouFavourite").attr("class","scroll_tab");
	
	CardPreview_Section = "cards";
	index = 0;
	updateCardStrip();
}
function showMyFavorites() {

   $("#img_button_all").attr("src", CardPreview_Images + "btn_all_cards.gif");
    	
	$("#img_button_favorites").attr("src", CardPreview_Images + "btn_my_favourites_on.gif");
    
    $("#divYouMayAlsoLike").attr("class", "scroll_tab");
    $("#divYouFavourite").attr("class", "scroll_tab_on");
	CardPreview_Section = "projects";
	index = 0;
	updateCardStrip();
}

function GetCardImageByRetailerProductIdAndPageNumber(divId, pageNum) 
{
    var cardImageUrl = CardImageServer_URL + '?aid=' + AppContextId + '&rpid=' + RetProductId + '&w=' + CardPreviewWidth + '&cmd=12' + '&pagenum=' + pageNum + '&r=' + Math.floor(Math.random() * 1000);
    
    var ajax = new Ajax.Updater({ success: divId }, cardImageUrl,
		{
		    method: 'get',
		    onComplete: function(transport) {

		    }
		});
}

function updateCardStrip()
{
	enableButtons = false;
	var cardStripUrl = CardPreview_URL + '?q=' + CardPreview_Query + '&i=' + index + '&count=' + count + '&cmd=' + CardPreview_Section + '&uid=' + CardPreview_UID + '&r=' + Math.floor(Math.random()*1000);
	$("#card_preview_thumbs").load(
        cardStripUrl,
        function(transport) {
            $("#prev_button").toggle((enablePrevButton = $("#enable_prev_button").val()) == "True");
            $("#next_button").toggle((enableNextButton = $("#enable_next_button").val()) == "True");
            enableButtons = true;
        }
    );
}
// update the preview image before showing the preview
function SetVerse(rpid)
{
    $("#preview_txt").load(
        CardPreview_Base + '/album/cardVerseHandler.ashx?cardPage=preview&rp=' + rpid,
        function(transport) {
            if ($('#preview_txt').html().length == 0) {
                $('#preview_txt').hide();
            }
        }
    );
}
// update the preview image before showing the preview
function GetFeatures(rpid)
{
    $("#features_txt").load(
        CardPreview_Base + '/album/cardFeaturesHandler.ashx?rp=' + rpid,
        function(transport) {
            if ($('#features_txt').html().length == 0) {
                $('features_txt').hide();
            }
        }
    );
}

function SelectCardFrontView() {

    $("#imgCardFront").attr("src", CardPreview_Base + "/images/builder/tab_front_view_on.gif");
    $("#imgCardInside").attr("src", CardPreview_Base + "/images/builder/tab_inside_view.gif");
    $("#cardPlaceHolderFront").show();
    $("#cardPlaceHolderInside").hide();
    setCardVerse('front', retailerProductID);
    $("#cardTextOrientation").html("<strong>front</strong>");
    setCardPreviewImages();
}

function SelectCardInsideView() {

    $("#imgCardFront").attr("src", CardPreview_Base + "/images/builder/tab_front_view.gif");
    $("#imgCardInside").attr("src", CardPreview_Base + "/images/builder/tab_inside_view_on.gif");
    $("#cardPlaceHolderFront").hide();
    $("#cardPlaceHolderInside").show();
    setCardVerse('inside', retailerProductID);
    $("#cardTextOrientation").html("<strong>"+cardTextOrientationText+"</strong>");
    setCardPreviewImages();
}

function __doPostBack(eventTarget, eventArgument) {
	var theform;
	if (window.navigator.appName.toLowerCase().indexOf("microsoft") > -1) {
		theform = document.previewForm;
	}
	else {
		theform = document.forms["previewForm"];
	}
	theform.__EVENTTARGET.value = eventTarget.split("$").join(":");
	theform.__EVENTARGUMENT.value = eventArgument;
	theform.submit();
}