var isSelvedge=false;
/******************************************
* Popup Box- By Jim Silver @ jimsilver47@yahoo.com
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all
var MAX_SAMPLES=6;
//drag drop function for NS 4////
/////////////////////////////////

var dragswitch=0
var nsx
var nsy
var nstemp

function drag_dropns(name){
if (!ns4)
return
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}

function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}

function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////


function drag_drop(e){
if (ie4&&dragapproved){
crossobj.style.left=tempx+event.clientX-offsetx
crossobj.style.top=tempy+event.clientY-offsety
return false
}
else if (ns6&&dragapproved){
crossobj.style.left=tempx+e.clientX-offsetx+"px"
crossobj.style.top=tempy+e.clientY-offsety+"px"
return false
}
}

function initializedrag(e){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
var firedobj=ns6? e.target : event.srcElement
var topelement=ns6? "html" : document.compatMode && document.compatMode!="BackCompat"? "documentElement" : "body"
while (firedobj.tagName!=topelement.toUpperCase() && firedobj.id!="dragbar"){
firedobj=ns6? firedobj.parentNode : firedobj.parentElement
}

if (firedobj.id=="dragbar"){
offsetx=ie4? event.clientX : e.clientX
offsety=ie4? event.clientY : e.clientY

tempx=parseInt(crossobj.style.left)
tempy=parseInt(crossobj.style.top)

dragapproved=true
document.onmousemove=drag_drop
}
}
document.onmouseup=new Function("dragapproved=false")

////drag drop functions end here//////

function hidebox(){
crossobj=ns6? document.getElementById("showimage") : document.all.showimage
if (ie4||ns6)
crossobj.style.visibility="hidden"
else if (ns4)
document.showimage.visibility="hide"
}
function showbox(s){
	var errortxt= document.getElementById("errortxt");
	errortxt.innerHTML="";
	var image= document.getElementById("sampleimage");
	image.src='/images/samples/loading.gif';
	
	image.src=s;
	var slink = document.getElementById("slink");
	var type=GetType(s);
	var sID=GetSID(s, type);
	var ptitle=document.getElementById("ptitle");
	ptitle.innerHTML="<strong><br>"+type.substr(0,1).toUpperCase()+type.substr(1)+" "+sID+"</strong>";
	// Pile content - Boucle, Schaft and Multicolour are "100% Sisal"
	// Mellcombi: 50% wool 50%sisal
	// Mellcarter: Warp:40% sisal/60% paper Weft: 100% sisal
	var pile="";
	var width="";
	var classification="";
	var backing="";
	switch(type){
		case "boucle":
			pile="100% Sisal";
			width="67, 90, 120, 160 & 200cm";
			classification="Heavy duty suitable for commercial and residential interiors including stairs.";
			backing="Available with latex-backing or without backing";
		break;
		case "schaft":
			pile="100% Sisal";
			width="67, 90, 120, 160 & 200cm";
			classification="Heavy duty suitable for commercial and residential interiors including stairs.";
			backing="Available with latex-backing or without backing";
		break;
		case "multicolour":
			pile="100% Sisal";
			width="67, 90, 120, 160 & 200cm";
			classification="Heavy duty suitable for commercial and residential interiors including stairs.";
			backing="Available with latex-backing";
		break;
		case "mellcarter":
			pile="Warp:40% sisal/60% paper Weft: 100% sisal";
			width="67, 90, 120 & 200cm ";
			classification="Heavy duty suitable for commercial and residential interiors including stairs.";
			backing="Available with latex-backing";
		break;
		case "mellcombi":
			pile="50% wool 50%sisal";
			width="70, 90, 120, & 200cm";
			classification="Heavy duty suitable for commercial and residential interiors including stairs.";
			backing="Available with latex-backing";
		break;
	}
	var ppile=document.getElementById("ppile");
	ppile.innerHTML=pile;
	var pwidth=document.getElementById("pwidth");
	if(location.href.indexOf("wall")!=-1){
		pwidth.innerHTML="67, 90, 120, 160, 200 & 400cm";
	} else {
		pwidth.innerHTML=width;
	}
	var pclass=document.getElementById("pclass");
	pclass.innerHTML=classification;
	var pbacking=document.getElementById("pbacking");
	pbacking.innerHTML=backing;
	var id=GetSID(s, type);
	if(IsInBasket(id)){
		slink.href="javascript:RemoveByName('"+type+"','"+id+"')";
		slink.innerHTML="<strong>Remove from basket<strong>";
		showCheckoutTxt(true);

	} else {
		slink.href="javascript:AddSample('"+s+"')";
		slink.innerHTML="<img src=\"../images/cart2.gif\" alt=\"Sample Cart\" width=\"31\" height=\"21\" border=\"0\" /> <strong>Add sample to basket</strong>";
	}
	if(s.indexOf('selvedge')!= -1){
		var stext = document.getElementById("pselvedge")
		stext.innerHTML="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>Right hand side of image shows selvedge edge<strong>";
	}

	//alert(slink.href);
	crossobj=ns6? document.getElementById("showimage") : document.all.showimage;
	if (ie4||ns6)
	crossobj.style.visibility="visible";
	else if (ns4)
	document.showimage.visibility="show";
	
}


function GetType(path){
	if(path.indexOf('selvedge') <0)
		return path.substring(16, path.indexOf("/", 16));
	else
		return path.substring(path.indexOf('large')+6, path.indexOf("/", path.indexOf('large')+6));
}
function GetSID(path, type){
	var ID='';
	if(path.indexOf('selvedge') <0)
		ID=path.substring(path.indexOf('large')+6, path.indexOf('.') );
	else
		ID=path.substring(path.indexOf(type)+type.length+1, path.indexOf('.') );
	return ID;
}

// Time to keep
var COOKIE_LIFETIME = 604800000; // 1 week
function AddSample(samplID) {
	var expires = new Date();
	expires.setTime(expires.getTime() + COOKIE_LIFETIME);
	var cookieName = 'basket'; // if it isn't already defined
	var myarray = init_array(); // if it isn't already defined
	get_array(cookieName, myarray);
	var num = next_entry(myarray);
	var errortxt= document.getElementById("errortxt");

	// Now parse the string to get the type and id
	var type=GetType(samplID);
	var ID=GetSID(samplID, type);

	// Check if we already have this in basket
	if(num > MAX_SAMPLES) {
		errortxt.innerHTML="Too many samples";
		return;
	}
	myarray[num] = type+"*"+ID;
	set_array(cookieName, myarray, expires);
	//alert("End: AddSample function");	
	var slink= document.getElementById("slink");
	slink.href="javascript:RemoveByName('"+type+"','"+ID+"')";
	slink.innerHTML="<strong>Remove from basket</strong>";
	var numsamples= document.getElementById("numsamples");
	numsamples.innerHTML = num+" samples&nbsp;";
	showCheckoutTxt(true)
	//hidebox();
}

function showCheckoutTxt(visible){
	var checkoutTxt = document.getElementById("checkoutTxt");
	if(visible){
		checkoutTxt.innerHTML="<a href=\"/sample-basket.php\" id=\"clink\" >or provide your address...</a>";
	} else {
		checkoutTxt.innerHTML="";
	}
}
function IsInBasket(sid) {
	var ctxt = get_cookie('basket');
	if(ctxt==null) return false;
	if(ctxt.indexOf(sid)>-1) return true;
	return false;
					
}
function EmptyBasket() {
	del_cookie('basket');
	var numsamples= document.getElementById("numsamples");
	numsamples.innerHTML = 0+" samples&nbsp;";
	location.reload(true);
}
function EmptyBasketOnLoad() {
	del_cookie('basket');
	var numsamples= document.getElementById("numsamples");
	numsamples.innerHTML = 0+" samples&nbsp;";
}

window.onload = function () {
    // get number of samples to populate basket tag
	var cookieName = 'basket'; // if it isn't already defined
	var myarray = init_array(); // if it isn't already defined
	get_array(cookieName, myarray);
	var num = next_entry(myarray);
	var numsamples= document.getElementById("numsamples");
	if(num >1) {
		numsamples.innerHTML = num-1+" samples&nbsp;";
	} else {
		numsamples.innerHTML = 0+" samples&nbsp;";
	}
	
}
 

// Removes a sample from the popup
function RemoveByName(type, name){
	var id = get_entry_index('basket', name);
	RemoveFromBasket(id);
	/*
	var slink = document.getElementById("slink");
	slink.href="javascript:AddSample('"+type+"/+"+name+".jpeg')";
	slink.innerHTML="<img src=\"../images/cart2.gif\" alt=\"Sample Cart\" width=\"31\" height=\"21\" border=\"0\" /> <strong>Add sample to basket</strong>";	
	*/

}

// Removes a sample from the basket page
function RemoveFromBasket(id){
	var expires = new Date();
	expires.setTime(expires.getTime() + COOKIE_LIFETIME);
	var cookieName = 'basket'; // if it isn't already defined
	var myarray = init_array(); // if it isn't already defined
	del_entry(cookieName, myarray, id, expires);
	location.reload(true);
}