var ping1=0;
var bagmag="";
var tim;
var tim1;
var ti=0;
var ti1=0;
var wrapp;
var move;
var mybagsid;
var variid_fromxml=0;
var sizes=Array();
var sizesname=Array();
var quantity_cross=Array();

var sizesname_bag=Array();
var count_for_id=0;
var vari_ID=0;

function crosssellingID(select,quancrossselect)
{

var selectquantity=document.getElementById("selectquantity_up_cross");
selectquantity.style.visibility="visible";

document.getElementById('uidpk').value=select.options[select.selectedIndex].value;
document.view_bag_popup.itemid.value=select.options[select.selectedIndex].value;
//document.view_bag_popup.itemsize.value=select.options[select.selectedIndex].value;
var siz_name=document.getElementById("cselectsize_name");
document.view_bag_popup.itemsize.value=siz_name.options[select.selectedIndex].value;
var quan_name=document.getElementById("selectquantity_up_cross");
noofQuantity=quancrossselect.options[select.selectedIndex].value;
var selectquantityup=document.getElementById("selectquantity_up_cross");
selectquantityup.options[0]=new Option("1","1");
/*for(var i=1; i<=noofQuantity; i++)
{
quan_name.options[i]=new Option(i,i);
}
*/


var count_option=1;

for(var i=2; i<=5; i++)
{
quan_name.options[count_option]=new Option(i,i);
count_option=count_option+1;
}
quan_name.options[5]=new Option(10,10);
quan_name.options[6]=new Option(20,20);
quan_name.options[7]=new Option(30,30);
quan_name.options[8]=new Option(40,40);
quan_name.options[9]=new Option(50,50);
}

function getQuantityID(select)
{
document.getElementById('quantity').value=select.options[select.selectedIndex].value;
}

function getQuantityIDEdit(select)
{
document.getElementById('quantity').value=select.options[select.selectedIndex].value;
}


function mybagID(select,quancrossselect)
{

var selectquantity=document.getElementById("selectquantity_up_cross");
//selectquantity.options[0]=new Option("1","1");
selectquantity.style.visibility="visible";

var crossID=select.options[select.selectedIndex].value;
document.getElementById('newbag_id').value=crossID;
document.view_bag_popup.itemid.value=crossID;
var selectquantityup=document.getElementById("selectquantity_up_cross");
selectquantityup.options[0]=new Option("1","1");
var quan_name=document.getElementById("selectquantity_up_cross");
noofQuantity=quancrossselect.options[select.selectedIndex].value;

/*for(var i=1; i<=noofQuantity; i++)
{
quan_name.options[i]=new Option(i,i);
}*/

var count_option=1;
for(var i=2; i<=5; i++)
{
quan_name.options[count_option]=new Option(i,i);
count_option=count_option+1;
}
quan_name.options[5]=new Option(10,10);
quan_name.options[6]=new Option(20,20);
quan_name.options[7]=new Option(30,30);
quan_name.options[8]=new Option(40,40);
quan_name.options[9]=new Option(50,50);

}


function changeImageComplete(mage,size,cnam,sizename,cpric,coid,quantitycross,proURL)
{
var selectquantity=document.getElementById("selectquantity_up_cross");
//selectquantity.options[0]=new Option("1","1");
selectquantity.style.visibility="visible";
document.view_bag_popup.itemname.value=cnam;
document.view_bag_popup.itemprice.value=cpric;
document.view_bag_popup.itemimage.value=mage;
document.view_bag_popup.prodisplay_url.value=proURL;
var cna12=document.getElementById("colorname");
cna12.innerHTML=cnam;
bagmag=mage;
var ima=document.getElementById("cproductimage");
var pri=document.getElementById("cprice");
pri.innerHTML="$"+parseFloat(cpric).toFixed(2);
ima.src=contextpath+"store/assets/"+mage;
var siz=document.getElementById("cselectsize");
var siz_name=document.getElementById("cselectsize_name");
var quan=document.getElementById("selectquantity_cross");

siz.options.length=0;
siz.options[0]=new Option("Select Size","Select Size");




siz_name.options.length=0;
siz_name.options[0]=new Option("Select Size","Select Size");


var kk=0;
for(kk=0;kk<size.length;++kk)
{
siz.options[siz.options.length]=new Option(size[kk],sizename[kk]);
siz_name.options[siz_name.options.length]=new Option(size[kk],size[kk]);
quan.options[quan.options.length]=new Option(quantitycross[kk],quantitycross[kk]);

}
cartprice=parseFloat(cpric).toFixed(2);
cartcolor=cnam;
cartsize=size[0];
var xx;
xx=screen.width/3-(250+(230-180))/3;
JSFX_FloatDiv("completethelook",xx,100).flt();
}

