var start = 0;
var end = 15;

function buyItNow(){
	
var selectedFrontRibbon = itemsRibbonArray[0];
var selectedBackRibbon = itemsRibbonArray[1];
var selectedBuckle = itemsBuckleArray[0];
var sizeSelected = false;
var buckleSplit = selectedBuckle.split("#");
var buckleDesc = buckleSplit[2];	
var ribbonFrontSplit = selectedFrontRibbon.split("#");
var ribbonDesc = ribbonFrontSplit[2];

//paypal
	if (selectedFrontRibbon == "" || selectedBuckle== null || selectedBuckle== ""){
	
    		alert("You must select an image and a bottle cap to purchase");
			
	} else {	
//desc passed to shopping cart
		var purchase = ribbonDesc + "," + buckleDesc ;

		//paypal
		var item = document.getElementById("item_name");

		item.value = purchase;
		document.mainform.submit();	
	}//end else

}

function mouseUpBuckleObjects2() { 
     	//alert("x ="+dd.obj.x);
	//alert("y ="+dd.obj.y);
    	var name = dd.obj.name;
	//display selected ribbon description above buy it now buttons     

	var strLength = name.length;
	var indx = name.substring(strLength - 1, strLength);  
	var itemFromArray =  bucklesInfoArray[indx]; 
	var itemArray = itemFromArray.split("#");
	var itemText = itemArray[2];
	var itemLocation = itemArray[1];
	var newItemLocation = itemLocation.substring(0,itemLocation.length);
	var itemSize = itemArray[3];var itemSizeStr = itemSize.split(",");
	var itemWidth = itemSizeStr[0];
	var itemLength = itemSizeStr[1];

	//if (dd.obj.x > 610 && dd.obj.x < 955 && dd.obj.y >235 && dd.obj.y < 660 ) //{
//080108 if ((dd.obj.y >300 && dd.obj.y < 700 )&& (dd.obj.x > 740 && dd.obj.x < 900)) {
	//if ((dd.obj.y >786 && dd.obj.y < 928 )&& (dd.obj.x > 751 && dd.obj.x < 831)) {
		for (x = 0;x < bucklesInfoArray.length;x++) {
                	var itemName = "dragBuckleImage"+x; 
                	var my_item = dd.elements[itemName]; 
                	var newItem = bucklesInfoArray2[0];         
                	my_item.resizeTo(70,70);			
                	my_item.moveTo(my_item.defx, my_item.defy); 
					
           	}  
		var my_item = dd.elements["dragBuckleImage5"];
		my_item.resizeTo(itemWidth,itemLength); 
		
		document.getElementById("displayBuckleText").innerHTML = "<font size=2 color=red><B>Bottle Cap  "+itemText + "</B></font>"; 
		//add the dragged item to array
		itemsBuckleArray[0]= name + "#" + itemLocation + "#" +itemText;;
		my_item.swapImage("transparentpixel.gif");
		my_item.swapImage(newItemLocation );
		var my_tooltip_item = dd.elements["toolTipImg"];
		//move other images back to original location   
 
/*	} else {   			
		var my_item = dd.elements[name]; 
		my_item.resizeTo(70,70);
		itemsBuckleArray[0]= "";
		resetBuckleObjects();   
	}*/
}
function mouseUpRibbonObjects() { 


//alert("x ="+dd.obj.x);
//alert("y ="+dd.obj.y);

	var whichSide = "";
	var name = dd.obj.name;

	//display selected ribbon description above buy it now buttons     
	var strLength = name.length;     	
	var indx = 0;
	if (strLength == 10) { 
		indx = name.substring(strLength - 1, strLength); 
	} else {
		indx = name.substring(strLength - 2, strLength);
	}  
	var itemFromArray =  ribbonsInfoArray[indx]; 
	var itemArray = itemFromArray.split("#");
	var itemText = itemArray[2];
	var itemLocation = itemArray[1];
	
	   
//if ((dd.obj.y >293 && dd.obj.y < 560 )&& (dd.obj.x > 746 && dd.obj.x <856)) {
	//if ((dd.obj.y > 786 && dd.obj.y < 928 )&& (dd.obj.x > 751 && dd.obj.x < 831)) {

		//add the dragged item to array
			
		itemsRibbonArray[0]= name + "#" + itemLocation+ "#" +itemText;
		var ribbonFrontArrayStr =  itemsRibbonArray[0];
		var ribbonFrontStr = ribbonFrontArrayStr.split("#");
		var ribbonFrontImageLocation = ribbonFrontStr[1];
		var newRibbonFrontImageLocation = ribbonFrontImageLocation.substring(0,ribbonFrontImageLocation.length);
		var ribbonFrontName = ribbonFrontStr[0];
		var my_item0 = dd.elements["dragImage15"]; 
		
		my_item0.swapImage(newRibbonFrontImageLocation);
		//my_item0.RESET_Z;
		my_item0.moveTo(760, 521);

		document.getElementById("displayRibbonFrontText").innerHTML = " <font size=2 color=red><B>Image "+itemText + " </B></font>"; 
		
		//move other images back to original location   
		for (x = 0;x <= ribbonsInfoArray.length-1;x++) {
			var itemName = "dragImage"+x;	
			var my_item = dd.elements[itemName]; 
			my_item.resizeTo(68,68);
			my_item.moveTo(my_item.defx, my_item.defy); 

	}      
      
	/*} else {

 		//Ribbon: Drag and drop a ribbon into the Design Area
		var my_item = dd.elements[name]; 
		my_item.resizeTo(68,68);
		itemsRibbonArray[0]= "";
		itemsRibbonArray[1]= "";
		my_item.moveTo(my_item.defx, my_item.defy); 
    
 	} */    
}


