// Design Brooklyn (www.designbrooklyn.com) 
// Common Functions

function maxChars(id,displayID,limit) {
	var content = document.getElementById(id).value;
	var len = content.length;
	var remaining = limit - len;
	if (len > limit) {
		document.getElementById(id).value = content.substr(0,limit);
		remaining = 0;
	}
	WriteByID(displayID,null,remaining);
}

function redirect(linkTo) {
	start_spinner();
	window.location = linkTo;
}
function redirectTop(linkTo) {
	start_spinner();
	top.window.location = linkTo;
}
			
var newwindow;
function openpopup(url,w,h) {
	if (newwindow) {
		newwindow.close();
	}
	var dims = 'location=0,status=0,scrollbars=1,resizable=1,width='+w+',height='+h;
	newwindow = window.open(url,'newwindow',dims);
	newwindow.focus();

}
function WriteLayer(ID,parentID,sText,altText) {
	var	out = "<P align=\"center\"><img src=\"" + sText + "\" alt=\"" + altText + "\"></P>";
	if (document.layers) {
		var oLayer;
		if (parenTID) {
			oLayer = eval('document.' + parentID + '.document.' + ID + '.document');
		} else {
			oLayer = document.layers[ID].document;
		}
		oLayer.open();
		oLayer.write(out);
		oLayer.close();
	}
	else if (parseInt(navigator.appVersion)>=5&&navigator.appName=="Netscape") {
		document.getElementById(ID).innerHTML = out;
	}
	else if (document.all) document.all[ID].innerHTML = out;
}

function WriteByID(ID,parentID,sText) {
	var	out = sText
	if (document.layers) {
		var oLayer;
		if (parenTID) {
			oLayer = eval('document.' + parentID + '.document.' + ID + '.document');
		} else {
			oLayer = document.layers[ID].document;
		}
		oLayer.open();
		oLayer.write(out);
		oLayer.close();
	}
	else if (parseInt(navigator.appVersion)>=5&&navigator.appName=="Netscape") {
		document.getElementById(ID).innerHTML = out;
	}
	else if (document.all) document.all[ID].innerHTML = out;
}

function showhide(el) {
	document.getElementById(el).style.display=(document.getElementById(el).style.display=="none")?"block":"none";
}
function jshowhide(id) {
	$("#"+id).slideToggle("fast");
}
function show(el) {
	document.getElementById(el).style.display="block";
}
function hide(el) {
	document.getElementById(el).style.display="none";
}

function popupimg(src,width,height) {
	src = 'view_image.php?src='+src;
	var w = (parseInt(width) + 50);
	var h = (parseInt(height) + 60);
	var dims = 'location=0,status=0,scrollbars=0,resizable=1,width='+w+',height='+h;
	window.open(src,null,dims);
}


function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}
function urldecode( str ) {
    var ret = str;      
    ret = ret.replace(/\+/g, '%20');
    ret = decodeURIComponent(ret);
    ret = ret.toString();
    return ret;
}
function urlencode( str ) {
    var ret = str;   
    ret = ret.toString();
    ret = encodeURIComponent(ret);
    ret = ret.replace(/%20/g, '+');
    return ret;
}
function nl2br (str, is_xhtml) {
    var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
    return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1'+ breakTag +'$2');
}
function switchImage(target,iSrc,wid,hei) {
	document.getElementById(target).src = iSrc;
	if (wid != "undefined" && wid != '' && wid != null) {
		document.getElementById(target).width = wid;
	}
	if (hei != "undefined" && hei != '' && hei != null) {
		document.getElementById(target).height = hei;
	}
}
function checkAll(ids) {
	res = ids.search("|");
	if (res != -1) {
		arr_ids = ids.split("|");
		if (document.getElementById(arr_ids[0]).checked == true) {
			for (i=0; i < arr_ids.length; i++) {
				document.getElementById(arr_ids[i]).checked = false;
			}
		} else {
			for (i=0; i < arr_ids.length; i++) {
				document.getElementById(arr_ids[i]).checked = true;
			}
		}
	} else {
		if (document.getElementById(ids).checked == true) {
			document.getElementById(ids).checked = false;
		} else {
			document.getElementById(ids).checked = true;
		}
	}
}

function formSub(id) {
	document.getElementById(id).submit();
}

function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
	scrOfX = window.pageXOffset;
    scrOfY = window.pageYOffset;
  } else if( document.body && ( document.body.scrollTop ) ) {
    //DOM compliant
    scrOfX = document.body.scrollLeft;
	scrOfY = document.body.scrollTop;
  } else if( document.documentElement && ( document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfX = document.documentElement.scrollLeft;
	scrOfY = document.documentElement.scrollTop;
  }
  return [ scrOfX, scrOfY ];
}

