// Globals
var prevImage = null;
var curType = null;

function $(element){
	return document.getElementById(element);
}

function getQueryStringVal(arg) {
  var myUrl = document.location.href;

  // just get the Query String portion
  var myQS = myUrl.substring( myUrl.indexOf("?"), myUrl.length );

  var theArg = new String ("?" + arg + "=" );
  var retVal = "";

  //Check for "?arg=" or "&arg=" in the QS.
  // if we find it, the value is everything up to "&" or
  // the rest of the QS if there's no "&"

  if (myQS.indexOf(theArg) >= 0 ) {
    var equalIndex = myQS.indexOf("=");

    if (myQS.indexOf("&") >= 0 ) {
      retVal = myQS.substring( equalIndex+1 , myQS.indexOf("&"));
    } else {
      retVal = myQS.substring( equalIndex+1, myQS.length );
    }
  } else {
    theArg = new String("&" + arg + "=" );
    var argIndex = myQS.indexOf(theArg);
    if ( argIndex  >= 0 ) {
      retVal = myQS.substring( argIndex + theArg.length, myQS.length);
      var ampIndex = retVal.indexOf("&");
      if ( ampIndex >= 0 ) {
        retVal = retVal.substring( 0, ampIndex );
      }
    }
  }
  return retVal;
}


function getOrderForm(type, index){
	type = eval(type);
	if (type.type == "BABY_SHOWER_CARDS") url = "form_shower.html?i=";
	if (type.type == "BIRTH_ANNOUNCEMENTS") url = "form_birth.html?i=";
	if (type.type == "BRIDAL_SHOWERS") url = "form_bridal.html?i=";
	if (type.type == "SAVE_THE_DATE") url = "form_save.html?i=";
	if (type.type == "CUSTOM") url = "form_custom.html?i=";
	if (type.type == "ILLUSTRATION") url = "";
	if (type.type == "DESIGN") url = "";
	if (type.type == "COMMUNITY") url = "";
	url += index + "&cat=" + type.data[index].category;
	url += "&type=" + type.type;
	return url;
}

function getSample(type, index){
	try{
		if (type == "COMMUNITY" || type.type == "COMMUNITY") {
			if (prevImage) $(prevImage).className = "thumblink";
		} else {
			if (prevImage) $(prevImage).className = "thumbnail";
		}
	}catch(e){
		if (type == "COMMUNITY" || type.type == "COMMUNITY") {
			$("Image0").className = "thumblink";
		} else {
			$("Image0").className = "thumbnail";
		}
	}
	prevImage = "Image" + index;
	if (type == "COMMUNITY" || type.type == "COMMUNITY") 
		$("Image" + index).className = "thumblinkSelected";
	else
		$("Image" + index).className = "thumbnailSelected";
	type = eval(type);
	$("title").innerHTML = type.data[index].category;
	var html = "<div class=\"orderButton\">";
	if (type.type == "CUSTOM") html += "<a href='/contact.htm'>> Please contact us for a custom quote.</a>";
	else if (type.type == "ILLUSTRATION" || type.type == "DESIGN" || type.type == "COMMUNITY") html += "";  //do not present consultation form for portfolio
	else html += "<a href=\"" + getOrderForm(type.type,index) + "\">> Order consultation for this design:</a>";
	html += "</div>";
	$("order").innerHTML = html;
	
	var imgHTML = "";
	imgHTML += "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr valign=\"top\"><td>";
	if (type.data[index].imageName2 != "") {
		imgHTML += "<a href=\"javascript:openWin('portfolio_large.asp?img=" + type.imageDir + type.data[index].imageName +"-large.jpg','CLUUDESIGN','toolbar=0,width=800,height=600,resizable=yes,scrollbar=1');\">";
	}
	imgHTML += "<img src=\"" + type.imageDir + type.data[index].imageName + ".jpg\" border=\"0\">";
	if (type.data[index].imageName2 != "") {
		imgHTML += "</a>";
	}
	if (type.data[index].imageName2 != "") {
		imgHTML += "</td><td width=\"3\"></td><td><a href=\"javascript:openWin('portfolio_large.asp?img=" + type.imageDir + type.data[index].imageName2 +".jpg','CLUUDESIGN','toolbar=0,width=800,height=600,resizable=yes,scrollbar=1');\"><img src=\"images\\but_eye2.gif\" border=\"0\"></a>";
	}
	imgHTML += "</td></tr></table>";

	//alert(imgHTML);
	$("sample").innerHTML = imgHTML;

	//assembled htmldesc - description/testimonial
	var htmldesc = "";
	if (type.type == "ILLUSTRATION" || type.type == "DESIGN" || type.type == "COMMUNITY"){
		htmldesc += type.data[index].imageDesc;
		$("imagetext").innerHTML = htmldesc; 
	}
}

function preloadAllImages(type){
	curType = type;
	for (i=0; i<type.data.length; i++){
		MM_preloadImages(type.imageDir + type.data[i].imageName + "-icon.gif");
		MM_preloadImages(type.imageDir + type.data[i].imageName + ".jpg");
	}
	setTimeout("getThumbnails()", 500);
}

function getThumbnails(){
	var type = curType;
	$("content").innerHTML = "";
	var html = "";
	//var htmldesc = "";
	for (i=0; i<type.data.length; i++){
	    html += "<a href=\"javascript:void(0);\" onMouseOut=\"\" onClick=\"getSample('" + type.type + "', " + i + ")\">"; 
	if (type.type == "ILLUSTRATION" || type.type == "DESIGN")  //make portfolio thumbnails smaller
		html += "<img class=\"thumbnail\" src=\"" + type.imageDir + type.data[i].imageName + "-icon.gif\" alt=\"" + type.data[i].category + "\" id=\"Image" + i + "\" border=\"0\"  width=\"34\" height=\"34\"/>";
	else if (type.type == "COMMUNITY")  //display text links instead of thumbnails
		html += "<div class=\"thumblink\" id=\"Image" + i + "\">" + type.data[i].linkDesc + "</div>";
	else
		html += "<img class=\"thumbnail\" src=\"" + type.imageDir + type.data[i].imageName + "-icon.gif\" alt=\"" + type.data[i].category + "\" id=\"Image" + i + "\" border=\"0\"  width=\"54\" height=\"54\"/>";
	html += "</a>\n";
	}
	//alert(html);
	$("thumbnails").innerHTML = html;
	getSample(type,0);
}


function setActive(index){
	// Reset
	for (i=0; i<8; i++){
		$("n" + i).className = null;
	}
	$("n" + index).className = "activeLink";
}

// MM functions
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

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];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

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 openWin(url,win,options) {
	var popupwin = window.open(url,win,options);

	if (!popupwin) { alert("The popup window has been blocked."); }
	else { popupwin.focus(); }
}