function resetObjects() {
	//reset ribbons
	document.getElementById("displayRibbonFrontText").innerHTML = " <font size=2 color=red><b>Image:  No image selected.</b></font>"; 

	document.getElementById("displayBuckleText").innerHTML = " <font size=2 color=red><b>Bottle Cap:  No bottle cap selected.</b></font>"; 
    	for (x = 0;x <= ribbonsInfoArray.length-1;x++) {
        	var itemName = "dragImage"+x;
        	var my_item = dd.elements[itemName]; 
        	my_item.resizeTo(70,70);
        	my_item.moveTo(my_item.defx, my_item.defy); 
    	}  
        //reset buckles
	for (x = 0;x <= bucklesInfoArray.length-1;x++) {
        	var itemName = "dragBuckleImage"+x;             
        	var my_item = dd.elements[itemName]; 
        	my_item.resizeTo(70,70);
        	my_item.moveTo(my_item.defx, my_item.defy);         
	}  
	//dragImage15 and 21 will only change if manually coded
	var my_item = dd.elements["dragImage15"]; 
	my_item.swapImage("transparentpixel.gif");

	my_item = dd.elements["dragBuckleImage5"]; 
	my_item.swapImage("transparentpixel.gif");
	itemsRibbonArray[0]= "";
	itemsRibbonArray[1]= "";
	itemsBuckleArray[0]= "";
	//reset dropdowns

	/*var sizeDD = document.getElementById("size");
	sizeDD.selectedIndex = 0;
	var gsizeDD = document.getElementById("gsize");
	gsizeDD.selectedIndex = 0;*/

}
/*function resetGSize() {
	var sizeDD = document.getElementById("gsize");
	sizeDD.selectedIndex = 0;	
}*/
/*function resetSize() {
	var sizeDD = document.getElementById("size");
	sizeDD.selectedIndex = 0;	
}*/
function resetRibbonObjects() {
//reset ribbons

    for (x = 0;x <= ribbonsInfoArray.length-1;x++) {
        var itemName = "dragImage"+x;
        my_item = dd.elements[itemName]; 
        my_item.resizeTo(70,70);
        my_item.moveTo(my_item.defx, my_item.defy); 

    }  
    
}
function resetBuckleObjects() {
        //reset buckles
     for (x = 0;x <= bucklesInfoArray.length-1;x++) {
        var itemName = "dragBuckleImage"+x;             
        var my_item = dd.elements[itemName]; 
        my_item.resizeTo(70,70);
        my_item.moveTo(my_item.defx, my_item.defy); 
        
            }  
}