// xmlhttpCall takes url args target & params 
// returns responseText to callback function
function xmlhttpCall(params, target, callback) {
  var xmlhttp;
  if (window.XMLHttpRequest) {
	// code for IE7+, Firefox, Chrome, Opera, Safari
	xmlhttp=new XMLHttpRequest();
  } else if (window.ActiveXObject) {
	// code for IE6, IE5
	xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  } else {
	alert("Your browser does not support XMLHTTP!");
  } xmlhttp.onreadystatechange=function() {
	  if(xmlhttp.readyState==4 && callback != null) {
		callback(xmlhttp.responseText);
	  }
  }
  xmlhttp.open('POST', target, true);
  xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xmlhttp.setRequestHeader("Content-length", params.length);
  xmlhttp.setRequestHeader("Connection", "close");
  xmlhttp.send(params);
}

function getFormValues(formID) {
	var form = document.getElementById(formID);
	var output = "";
	for (var i = 0; i < form.elements.length; i++)  {  
		if (form.elements[i].type != "" && form.elements[i].name != '' && form.elements[i].id.search(/_cnt/) == -1) {
			if (form.elements[i].type == "textarea" && document.getElementById(form.elements[i].id+"___Config") != undefined) {
				fckval = FCKeditorAPI.GetInstance(form.elements[i].id);
				output += "&"+form.elements[i].name+"="+urlencode(fckval.GetHTML());
			} else if (form.elements[i].type == "checkbox") {
				if (form.elements[i].checked == true) {
					output += "&"+form.elements[i].name+"=1";
				} else {
					output += "&"+form.elements[i].name+"=0";
				}
			} else {
				output += "&"+form.elements[i].name+"="+urlencode(form.elements[i].value);
			}
		}
	}
	return output;
}

function processForm(formID,target) {
	window.location = window.location+"#top";
	var params = getFormValues(formID);
	xmlhttpCall(params,target, function(data) {
		if (data.search(/closeOverlay/i) == -1) {
			WriteByID(formID+'-errors',null,data);
			
			if (data.search(/|~|/) != -1) {
				parts = data.split("|~|");
				highlight = parts[1].split("|");
				for (var i=0; i<highlight.length; i++) {
					if (document.getElementById(highlight[i]) != undefined) {
						setFileSelectBorder(document.getElementById(highlight[i]),"ff0000");
					}
				}
			}
			
		} else {
			WriteByID(formID+'-errors',null,data); 
			setTimeout("completeOverlayForm()",1000);
		}
	});
}

function addToCart(table,id,payment_status) {
		
	var params = "&cart_items[0]="+urlencode("id|-|"+id+"|--|listing_type|-|"+table);
	var target = "/includes/addToCart.php";
	xmlhttpCall(params,target,function(responseText) {
		if (responseText.search(/error/i) == -1) {
			if (payment_status == 'confirmed' || payment_status == 'pending') {
				redirect("/includes/update-success.php");
			} else {
				redirect("/includes/listing-success.php?token="+responseText);
			}
		} else {
			alert(responseText);
		}
	});
		
}

function setValue(id,val) {
	document.getElementById(id).value = val;
}
function copyValue(from,to) {
	document.getElementById(to).value = document.getElementById(from).value;
}

function completeOverlayForm() {
	top.setTimeout("redirect('"+top.window.location+"')",500);
	top.closeOverlay();
}

function parseDateTime(id) {
	var date = document.getElementById(id+"_date").value;
	var hour = document.getElementById(id+"_hour").value;
	var mins = document.getElementById(id+"_min").value;
	var ampm = document.getElementById(id+"_ampm").value;
	if (ampm == "PM") {
		hour = Number(hour) + 12;
	}
	var timestamp = date+" "+hour+":"+mins+":00";
	document.getElementById(id).value = timestamp;
}

