function ShowChicklets(MyStockNum){

    var ImageDiv = document.getElementById("largeImage");

    var ChickletHtml = '<div class="previewShapeContainer"><div class="previewShape b f14">'
        + '<div class="previewShapeTitle">Click to Preview:</div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_round_{StockNum}" src="/images/chicklets/chicklet_round_off.gif" onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'round4\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'round4\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'round4\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_princess_{StockNum}" src="/images/chicklets/chicklet_princess_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'princess\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'princess\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'princess\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_emerald_{StockNum}" src="/images/chicklets/chicklet_emerald_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'emerald\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'emerald\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'emerald\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_cushion_{StockNum}" src="/images/chicklets/chicklet_cushion_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'cushion\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'cushion\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'cushion\' );"></div>';

		ChickletHtml += '<div class="previewShapeChicklet"><img id="chicklet-template_radiant_{StockNum}" src="/images/chicklets/chicklet_radiant_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'radiant\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'radiant\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'radiant\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_oval_{StockNum}" src="/images/chicklets/chicklet_oval_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'oval\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'oval\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'oval\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_pear_{StockNum}" src="/images/chicklets/chicklet_pear_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'pear\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'pear\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'pear\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_marquise_{StockNum}" src="/images/chicklets/chicklet_marquise_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'marquise\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'marquise\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'marquise\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_heart_{StockNum}" src="/images/chicklets/chicklet_heart_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'heart\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'heart\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'heart\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_asscher_{StockNum}" src="/images/chicklets/chicklet_asscher_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'asscher\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'asscher\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'asscher\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_trillian_{StockNum}" src="/images/chicklets/chicklet_trillian_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'trillian\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'trillian\' );" onclick="javascript:replaceChickletImage(this,\'{StockNum}\',\'trillian\' );"></div>'
    

    ChickletHtml += '<div class="spacer"><img src="/images/10x10.gif" width="1" height="1" alt="Spacer Image"/></div></div></div>';
    ChickletHtml = ChickletHtml.replace( /{StockNum}/g, MyStockNum );
    ImageDiv.innerHTML = ChickletHtml;

}

function HideChicklets(){

    var ImageDiv = document.getElementById("largeImage");

    if (ImageDiv.innerHTML != ""){
        ImageDiv.innerHTML = "";

    }
}

function replaceChickletImage( currObj, currStockNum, currShape )
{
    SubmitClickEvent( "chicklet_" + currShape );
    clearChickletImages(currStockNum);
    var newSrc = currObj.src;
    
    if( newSrc.indexOf( "_off" ) != -1 ) {
        newSrc = newSrc.replace( "_off", "_on" );
        var newImage = "/images/upload/" + currStockNum + "_eringinfo_full_" + currShape + ".jpg";
        swapPreviewImage( currStockNum, newImage );
    }
    else {
        newSrc.replace( "_on", "_off" );
    }        
    currObj.src = newSrc;
}

function clearChickletImages( currStockNum )
{

    var chickletImages = new Array();
    chickletImages[0] = "chicklet-template_round";
    chickletImages[1] = "chicklet-template_princess";
    chickletImages[2] = "chicklet-template_emerald";
    chickletImages[3] = "chicklet-template_radiant";
    chickletImages[4] = "chicklet-template_oval";
    chickletImages[5] = "chicklet-template_pear";
    chickletImages[6] = "chicklet-template_marquise";
    chickletImages[7] = "chicklet-template_heart";
    chickletImages[8] = "chicklet-template_asscher";
    chickletImages[9] = "chicklet-template_cushion";
    chickletImages[10] = "chicklet-template_trillian";
    for( i = 0; i < chickletImages.length; i++ ) 
    {
		var ChickletImage = chickletImages[i].replace( /-template/g, '' );


        var currId = chickletImages[i] + "_" + currStockNum;
        var currSrc = "/images/chicklets/" + ChickletImage + "_off.gif";
        if( document.getElementById( currId ) ) {
            document.getElementById( currId ).src = currSrc;                  
        }            
    }
}




function showExpandedShapeChicklet( currObj, shapeName )
{
    var currLeft = getElementLeft( currObj );
    var currTop = getElementTop( currObj );
    // Adjust to correct location
    currTop -= 54;
    document.getElementById( "chicklet_hover_" + shapeName ).style.left = currLeft + "px";
    document.getElementById( "chicklet_hover_" + shapeName ).style.top = currTop + "px";
    document.getElementById( "chicklet_hover_" + shapeName ).style.visibility = "visible";
}

function hideExpandedShapeChicklet( currObj, shapeName )
{
    document.getElementById( "chicklet_hover_" + shapeName ).style.left = "-400px";
    document.getElementById( "chicklet_hover_" + shapeName ).style.top = "-400px";
    document.getElementById( "chicklet_hover_" + shapeName ).style.visibility = "hidden";
}

function swapPreviewImage( currStockNum, newImage )
{
    document.getElementById( "largeImage" ).style.background = "#fff url(" + newImage + ") no-repeat center center";
}