function changeImageComplete1(mage,size,cnam,sizename,cpric,coid,old_bagid,quantityNo)
{

var selectquantity=document.getElementById("selectquantity_up_cross");
//selectquantity.options[0]=new Option("1","1");
selectquantity.style.visibility="visible";

document.view_bag_popup.itemid.value=coid;
document.view_bag_popup.itemname.value=cnam;
document.view_bag_popup.itemprice.value=cpric;
document.view_bag_popup.oldID.value=vari_ID;
var cna12=document.getElementById("ccolorname1");
cna12.innerHTML=cnam;
document.update_bag.cikey.value=old_bagid;
document.update_bag.newbag_id.value=coid;
bagmag=mage;
var ima=document.getElementById("cproductimage");
var pri=document.getElementById("cprice");
pri.innerHTML="$"+parseFloat(cpric).toFixed(2);
ima.src=contextpath+"store/assets/"+mage;
var siz=document.getElementById("cselectsize");
siz.options.length=0;
siz.options[0]=new Option("Select Size","Select Size");

var quan=document.getElementById("selectquantity_cross");
quan.options.length=0;
quan.options[0]=new Option("Select quantity","Select quantity");


var kk=0;
for(kk=0;kk<size.length;++kk)
{
siz.options[siz.options.length]=new Option(size[kk],sizename[kk]);
quan.options[quan.options.length]=new Option(quantityNo[kk],quantityNo[kk]);

}
cartprice=parseFloat(cpric).toFixed(2);
cartcolor=cnam;
cartsize=size[0];


var xx;
var xx;
xx=screen.width/3-(250+(230-180))/3;
JSFX_FloatDiv("completethelook",xx,60).flt();
}

function displaycomplete(cid,xml_file_name,csproURL)
{
var j;
var ear;
var fi;
var fi1;
var fi2;

fid=xmlobject.getElementsByTagName("id");
fi=xmlobject.getElementsByTagName("name");
fi2=xmlobject.getElementsByTagName("colors");
var cna=document.getElementById("cname");
cna.innerHTML=fi[cid].firstChild.nodeValue;
document.view_bag_popup.productname.value=fi[cid].firstChild.nodeValue;


cartid=fid[cid].firstChild.nodeValue;

cartname=fi[cid].firstChild.nodeValue;
var cdes=document.getElementById("cdesc");
//var cdes=document.getElementById("cdesc");
var cimage=document.getElementById("cimages");
//var colid=fi2[cid].getElementsByTagName("colid");
var col=fi2[cid].getElementsByTagName("colname");
fi1=fi2[cid].getElementsByTagName("desc");
//eany
//alert(fi1);
var price=fi2[cid].getElementsByTagName("price");
var simage=fi2[cid].getElementsByTagName("smallimage");
var limage=fi2[cid].getElementsByTagName("largeimage");
var lsizes=fi2[cid].getElementsByTagName("sizes");
var Quntys=fi2[cid].getElementsByTagName("quantities");
var lsizesname=fi2[cid].getElementsByTagName("sizesId");
var colimage=fi2[cid].getElementsByTagName("colimage");
var variname=fi2[cid].getElementsByTagName("variname");

var ii;
var jj;
var displayContent="";
for(ii=0;ii<col.length;++ii)
{sizes[ii]=new Array();
sizesname[ii]=new Array();
quantity_cross[ii]=new Array();

for(jj=0;jj<lsizes.item(ii).childNodes.length;++jj)
{
sizes[ii][jj]=lsizes.item(ii).childNodes[jj].firstChild.nodeValue;
sizesname[ii][jj]=lsizesname.item(ii).childNodes[jj].firstChild.nodeValue;
quantity_cross[ii][jj]=Quntys.item(ii).childNodes[jj].firstChild.nodeValue;

}



var vari_name=variname[ii].firstChild.nodeValue;
var vari_name_spl=vari_name.split(" ");
var variname_final="";
for(var k=0;k<vari_name_spl.length;++k)
{variname_final=variname_final+vari_name_spl[k];}
var desid=document.getElementById("cdesc");
//alert(fi1[ii].firstChild.nodeValue);
desid.innerHTML=fi1[ii].firstChild.nodeValue;

displayContent=displayContent+"<img src="+contextpath+"store/assets/"+colimage[ii].firstChild.nodeValue+"  onclick=changeImageComplete('"+limage[ii].firstChild.nodeValue+"',sizes['"+ii+"'],'"+variname_final+"',sizesname['"+ii+"'],"+price[ii].firstChild.nodeValue+",0,quantity_cross['"+ii+"']) style='cursor:pointer;cursor:hand;'>"+"&nbsp;";
//alert(displayContent);
if(ii<=0){
var cna12=document.getElementById("colorname");
cna12.innerHTML=variname_final;
changeImageComplete(limage[0].firstChild.nodeValue,sizes[0],variname_final,sizesname[0],price[0].firstChild.nodeValue,0,quantity_cross[0],csproURL)}
}
cimage.innerHTML=displayContent;
}


