<!--
var DEBUG = false;

var BROWSER_IE4 = "IE4"
var BROWSER_NN4 = "NN4"
var BROWSER_IE = "IE"
var BROWSER_SAF = "SAF"
var BROWSER_VER;
BROWSER_VER = checkBrowser()

var braceletsPrice = 0;
var scurcharm='';
var sCurSmallImageName='';
var scurr='Ł'
var asel = new Array(50)
var sCurSelPFID='';
var sprevselectedcharm='';
var sprevselectedindex = '';
var sCurSkuName='';
InitArr();

var sCurSKU = '';
var lCurPrice = 0;

asel[0][0]='BYO_CHARMS'
asel[0][1]=50

function getMyHTMLElement(sid)
{
        var oelement;
        if(BROWSER_VER==BROWSER_IE4)
                oelement = document.all[sid]
        else if(BROWSER_VER==BROWSER_NN4)
                oelement = document.layers[sid]
        else if(BROWSER_VER==BROWSER_IE)
                oelement = document.getElementById(sid)
        else
                oelement = document.getElementById(sid)
        return(oelement)
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


        //LoadCharms()

        function InitArr()
        {
                var i=0;
                for(i=0;i<=asel.length-1;i++) {asel[i] = new Array(3);asel[i][0]='';asel[i][1]=0.0;asel[i][2]='';}
        }

        function processcharm(selindex)
        {
          selindex = '' + selindex;
          // alert(selindex);
          if ( selindex.substr(0, 10) == 'imgcharms_' ) selindex = selindex.substr(10);
          if ( DEBUG ) alert('processcharm('+selindex+')');
          if ( selindex < 0 ) return;

          var sselectedcharm = 'imgcharms_' + selindex;

                sprevselectedcharm = sselectedcharm
                sprevselectedindex = selindex
                if ( DEBUG ) alert(selindex + ' - ' + asel[selindex][0] + ' - ' + sCurSKU + ' - ' + sselectedcharm)
                if (sCurSKU=='' && asel[selindex][0]=='' ) {alert('Please select a charm');return;}
                if (sCurSKU=='' ) {return;}
                oimg = getMyHTMLElement(sselectedcharm);
                if ( DEBUG ) alert( 'oimg:'+oimg );
                if ( oimg )
                {
                  //oimg.src = 'images/' + sCurSmallImageName
                  oimg.src = sCurSmallImageName
                  if ( DEBUG ) alert( oimg.src );
                  oimg.title=sCurSkuName + ' ' + formatCurrency(lCurPrice,scurr);
                  if ( DEBUG ) alert( oimg.title );
                  if ( DEBUG ) alert( 'fixPNG' );
                  fixPNG(oimg);

                  asel[selindex][0] = sCurSKU
                  asel[selindex][1] = lCurPrice
                  asel[selindex][2] = sCurSelPFID

  								selectcharm('', '', '', '', '', '');

                  calculate_total()
                }
        }

function get_next_empty_charm( )
{
  for(
  		i=1, no_charms = document.cart_quantity.no_of_charms.options[document.cart_quantity.no_of_charms.selectedIndex].value;
  		i<=no_charms;
  		i++)
  {
    var oimg = getMyHTMLElement('imgcharms_' + i);
    if ( oimg && asel[i][0] == '' )
      return i;
  }

  return -1;
}

function randomizecharms( )
{
  tb_show(null, '#TB_inline?modal=true&amp;height=100&amp;inlineId=hidden_random_text', false);
  randomcharms();
}

function randomcharms( )
{
  // Is Full?
  if ( DEBUG ) alert( 'Is Full?' );
  if ( get_next_empty_charm() == -1 )
  {
    if ( DEBUG ) alert( 'yep' );
    var el = $("#TB_load");
    if ( el )
    {
      if ( DEBUG ) alert( 'removing' );
      tb_remove();
    }

    return false;
  }
  else
  {
    if ( DEBUG ) alert( 'nope' );
    new Ajax.Request(
      'charm_give_random.php',
      {
        method: 'get',
        onSuccess: function(transport)
        {
          var a = transport.responseText.split('||');
          if ( DEBUG ) alert( 'onSuccess: ' + transport.responseText + ' (length: ' + a.length + ')' );
          if ( a.length == 3 )
          {
            if ( DEBUG ) alert( 'selectcharm()' );

  					selectcharm('', a[1], '', a[0], a[2], '');

            // if ( DEBUG ) alert( 'processcharm('+get_next_empty_charm()+')' );
            processcharm( get_next_empty_charm() );
          }

          if ( DEBUG ) alert( 'randomcharms()' );
          randomcharms();
        },
        onFailure: function(transport)
        {
          if ( DEBUG ) alert( 'onFailure: ' + transport.responseText );
          randomcharms();
        }
      }
    );

    return true;
  }
}

function dump_bracelet_info( )
{
  var txt = 
    'scurcharm: ' + scurcharm + '\n' +
    'sCurSmallImageName: ' + sCurSmallImageName + '\n' +
    'scurr: ' + scurr + '\n' + 
    'sCurSelPFID: ' + sCurSelPFID + '\n' +
    'sprevselectedcharm: ' + sprevselectedcharm + '\n' +
    'sprevselectedindex: ' + sprevselectedindex + '\n' +
    'sCurSkuName: ' + sCurSkuName + '\n\n';

  for(
  		i=1, no_charms = document.cart_quantity.no_of_charms.options[document.cart_quantity.no_of_charms.selectedIndex].value;
  		i<=no_charms;
  		i++)
  {
    txt +=
      'asel['+i+'] = {\'' + asel[i][0] + '\', \'' + asel[i][1] + '\', \'' + asel[i][2] + '\'};\n';
  }
  
  if ( DEBUG ) alert( txt );
}


        function calculate_total()
        {
                var ltotal = parseFloat(braceletsPrice);

								for(
										i=1, no_charms = document.cart_quantity.no_of_charms.options[document.cart_quantity.no_of_charms.selectedIndex].value;
										i<=no_charms;
										i++
										)
                {
                  ltotal = ltotal + parseFloat(asel[i][1])
                }

                ltotal = doRound(ltotal, 2);

								var assembly_cost = get_assembly_cost();
								var ltotal_inc_assembly = doRound(ltotal + assembly_cost, 2);


                priceDiv = document.getElementById('price_value');
                var txt = "Bracelet " + currencySymbolLeft + ltotal + currencySymbolRight;
                if ( assembly_cost > 0 )
                {
                	txt += " + Assembly " + currencySymbolLeft + assembly_cost + currencySymbolRight;
                	txt += " = " + currencySymbolLeft + ltotal_inc_assembly + currencySymbolRight;
                }
                priceDiv.innerHTML = txt;
                //alert(ltotal);
                //changedivtext('txttotal',formatCurrency(ltotal,scurr),'productForm')
        }

        function clearcharms()
        {
                if(confirm('Are you sure you want to clear your selection?'))
                {
                        for(i=1;i<=asel.length-1;i++)
                        {
                             if(getMyHTMLElement('imgcharms_' + i))
                             {
                                getMyHTMLElement('imgcharms_' + i).src='./images/blank_charm.gif'
                             }
                                asel[i][0]='';asel[i][1]=0.0;asel[i][2]='';
                        }
                        calculate_total()
                }
        }

function removecharm()
{
	if ( DEBUG ) alert('removecharm');
  if (sprevselectedcharm!='')
  {
    if ( DEBUG ) alert(sprevselectedcharm);
    oimg = getMyHTMLElement(sprevselectedcharm);

    if ( oimg )
      oimg.src = './images/blank_charm.gif'

    asel[sprevselectedindex][0] = ''
    asel[sprevselectedindex][1] = 0
    asel[sprevselectedindex][2] = ''
    sprevselectedindex=''
    sprevselectedcharm=''
    calculate_total()
  }
  else
    alert('Please click on the charm to delete')

}

function checkBrowser()
{
  var BROWSER_VER;

	if (document.all && !document.getElementById)
	  BROWSER_VER = BROWSER_IE4
	else if (document.layers)
	  BROWSER_VER = BROWSER_NN4
	else if (document.getElementById)
	  BROWSER_VER = BROWSER_IE
	else
	  BROWSER_VER = BROWSER_IE

	return(BROWSER_VER)
}

function formatCurrency(num,sCur)
{
  num = num.toString().replace(/\$|\,/g,'');
  if(isNaN(num))
  num = "0";
  sign = (num == (num = Math.abs(num)));
  num = Math.floor(num*100+0.50000000001);
  cents = num%100;
  num = Math.floor(num/100).toString();
  if(cents<10)
  cents = "0" + cents;
  for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
  num = num.substring(0,num.length-(4*i+3))+','+
  num.substring(num.length-(4*i+3));
  return (((sign)?'':'-') + sCur + num + '.' + cents);
}


function build_bracelet_string( )
{
	var id = '' + document.cart_quantity.products_id.value + ':';
	for(var i = 1, no_charms = document.cart_quantity.no_of_charms.options[document.cart_quantity.no_of_charms.selectedIndex].value;i <= no_charms; i++ )
	{
		id += i + '.' + asel[i][0] + '|';
	}
	return id;
}

// testing function
function addcharmstobasket()
{
	var sPostValue = ""
	var sValue = ""
	var oform = document.forms['frmcharm']
	for(i=0;i<=asel.length-1;i++)
	{
		lcount = (i + 1).toString()
		sValue = ""
		sSelCharmSku = ""
		if (i==0)
			sValue = "35F58F07-6C4F-45BF-AE88-BB30EB3CFC0A" + "|" + asel[i][2] + "|" + asel[i][0] + "|0|1|" + "0"
		else if (asel[i][0]!='')
		{
			sValue = "35F58F07-6C4F-45BF-AE88-BB30EB3CFC0A" + "|" + asel[i][2] + "|" + asel[i][0] + "|1|1|" + "7"
			//sValue = "35F58F07-6C4F-45BF-AE88-BB30EB3CFC0A" + "|" + asel[i][2] + "|" + 'BYO_CHARMS' + i + "|1|1|" + "7"
			sSelCharmSku = asel[i][0]
		}
		//alert(i)
		//alert(eval('oform.sku' + lcount))
		eval('oform.sku' + lcount).value=sValue
		eval('oform.message' + lcount).value='Location ' + i
		
		//if(sValue!='')
		//        sPostValue = sPostValue + sValue + "&"
	}
	//alert(1)
	oform.submit()
	
}

//-->

        function addCharmstoBasket()
        {
                var sPostValue = ""
                var sValue = ""

                var oform = document.forms['cart_quantity']

                //for(i=1;i<=asel.length-1;i++)
                var charmsNumber = document.cart_quantity.no_of_charms.options[document.cart_quantity.no_of_charms.selectedIndex].value;

                for(i = 1; i <= charmsNumber; i++)
                {
                        lcount = (i + 1).toString()
                        sValue = ""
                        sSelCharmSku = ""
                        if (i==0)
                           sValue = asel[i][0]
                        else if (asel[i][0]!='')
                        {
                           sValue = asel[i][0]
                        }
                                //alert(i)
                        sPostValue = sPostValue + i + '.' + sValue + '|';
                }
                        oform.charms.value = sPostValue;
                        //alert(sPostValue)
                        oform.submit()

        }

function doRound(x, places) {
  return Math.round(x * Math.pow(10, places)) / Math.pow(10, places);
}


function akst_share(key) {
  var form = document.getElementById('akst_form');

  if ( form )
  {
    if ( form.style.display == 'block' )
    {
      form.style.display = 'none';
      return;
    }
    else
    {
    	form.style.display = 'block';
    }
  }
  else
  {
    return;
  }
  
  var link = document.getElementById('akst_link_' + key);
  var offset = Position.cumulativeOffset(link);
  var _url = escape(document.location.protocol + '//' + document.location.host + document.location.pathname ); 
  var title = escape("TheCharmWorks Bracelet Builder");

  document.getElementById("akst_delicious").href      = akst_share_url("http://del.icio.us/post?url={_url}&title={title}", _url, title);
  document.getElementById("akst_digg").href           = akst_share_url("http://digg.com/submit?phase=2&url={_url}&title={title}", _url, title);
  document.getElementById("akst_furl").href           = akst_share_url("http://furl.net/storeIt.jsp?u={_url}&t={title}", _url, title);
  document.getElementById("akst_netscape").href       = akst_share_url("http://www.netscape.com/submit/?U={_url}&T={title}", _url, title);
  document.getElementById("akst_yahoo_myweb").href    = akst_share_url("http://myweb2.search.yahoo.com/myresults/bookmarklet?u={_url}&t={title}", _url, title);
  document.getElementById("akst_stumbleupon").href    = akst_share_url("http://www.stumbleupon.com/submit?url={_url}&title={title}", _url, title);
  document.getElementById("akst_google_bmarks").href  = akst_share_url("http://www.google.com/bookmarks/mark?op=edit&bkmk={_url}&title={title}", _url, title);
  document.getElementById("akst_technorati").href     = akst_share_url("http://www.technorati.com/faves?add={_url}", _url, title);
  document.getElementById("akst_blinklist").href      = akst_share_url("http://blinklist.com/index.php?Action=Blink/addblink.php&Url={_url}&Title={title}", _url, title);
  document.getElementById("akst_newsvine").href       = akst_share_url("http://www.newsvine.com/_wine/save?u={_url}&h={title}", _url, title);
  document.getElementById("akst_magnolia").href       = akst_share_url("http://ma.gnolia.com/bookmarklet/add?url={_url}&title={title}", _url, title);
  document.getElementById("akst_reddit").href         = akst_share_url("http://reddit.com/submit?url={_url}&title={title}", _url, title);
  document.getElementById("akst_windows_live").href   = akst_share_url("https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url={_url}&title={title}&top=1", _url, title);
  document.getElementById("akst_tailrank").href       = akst_share_url("http://tailrank.com/share/?link_href={_url}&title={title}", _url, title);

  form.style.left = offset[0] + 'px';
  form.style.top = (offset[1] + link.offsetHeight + 3) + 'px';
}

function akst_share_url(base, _url, title) {
  base = base.replace('{_url}', _url);
  return base.replace('{title}', title);
}

function akst_share_tab(id) {
	for ( var i = 1; i <= 3; i++ )
	{
		var tab  = document.getElementById('akst_tab' + i);
		var body = document.getElementById('akst_tab_data' + i);

		if ( tab )
			tab.className = i == id ? 'selected' : '';

		if ( body )
			body.style.display = i == id ? 'block' : 'none';
	}
}

function akst_xy(id) {
  var element = $(id);
  var x = 0;
  var y = 0;
}

function select_bracelet_view(x)
{
  var el = document.getElementById('basic_bracelets'+x);
  var other_el = document.getElementById('basic_bracelets'+(x==1?2:1));
  if ( el && other_el )
  {
    other_el.style.display = 'none';
    el.style.display = '';
  }
}

function selectcharm(simgcharm,sSmallImageName,sSelPFID,sSelSKU,lPrice,sSkuName)
{
	scurcharm = simgcharm;
	sCurSmallImageName = sSmallImageName;
	sCurSKU = sSelSKU;
	lCurPrice = lPrice;
	sCurSelPFID = sSelPFID;
	sCurSkuName = sSkuName;
}