function prevRibbon () {
	document.body.style.cursor = 'wait'; 
	//move transparent image to get white page 


	if (nextRibbonCount > 1) {
		for (x = 0;x < 15;x++) {			
			var itemName = "dragImage"+x;      
			var my_item = dd.elements[itemName];  
			my_item.swapImage("transparentpixel.gif"); 	   
		} 
		nextRibbonCount = nextRibbonCount - 1;

		//fill ribbonsInfoArray with previous 15 selections
		var indx = 0;
		for (x=start -15;x <=((end-15) -1);x++) {
			ribbonsInfoArray[indx] = ribbonsInfoArrayNew[x];
			indx = indx + 1;
		}
		var pgRibbonCountValue = nextRibbonCount;
 		//ribbonsInfoArray = eval(ribbonArray);
		document.getElementById("ribbonPgNumText").innerHTML = "Page "+pgRibbonCountValue+" of "+(maxRibbonCount)+"";
		start = start - 15;
		end = end - 15;

		//move other images back to original location   
		for (x = 0;x < ribbonsInfoArray.length;x++) {
			var itemName = "dragImage"+x;  
			var my_item = dd.elements[itemName]; 
			var newItem = ribbonsInfoArray[x];
			var splitArray = newItem.split("#");                       
			var splitArrayStr = splitArray[1].toString();
			my_item.swapImage(splitArray[1].toString()); 
			//title
			var img = "image"+x;
			document.getElementById(img).title = splitArray[2].toString();

		}
	}  else {
		alert ("You are at the beginning of the fabric selections, click Next to see more selections");
	}    
	document.body.style.cursor = 'default';        
        
}
function nextRibbon () {
	document.body.style.cursor = 'wait';
//move transparent image to get white page 

		
	//fill ribbonsInfoArray with next 15 selections
	var indx = 0;
	for (x=start + 15;x <=((end +15)-1);x++) {
		ribbonsInfoArray[indx] = ribbonsInfoArrayNew[x];
		indx = indx + 1;
	}
	//alert(ribbonsInfoArray);
	if (ribbonsInfoArray[0]!=null) {
		for (x = 0;x < 15;x++) {			
			var itemName = "dragImage"+x;      
			var my_item = dd.elements[itemName]; 
			//changes back to default source 
			my_item.swapImage(my_item.defsrc); 

			//my_item.swapImage("transparentpixel.gif"); 	   
		} 	
		nextRibbonCount = nextRibbonCount + 1;
		pgRibbonCountValue = nextRibbonCount;
		document.getElementById("ribbonPgNumText").innerHTML = "Page "+pgRibbonCountValue+" of "+(maxRibbonCount )+"";
    	
		start = start + 15;
		end = end + 15;
		//move other images back to original location 
		for (x = 0;x < ribbonsInfoArray.length;x++) {
			
			var itemName = "dragImage"+x;      
			var my_item = dd.elements[itemName];  
			var newItem = ribbonsInfoArray[x];
			var splitArray = newItem.split("#");  
			var splitArrayStr = splitArray[1].toString();
			my_item.swapImage(splitArray[1].toString()); 
			var img = "image"+x;
			document.getElementById(img).title = splitArray[2].toString();	

     
		} 	
	
     
	} else {
		alert ("You are at the end of the fabric selections, click Previous to see more selections");
	
	}  
	document.body.style.cursor = 'default'; 
	     
	
}