function updateimage()
{var meid=mybagsid;
document.getElementById(meid).src=bagmag;
datgo(0);}

function dat(cid,xml_file_name,csproURL)
{
document.getElementById('selectquantity_up').style.visibility="hidden";
var wrappe=document.getElementById("outer");
wrapp=document.getElementById("coverimage");
var sel=document.getElementById("selectsize");
sel.style.visibility="hidden";
move=document.getElementById("completethelook");;
wrappe.className="outevis";
wrapp.style.filter='alpha(opacity=1)';
visib();
move.className="clook";
move.style.filter='alpha(opacity=1)';
tim1=setInterval("visib1()",1);
displaycomplete(cid,xml_file_name,csproURL);
}


function navdat(cid,old_bagid,vari_IDpar)
{

vari_ID=vari_IDpar;
mybagsid=cid;
document.update_bag.cikey.value=old_bagid;
var wrappe=document.getElementById("outer");
wrapp=document.getElementById("coverimage");
var sel=document.getElementById("selectsize");
sel.style.visibility="hidden";
move=document.getElementById("completethelook");;
wrappe.className="outevis";
wrapp.style.filter='alpha(opacity=1)';
visib();
move.className="clook";
move.style.filter='alpha(opacity=1)';
tim1=setInterval("visib1()",1);
displaycomplete1(cid,old_bagid);

}