function ShowRelatedBandLink(StockNum){
    
	var ImageDiv = document.getElementById("largeImage");


	BandHtml = '<div style=\'padding-top:370px;padding-left:140px;\'><div style=\'width:300px;height:20px;\'><div style=\'float:right;\'>Related Wedding Band:&nbsp;<a href=\'/database/NewEngagementInfo.asp?stock={mystocknum}\'>{mystocknum}</a></div></div></div>';
   
	BandHtml = BandHtml.replace( /{mystocknum}/g, StockNum );

    ImageDiv.innerHTML = BandHtml;
}


function ShowLargeImage( currImageUrl, currImageType, StockNum, ShowInRb, CategoryId ) 
{

	//document.getElementById( "largeImage" ).src = currImage;
	SubmitClickEvent( currImageType );
    document.getElementById( "largeImage" ).style.background='url(' + currImageUrl + ') center center no-repeat';

    var IsWeddingBand = false;

    
    //if (currImageType == "popup1_large" && StockNum.indexOf('WBL') == -1 && StockNum.indexOf('WBM') == -1){
    if (currImageType == "popup1_large" && ( ShowInRb == "1" || PresetStockNum != "" ) ){
        ShowChicklets(StockNum);
    }
    else if (currImageType == "popup1_large_band" || currImageType == "popup2_large_band" || currImageType == "popup3_large_band" || currImageType == "popup4_large_band"){
         HideChicklets();//hide first, because it erases inner html, then we put in the link
        ShowRelatedBandLink(StockNum);
       
    }
    else{
        HideChicklets(); // this clears the inner html
        
    }
    
}

function View3dMovie( currStock )
{
    var agt = navigator.userAgent.toLowerCase();
    var is_win = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );
    var viewerWin = null;
    viewerWin = NewWindow( '/database/3dRingViewer.asp?stock=' + currStock, 'viewerWin', '680', '620', 'no' );
}


function Build3dMovieLink(){


    var StockNumber = document.getElementById("StockNumber");

    View3dMovie(StockNumber.value);

}


function LoadTabLinks()
{
	SetTabLinksNew("Tab1");
	SetTabLinksNew("Tab2");
	SetTabLinksNew("Tab3");
}

function OpenSpamWin()
{
    document.getElementById("weHateSpam").style.visibility = "visible";
    document.getElementById("spamDivLink").blur();
}
function OpenCutGradeExplanationWin()
{
    document.getElementById("CutGradeExplanation").style.visibility = "visible";
    document.getElementById("CutGradeExplanationLink").blur();
}

function CloseSpamWin()
{
    document.getElementById("weHateSpam").style.visibility = "hidden";
}
function CloseCutGradeExplanationWin()
{
    document.getElementById("CutGradeExplanation").style.visibility = "hidden";
}
function ShowChickletsPresets(MyStockNum, MyShape){
    var ImageDiv = document.getElementById("largeImage");
	//alert("doing Show Chicklets presets, stock is " + MyStockNum + ", Shape is " + MyShape);

    var ChickletHtml = '<div class="previewShapeContainer"><div class="previewShape b f14">'
        + '<div class="previewShapeTitle">Click to Preview:</div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_round_{StockNum}" src="/images/chicklets/chicklet_round_off.gif" onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'round4\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'round4\' );" onclick="javascript:replaceChickletImagePresets(this,\'{StockNum}\',\'round4\' );"></div>'
        + '<div class="previewShapeChicklet"><img id="chicklet-template_princess_{StockNum}" src="/images/chicklets/chicklet_princess_off.gif"onmouseover="style.cursor=\'pointer\';showExpandedShapeChicklet(this,\'princess\' );"  onmouseout="javascript:hideExpandedShapeChicklet(this,\'princess\' );" onclick="javascript:replaceChickletImagePresets(this,\'{StockNum}\',\'princess\' );"></div>';
  
	ChickletHtml += '<div class="spacer"><img src="/images/10x10.gif" width="1" height="1" alt="Spacer Image"/></div></div></div>';
    ChickletHtml = ChickletHtml.replace( /{StockNum}/g, MyStockNum );
    ImageDiv.innerHTML = ChickletHtml;

	var MyField = "chicklet-template_" + MyShape + "_" + MyStockNum;
	//alert("field is [" + MyField + "]");
	var MyDefaultField = document.getElementById(MyField);


	//replaceChickletImagePresets(MyDefaultField,MyStockNum,MyShape );

}
function replaceChickletImagePresets( currObj, currStockNum, currShape )
{
	//alert("replaceChickletImagePresets() - [" + currObj + "] , [" + currStockNum + "] , [" + currShape + "]");
	currCarat = document.getElementById("CenterStonesCarat").value;
	SubmitClickEvent( "chicklet_" + currShape );
	if (currCarat == "0.5"){
		currCarat = "0.50";
	}
	if (currCarat == "1"){
		currCarat = "1.00";
	}


    clearChickletImages(currStockNum);
    var newSrc = currObj.src;
    
    if( newSrc.indexOf( "_off" ) != -1 ) {
        newSrc = newSrc.replace( "_off", "_on" );
        //var newImage = "/images/upload/" + currStockNum + "_eringinfo_full_" + currShape + ".jpg";
		var newImage = "/images/upload/chicklets/presets/" + currStockNum + "/" + currShape + "-" + currCarat + ".jpg";
		swapPreviewImage( currStockNum, newImage );
    }
    else {
        newSrc.replace( "_on", "_off" );
    }        
    currObj.src = newSrc;
}