var ProductPicIndex = 1;
var ProductColor = '';
var boardpics = new Array();
var boardlrgpics = new Array();
var boardpicslg = new Array();
var boardpicslgwidth = new Array();
var boardpicslgheight = new Array();
var ProductId = '';
var Prdimageid = '';
var prdhref = '';
boardpics['1,'] = 'images/product/medium/'+ProductId+'_1_.jpg';
boardpicslg['1,'] = '';
boardpics['2,'] = 'images/product/medium/'+ProductId+'_2_.jpg';
boardpicslg['2,'] = '';
boardpics['3,'] = 'images/product/medium/'+ProductId+'_3_.jpg';
boardpicslg['3,'] = '';
boardlrgpics['1,'] = 'images/product/large/'+ProductId+'_1_.jpg';
boardpicslg['1,'] = '';
boardlrgpics['2,'] = 'images/product/large/'+ProductId+'_2_.jpg';
boardpicslg['2,'] = '';
boardlrgpics['3,'] = 'images/product/large/'+ProductId+'_3_.jpg';
boardpicslg['3,'] = '';
function setcolorpicidx(idx,pid,prdimgid)
{
 Prdimageid = prdimgid;
 ProductId = pid;
 ProductPicIndex = idx;
 changecolorimg(ProductId); 
}
function changecolorimg(prdid)
{
 ProductId = prdid;
 var scidx = ProductPicIndex + ',' + ProductColor.toLowerCase();
 boardpics['1,'] = 'images/product/medium/'+ProductId+'_1_.jpg';
 boardpicslg['1,'] = '';
 boardpics['2,'] = 'images/product/medium/'+ProductId+'_2_.jpg';
 boardpicslg['2,'] = '';
 boardpics['3,'] = 'images/product/medium/'+ProductId+'_3_.jpg';
 boardpicslg['3,'] = '';
 
 var imgCol = document.getElementById('productmain').getElementsByTagName('img');
 var ProductPic = document.getElementById(imgCol[0].id);
 ProductPic.src=boardpics[scidx]; 
 document.getElementById(Prdimageid).setAttribute("rev",boardpics[scidx]);
 boardlrgpics['1,'] = 'images/product/large/'+ProductId+'_1_.jpg';
 boardpicslg['1,'] = '';
 boardlrgpics['2,'] = 'images/product/large/'+ProductId+'_2_.jpg';
 boardpicslg['2,'] = '';
 boardlrgpics['3,'] = 'images/product/large/'+ProductId+'_3_.jpg';
 boardpicslg['3,'] = ''; 
 document.getElementById(Prdimageid).setAttribute("href",boardlrgpics[scidx]);
}
function popuplarge()
{
 var scidx = ProductPicIndex + ',' + ProductColor.toLowerCase();
 var LargeSrc = boardpicslg[scidx];
if(LargeSrc != '')
{
 window.open('popup.aspx?src=' + LargeSrc,'LargerImage49609','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=no,width=' + boardpicslgwidth[scidx] + ',height=' + boardpicslgheight[scidx] + ',left=0,top=0');
}
else
{
 alert('There is no large image available for this picture');
}
}
function cleansizecoloroption(theVal)
{
 theVal = theVal.replace(/[\W]/g,"");
 theVal = theVal.toLowerCase();
 return theVal;
}
function setcolorpic(color)
{
 if(color == '-,-' || color == '-')
 {
 color = '';
 }
 if(color != '' && color.indexOf(',') != -1)
 {
 color = color.substring(0,color.indexOf(',')).replace(new RegExp("'", 'gi'), '');
 }
 if(color != '' && color.indexOf('[') != -1)
 {
 color = color.substring(0,color.indexOf('[')).replace(new RegExp("'", 'gi'), '');
 color = color.replace(/[\s]+$/g,"");
 }
 ProductColor = cleansizecoloroption(color);
 changecolorimg();
 setcolorlisttoactiveitem(color.toLowerCase());
 return (true);
}
function setcolorpic(color)
{
 if(color == '-,-' || color == '-')
 {
 color = '';
 }
 if(color != '' && color.indexOf(',') != -1)
 {
 color = color.substring(0,color.indexOf(',')).replace(new RegExp("'", 'gi'), '');
 }
 if(color != '' && color.indexOf('[') != -1)
 {
 color = color.substring(0,color.indexOf('[')).replace(new RegExp("'", 'gi'), '');
 color = color.replace(/[\s]+$/g,"");
 }
 ProductColor = cleansizecoloroption(color);
 changecolorimg();
 setcolorlisttoactiveitem(color.toLowerCase());
 return (true);
}
function setcolorlisttoactiveitem(color)
{
var lst = document.getElementById('Color');
var matchColor = color;
var matchColorLen = matchColor.length;
for (var i=0; i < lst.length; i++)
 {
 var lstColor = cleansizecoloroption(lst[i].value);
 if (lstColor == matchColor)
 {
 lst.selectedIndex = i;
 return (true);
 }
 }
return (true);
}