function displaycomplete1(cid,old_bagid)
{
var j;
var ear;
var fi;
var fi1;
var fi2;
var product_nameURL;
var xmlstring_fromcookie=getMenuCookie("mybagxml");


if(navigator.appName=="Netscape" || navigator.appName=="Opera")
{
var xmlobject = null
xmlobject=document.implementation.createDocument('','',null);
var xmlp=new DOMParser();
xmlobject=xmlp.parseFromString(xmlstring_fromcookie,"text/xml");
}
else
{
xmlobject = new ActiveXObject("Microsoft.XMLDOM");
xmlobject.async=false;
xmlobject.loadXML(xmlstring_fromcookie);
}
//alert(xmlstring_fromcookie);

fid=xmlobject.getElementsByTagName("id");
fi=xmlobject.getElementsByTagName("name");
fi2=xmlobject.getElementsByTagName("colors");
var variname_final1=xmlobject.getElementsByTagName("name");
var variname_final=variname_final1[0].firstChild.nodeValue;
product_nameURL = xmlobject.getElementsByTagName("productURL");
document.view_bag_popup.prodisplay_url.value=product_nameURL[0].firstChild.nodeValue;
//alert(xmlobject.getElementsByTagName("id").length);
var cna=document.getElementById("cname");


var tempname=fi[cid].firstChild.nodeValue;
cna.innerHTML=tempname;


cartid=fid[cid].firstChild.nodeValue;


cartname=fi[cid].firstChild.nodeValue;


var cdes=document.getElementById("cdesc");
var cdes=document.getElementById("cdesc");
var cimage=document.getElementById("cimages");
var colid=fi2[cid].getElementsByTagName("colid");
var col=fi2[cid].getElementsByTagName("colname");
fi1=fi2[cid].getElementsByTagName("desc");
//alert(fi1);
var price=fi2[cid].getElementsByTagName("price");
var simage=fi2[cid].getElementsByTagName("smallimage");
var limage=fi2[cid].getElementsByTagName("largeimage");
var lsizes=fi2[cid].getElementsByTagName("sizes");
var lsizesname=fi2[cid].getElementsByTagName("sizesId");
var Quntys=fi2[cid].getElementsByTagName("quantities");
var colimage=fi2[cid].getElementsByTagName("colimage");

var variname=fi2[cid].getElementsByTagName("variname");


document.update_bag.cikey.value=old_bagid;
document.update_bag.newbag_id.value=colid[cid].firstChild.nodeValue;

var ii;
var jj;
var displayContent="";


for(ii=0;ii<col.length;++ii)
{sizes[ii]=new Array();
sizesname_bag[ii]=new Array();
quantity_cross[ii]=new Array();
for(jj=0;jj<lsizes.item(ii).childNodes.length;++jj)
{
sizes[ii][jj]=lsizes.item(ii).childNodes[jj].firstChild.nodeValue;
sizesname_bag[ii][jj]=lsizesname.item(ii).childNodes[jj].firstChild.nodeValue;
quantity_cross[ii][jj]=Quntys.item(ii).childNodes[jj].firstChild.nodeValue;
}




var desid=document.getElementById("cdesc");


var temp111=fi1[cid].firstChild.nodeValue;
desid.innerHTML=temp111;
var vari_name=variname[ii].firstChild.nodeValue;

//alert(vari_name);
var vari_name_spl=variname_final.split(" ");

var vari_name_final="";
for(var k=0;k<vari_name_spl.length;++k)
{vari_name_final=vari_name_final+vari_name_spl[k];
}
var temp11=colimage[ii].firstChild.nodeValue;
var temp12=limage[ii].firstChild.nodeValue;
var temp13=sizes[ii];
var temp14=sizesname_bag[ii];
var temp15=price[ii].firstChild.nodeValue;
var temp16=colid[ii].firstChild.nodeValue;
var temp17=quantity_cross[ii];
displayContent=displayContent+"<img src='"+contextpath+"store/assets/"+temp11+"'  onclick=changeImageComplete1('"+temp12+"','"+temp13+"','"+vari_name_final+"','"+temp14+"','"+temp15+"','"+temp16+"','"+old_bagid+"','"+temp17+"') >";
//displayContent=displayContent+"<img src="+contextpath+"store/assets/"+colimage[ii].firstChild.nodeValue+"  onclick=changeImageComplete1('"+limage[ii].firstChild.nodeValue+"',sizes['"+ii+"'],'"+variname_final+"',sizesname_bag['"+ii+"'],"+price[ii].firstChild.nodeValue+","+colid[ii].firstChild.nodeValue+",'"+old_bagid+"',quantity_cross['"+ii+"']) style='cursor:hand'>"+"&nbsp;";
//displayContent=displayContent+"<img src="+contextpath+"store/assets/"+colimage[ii].firstChild.nodeValue+"  onclick=changeImageComplete('"+limage[ii].firstChild.nodeValue+"',sizes['"+ii+"'],'"+variname_final+"',sizesname['"+ii+"'],"+price[ii].firstChild.nodeValue+",0,quantity_cross['"+ii+"']) style='cursor:pointer;cursor:hand;'>"+"&nbsp;";
//alert(displayContent);
if(ii<=0){
var cna12=document.getElementById("ccolorname1");
//alert(variname_final);

cna12.innerHTML=variname_final;


var tempImg11=limage[0].firstChild.nodeValue;
changeImageComplete1(tempImg11,sizes[0],variname_final,sizesname_bag[0],price[0].firstChild.nodeValue,colid[0].firstChild.nodeValue,old_bagid,quantity_cross[0]);
}
}

//alert(displayContent);

cimage.innerHTML=displayContent;


}


//==========================================================



function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	
		opacity(id, 0, 80, millisec);
	
}

//===========================================================


function visib()
{
/*
ti=ti+2;
if(ti>80)
{clearInterval(tim);}
else
{wrapp.style.filter='alpha(opacity='+ti+')';
}
*/


shiftOpacity("coverimage", 3000);

}
function visib1(){
ti1=ti1+10;
if(ti1>100){clearInterval(tim1);}else{move.style.filter='alpha(opacity='+ti1+')';}
}
function datgo(cid)
{
wrapp=document.getElementById("coverimage");
var sel=document.getElementById("selectsize");
ti=80;
ti1=100;
sel.style.visibility="visible";
move=document.getElementById("completethelook");;
clearInterval(tim);
clearInterval(tim1);
tim=setInterval("visib2()",1);
tim1=setInterval("visib3()",1);
document.getElementById('selectquantity_up').style.visibility="visible";

}



function datgo2(cid)
{
wrapp=document.getElementById("coverimage");
var sel=document.getElementById("selectsize");
ti=80;
ti1=100;
sel.style.visibility="visible";
move=document.getElementById("completethelook");;
clearInterval(tim);
clearInterval(tim1);
tim=setInterval("visib2()",1);
tim1=setInterval("visib3()",1);
}




function visib2()
{
ti=ti-10;
if(ti<0)
{clearInterval(tim);
var wrappe=document.getElementById("outer");
wrappe.className="oute";
}
else
{wrapp.style.filter='alpha(opacity='+ti+')';
}
}
function visib3()
{
ti1=ti1-10;
if(ti1<0)
{clearInterval(tim1);
move.className="clook1";
}
else
{move.style.filter='alpha(opacity='+ti1+')';
}
}