// JavaScript Document

function changeBgImage (image, id) {
	var element = document.getElementById(id);
	element.style.backgroundImage = "url("+image+")";
}

function submitToSelf()
{
	document.contactForm.action = location.href;
	document.contactForm.submit();
}

function MM_validateForm() { //v4.0
  if (document.getElementById){
    var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
    for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
      if (val) { nm=val.name; if ((val=val.value)!="") {
        if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
          if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
        } else if (test!='R') { num = parseFloat(val);
          if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
          if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
            min=test.substring(8,p); max=test.substring(p+1);
            if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
      } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
    } if (errors) alert('The following error(s) occurred:\n'+errors);
    document.MM_returnValue = (errors == '');
} }


function showPicComment(comment) {
	document.getElementById('productDetailPicComment').innerHTML=comment;
}

function updateImageandComment(image,id) {
	changeBgImage (image[0], id); 
	showPicComment(image[1]); 
}

function movenextImage (imageArray, id) {
	
	var element = document.getElementById(id);
	var currentImage = element.style.backgroundImage; 
	  
	for (i=0; i < imageArray.length; i++)
		 {
			 
			 if ('url("'+imageArray[i][0]+'")' == currentImage || 'url('+imageArray[i][0]+')' == currentImage)
			 {
				 
				 if  (i== imageArray.length -1)
				 {
 					 updateImageandComment(imageArray[0], id);				 }
				 else
				 {
					 updateImageandComment(imageArray[i+1], id); 
				 }
			 }
			 
		 }
}

function movepreviousImage(imageArray, id) {
	
		var element = document.getElementById(id);
	var currentImage = element.style.backgroundImage; 
	  
	for (i=0; i < imageArray.length; i++)
		 {
			 
			 if ('url("'+imageArray[i][0]+'")' == currentImage || 'url('+imageArray[i][0]+')' == currentImage)
			 {
				 
				 if  (i==0 )
				 {
 					 updateImageandComment(imageArray[imageArray.length -1], id);				 }
				 else
				 {
					 updateImageandComment(imageArray[i-1], id); 
				 }
			 }
			 
		 }
	
}