function prev () {
	//alert(bucklesInfoArray[0]);
	
	resetBuckleObjects();
	nextBuckleCount = nextBuckleCount - 1;
	
	if (!nextBuckleCount  == 0) {	
	var buckleArray = "bucklesInfoArray" + (nextBuckleCount);

		if (nextBuckleCount  <= 0) {
			buckleArray = "bucklesInfoArrayReset";
		}		
		var pgBuckleCountValue = nextBuckleCount;
		bucklesInfoArray = eval(buckleArray);
		document.getElementById("bucklePgNumText").innerHTML = "Page "+pgBuckleCountValue+" of "+(maxBuckleCount)+"";

	} else {
		alert ("You are at the end of the buckle selections, click Next to see more selections");
	}
        //move other images back to original location   
    	for (x = 0;x < bucklesInfoArray.length;x++) {
        	var itemName = "dragBuckleImage"+x;       
        	var my_item = dd.elements[itemName]; 
        	var newItem = bucklesInfoArray[x];
        	var splitArray = newItem.split("#");
        	var splitArrayStr = splitArray[1].toString();
        	my_item.swapImage(splitArray[1].toString()); 
		//set title for new image
		var img = "buckleimage"+x;
		document.getElementById(img).title = splitArray[2].toString();	
    	} 
}



function next () {
	//alert(bucklesInfoArray[0]);
	resetBuckleObjects();
	//var buckleCount = nextBuckleCount + 1;
	if (nextBuckleCount + 1  <= maxBuckleCount ) {
		nextBuckleCount = nextBuckleCount + 1;	
		var buckleArray = "bucklesInfoArray" + (nextBuckleCount); 		
		bucklesInfoArray = eval(buckleArray);
		pgBuckleCountValue = nextBuckleCount + 0;
		document.getElementById("bucklePgNumText").innerHTML = "Page "+pgBuckleCountValue+" of "+(maxBuckleCount )+"";
    		  		
		//move other images back to original location   
    	for (x = 0;x < bucklesInfoArray.length;x++) {
    		var itemName = "dragBuckleImage"+x;       
     		var my_item = dd.elements[itemName];   
    		var newItem = bucklesInfoArray[x];
    		var splitArray = newItem.split("#");                   
       		var splitArrayStr = splitArray[1].toString();
       		my_item.swapImage(splitArray[1].toString());   
			var img = "buckleimage"+x;
			document.getElementById(img).title = splitArray[2].toString(); 	
         }  
	} else {
		alert ("You are at the end of the buckle selections, click Previous to see more selections");
    	} 
		
             
}

function linkBuckle () {
	//alert(bucklesInfoArray[0]);
	//resetBuckleObjects();

	var buckleCount = nextBuckleCount -1;
	var buckleArray = "bucklesInfoArray" + buckleCount;
	if (nextBuckleCount <= maxBuckleCount) {
  		if (nextBuckleCount < maxBuckleCount + 1){
    			bucklesInfoArray = eval(buckleArray);
			pgBuckleCountValue = nextBuckleCount;
			document.getElementById("bucklePgNumText").innerHTML = "Page "+pgBuckleCountValue+" of "+(maxBuckleCount)+"";
    			//nextBuckleCount = nextBuckleCount + 1;
   		}  
		//move other images back to original location   
            	for (x = 0;x < bucklesInfoArray.length;x++) {
              		var itemName = "dragBuckleImage"+x;       
              		var my_item = dd.elements[itemName];   
              		var newItem = bucklesInfoArray[x];
              		var splitArray = newItem.split("#");
                   
              		var splitArrayStr = splitArray[1].toString();
               		my_item.swapImage(splitArray[1].toString());   
			var img = "buckleimage"+x;
			document.getElementById(img).title = splitArray[2].toString(); 	
            	}  
	} else {
		alert ("You are at the end of the buckle selections, click Previous to see more selections");
    	} 
             
}