function parseMultiDateTime(id) {
	var dates = "";
	var i=0;
	while (document.getElementById(id+"_date_"+i) != undefined) {
		date = document.getElementById(id+"_date_"+i).value;
		hour = document.getElementById(id+"_hour_"+i).value;
		mins = document.getElementById(id+"_min_"+i).value;
		ampm = document.getElementById(id+"_ampm_"+i).value;
		if (ampm == "PM") {
			hour = Number(hour) + 12;
		}
		timestamp = date+" "+hour+":"+mins+":00";
		if (dates != "") {
			dates += "\n";
		}
		dates += timestamp;
		i++;
	}
	document.getElementById(id).value = timestamp;
}
function addMultiDateTime(id,value) {
	var i=0;
	while (document.getElementById(id+"_date_"+i) != undefined) {
		i++;
	}
	var target = "/includes/newPostDateTime.php";
	var params = "&id="+id+"&ind="+i+"&value="+value;
	xmlhttpCall(params,target,function(responseText) {
		var datetime = document.createElement("span");
		datetime.innerHTML = responseText;
		document.getElementById(id+"_multidatetime_wrapper").appendChild(datetime);
		parseMultiDateTime(id);
   	});
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

var enterHandler = "";
function checkEnter(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if (evt.keyCode == 13)  {
	  if (enterHandler != '') {
		  enterHandler();
	  }
	  return false;
  }
}
function setEnterHandler(callback) {
	enterHandler = callback;
}
//document.onkeypress = checkEnter; 

function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

function addMainNavClass(id) {
	var el = document.getElementById(id);
	addClass(el,"mainNavHover");
}
function removeMainNavClass(id) {
	var el = document.getElementById(id);
	removeClass(el,"mainNavHover");
}

function adRollover(ad_unit) {
	var params = "ad_unit="+ad_unit;
	var target = "/includes/adRollover.php";
	xmlhttpCall(params,target);
}


var curModal = null;
function overlay(href,width,height) {
	//start_spinner();
	if (width == undefined) { width = 885; }
	if (height == undefined) { height = 540; }
	curModal = this;
	$("#content").fadeTo(950,0);
	$(this).delay(150).modal({src:href, width:width, height:height, fadeInSpeed:800}).open();
}
function closeOverlay() {
	$(curModal).modal().close();
	$("#content").fadeTo(500,1,function() {
		$("#content").css('filter', 'none');
	});
}

function start_spinner() {
	//document.body.style.cursor = "wait";
	//top.document.body.style.cursor = "wait";
}
function stop_spinner() {
	document.body.style.cursor = "auto";
	top.document.body.style.cursor = "auto";
}

function uploadComplete() {
	if (String(window.location).search("edit-ad-package.php") != -1) {
		adUploadComplete();
	} else {
		if (curUploadTarget != null) {
			var upload_check = document.getElementById(curUploadTarget).innerHTML;
			params = "";
			target = "/includes/contact-file-selector.php";
			xmlhttpCall(params,target,function(responseText) {
				var current_value = document.getElementById(curUploadTarget).value;
				WriteByID('file_select_holder_'+curUploadTarget.replace("file_select_",""),null,'<select id="'+curUploadTarget+'" name="'+curUploadTarget+'" onclick="javascript:resetFileSelectBorder(this);" onchange="javascript:copyValue(\''+curUploadTarget+'\',\''+curUploadTarget.replace("file_select_","")+'\');" style="width:250px;">'+responseText+'</select>');
				if (current_value != "") {
					document.getElementById(curUploadTarget).value = current_value;
				}
				var el = document.getElementById(curUploadTarget);
				if (upload_check == el.innerHTML) {
					setFileSelectBorder(el,"ff0000");
				} else {
					setFileSelectBorder(el,"00ff00");
				}
			})
		}
	}
}

var defaultSelectBorder = null;
var curUploadTarget = null;
function setUploadInstance(instance_id) {
	curUploadTarget = instance_id;
}
function setFileSelectBorder(el,color) {
	el.style.border = "thin solid #"+color;
}
function resetFileSelectBorder(el) {
	el.style.border = "thin solid #7f9db9";
}

// image cross fade

var curImgSrc = "";
var xfading = Array();
xfading[1] = false;
xfading[2] = false;

function xfade(src,ind,opac) {
	if (xfading[ind] == false) {
		curImgSrc = src;
		if(document.getElementById("img-over-"+ind).name == "show") {
			xfading[ind] = true;
			$('#img-over-'+ind).fadeTo(250,0);
			$('#img-under-'+ind).fadeTo(250,opac, function() { xfading[ind] = false; } );
			document.getElementById("img-over-"+ind).name = "hide";
		} else if(document.getElementById("img-over-"+ind).name == "hide" && xfading[ind] == false) {
			xfading[ind] = true;
			$('#img-over-'+ind).fadeTo(250,opac);
			$('#img-under-'+ind).fadeTo(250,0,function() { xfading[ind] = false; } );
			document.getElementById("img-over-"+ind).name = "show";
		}
	}
}
function zoomOverlay(id) {
	var state;
	if(document.getElementById("img-over-1").name == "show")	{
		img = "2";
	} else if(document.getElementById("img-over-1").name == "hide")	{
		img = "1";
	}
	overlay('/pannable.php?id='+id+'&img='+img+"&",885,388);
}

function showShare() {
	if (document.getElementById("sharethis").style.display == "none") {
		var pos = $("#share_dress").offset(); 
		$("#sharethis").css( { "left": (pos.left - 120) + "px", "top": (pos.top - 40) + "px" } );
		$("#sharethis").fadeTo(0,0);
		document.getElementById("sharethis").style.display = "block";
		$("#sharethis").fadeTo(500,0.8);
	} else {
		$("#sharethis").fadeTo(500,0);
		setTimeout("hideID(\'sharethis\')",600);
	}
}
function showCollectionsNav() {
	var topMinus = 100;
	if (collection_count != "undefined") {
		topMinus = 15 + (17 * collection_count);
		var navHeight = 25 + (17 * collection_count);
		$("#collections_nav").css("height",navHeight+"px");
	}
	var pos = $("#nav_collections_main").offset(); 
	$("#collections_nav").css( { "left": (pos.left - 18) + "px", "top": (pos.top - topMinus) + "px" } );
	$("#collections_nav").fadeTo(0,0);
	document.getElementById("collections_nav").style.display = "block";
	$("#collections_nav").fadeTo(200,0.8);
	$("#collections_nav").mouseleave(function() {
		$("#collections_nav").fadeTo(200,0);
		setTimeout("hideID(\'collections_nav\')",250);								 
	});
}
function hideID(id) {
	document.getElementById(id).style.display = "none";
}