//v1.0
//Copyright 2006 Adobe Systems, Inc. All rights reserved.

window.onload = function () {
	if(document.getElementById('content').clientHeight + 745 <= 450) {
		document.getElementById('container').style.height = '800px';
	}
	else {
		document.getElementById('container').style.height = document.getElementById('content').clientHeight + 745 + 'px';
	}
	newDiv2 = document.createElement('div');
	newDiv2.setAttribute('id', 'background');
	newDiv2.style.top = '0px';
	newDiv2.style.margin = '0px';
	newDiv2.style.position = 'absolute';
	newDiv2.style.background = '#000';
	newDiv2.style.height = document.getElementById('container').clientHeight + 'px';
	newDiv2.style.width = document.getElementById('container').clientWidth + 'px';
	newDiv2.style.zIndex = '11';
	document.getElementById('container').appendChild(newDiv2);
	for(i = 0; i < 10; i++) {
		trans = (10 - i) * (10 - i);
		newDiv = document.createElement('div');
		newDiv.setAttribute('id', i);
		newDiv.style.position = 'absolute';
		newDiv.style.top = '0px';
		newDiv.style.margin = i + 'px 0px 0px ' + i + 'px';
		newDiv.style.width = '900px';
		newDiv.style.background = '#000';
		newDiv.style.height = document.getElementById('container').clientHeight + 'px';
		newDiv.style.width = document.getElementById('container').clientWidth + 'px';
		newDiv.style.zIndex = 10 - i;
		newDiv.style.opacity = trans / 100;
		newDiv.style.filter = 'alpha(opacity=' + trans + ')';
		document.getElementById('container').appendChild(newDiv);
	}
	styleCheckboxes();
	var scroll = 1;
	document.getElementById('socialmedia').innerHTML = '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html" style="width:130px; height:50px; float:right;"></iframe><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.hillwines.nl&amp;layout=button_count&amp;show_faces=false&amp;width=150&amp;action=like&amp;font=lucida+grande&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px; float:right;" allowTransparency="true"></iframe>';
}
function vergrootFoto(artnr) {
	if(document.getElementById('alignContainer')) {
		document.getElementById('container').removeChild(document.getElementById('alignContainer'));
	}
	menuBalkObj = document.createElement('div');
	menuBalkObj.style.right = '0px';
	menuBalkObj.style.height = '20px';
	menuBalkObj.style.textAlign = 'right';
	menuBalkObj.style.background = '#5A1010';
	menuBalkObj.style.color = '#c38e1c';
	menuBalkObj.style.position = 'relative';
	menuBalkObj.style.left = '0px';
	menuBalkObj.style.top = '0px';
	menuBalkObj.style.margin = '-10px';
	menuBalkObj.style.fontSize = '14px';
	menuBalkObj.innerHTML = '<span style="cursor:pointer;">X</span>&nbsp;&nbsp;&nbsp;';
	vergrootImgObj = document.createElement('img');
	vergrootImgObj.src = '/webshop_stock/groot' + artnr + '.jpg';
	vergrootImgObj.id = 'vergrootImg';
	vergrootImgObj.style.position = 'absolute';
	vergrootImgObj.style.top = '30px';
	vergrootImgObj.style.left = '10px';
	vergrootImgObj.style.cursor = 'pointer';
	alignImgObj = document.createElement('div');
	alignImgObj.id = 'alignContainer';
	alignImgObj.style.position = 'fixed';
	alignImgObj.style.top = '0px';
	alignImgObj.style.width = '100%';
	alignImgObj.style.height = '100%';
	alignImgObj.style.left = '0px';
	alignImgObj.style.zIndex = '9999';
	grootImgObj = document.createElement('div');
	grootImgObj.id = 'vergrootLayer';
	grootImgObj.style.position = 'relative';
	grootImgObj.style.top = '150px';
	grootImgObj.style.width = '0px';
	grootImgObj.style.height = '30px';
	grootImgObj.style.margin = 'auto';
	grootImgObj.style.overflow = 'hidden';
	grootImgObj.style.padding = '10px';
	grootImgObj.style.background = '#240606';
	grootImgObj.style.border = 'solid 1px #5A1010';
	grootImgObj.appendChild(menuBalkObj);
	grootImgObj.appendChild(vergrootImgObj);
	alignImgObj.appendChild(grootImgObj);
	document.getElementById('container').appendChild(alignImgObj);
	document.getElementById('alignContainer').onclick = function() { fotoSluiten(); }
	timer = 0;
	ivar = null;
	sluit2 = null;
	sluit = null;
	vergrootfotoAnime();	
}
function vergrootfotoAnime() {
	if(ivar != "sluiten") {
		if(timer < 10) {
			timer++;
			document.getElementById('vergrootLayer').style.width = (document.getElementById('vergrootImg').offsetWidth / 10) * timer + 'px';
			setTimeout('vergrootfotoAnime()', 75);
		}
		if(timer > 9 && timer < 20) {
			timer++;
			document.getElementById('vergrootLayer').style.height = (document.getElementById('vergrootImg').offsetHeight / 10) * (timer - 10) + 20 +'px';
			setTimeout('vergrootfotoAnime()', 75);
		}
		if(timer > 19) {
				sluit2 = "sluit";
		}
	}
	else {
		fotoSluiten('sluit');
	}
}
function fotoSluiten(sluit) {
	if(document.getElementById('alignContainer')) {
		ivar = "sluiten";
		if(sluit == "sluit" || sluit2 == "sluit") {
			document.getElementById('container').removeChild(document.getElementById('alignContainer'));
		}
	}
}
function DupeContent() {
	if(document.getElementById('checker').checked == 1) {
		document.getElementById('pstraat').value = document.getElementById('straat').value;
		document.getElementById('ppostcode').value = document.getElementById('postcode').value;
		document.getElementById('pstraat').disabled = true;
		document.getElementById('ppostcode').disabled = true;
	}
	else {	
		document.getElementById('pstraat').disabled = false;
		document.getElementById('ppostcode').disabled = false;
	}
}
function styleCheckboxes () {
	boxes = document.getElementsByTagName('input');
	box = 0;
	while(boxes[box]) {
		if(boxes[box].type == 'checkbox') {
			newFormBox = document.createElement('input');
			newFormBox.type = 'checkbox';
			newFormBox.value = boxes[box].value;
			if(boxes[box].id != 'checker') {
				newFormBox.id = box;
			}
			else {
				newFormBox.id = 'checker';
			}
			newFormBox.name = boxes[box].name;
			newFormBox.style.opacity = 0;
			newFormBox.style.filter = 'alpha(opacity=0)';
			newFormBox.style.outline = 0;
			newFormBox.style.width = '13px';
			newFormBox.style.height = '13px';
			newFormBox.style.cursor = 'pointer';
			newBox = document.createElement('span');
			newBox.onclick = function() {
				if(this.getElementsByTagName('input')[0].checked) {
					this.style.background = 'url(\'/checked.gif\') no-repeat center center';
				}
				else {
					this.style.background = 'url(\'/unchecked.gif\') no-repeat center center';
				}
			}			
			if(boxes[box].checked) {
				newBox.style.background = 'url(\'/checked.gif\') no-repeat center center';
				newFormBox.checked = true;
			}
			else {
				newBox.style.background = 'url(\'/unchecked.gif\') no-repeat center center';
			}
			if(boxes[box].onclick != null && boxes[box].id != 'checker') {
				newBox.onclick = function() {
					this.parentNode.submit();
					if(this.getElementsByTagName('input')[0].checked) {
						this.style.background = 'url(\'/checked.gif\') no-repeat center center';
					}
					else {
						this.style.background = 'url(\'/unchecked.gif\') no-repeat center center';
					}
				}
			}
			if(boxes[box].id == 'checker') {
				newBox.onclick = function() {
					DupeContent();
					if(this.getElementsByTagName('input')[0].checked) {
						this.style.background = 'url(\'/checked.gif\') no-repeat center center';
					}
					else {
						this.style.background = 'url(\'/unchecked.gif\') no-repeat center center';
					}
				}
			}	
			newBox.id = 'checkbox' + box;
			newBox.style.position = 'relative';
			newBox.style.width = '13px';
			newBox.style.margin = '3px 3px 6px 3px';
			newBox.style.height = '13px';
			newBox.style.float = 'left';
			newBox.appendChild(newFormBox);
			boxes[box].parentNode.replaceChild(newBox, boxes[box]);

		}
	box++;
	}
}
function scrollBannerLeft() {
scroll++;
	document.getElementById('scrollBanner').style.right = 0 - (scroll * 3) + 'px';
	if(scroll == 304) {
		setTimeout('scrollBannerRight()', 75);
	}
	else {
		setTimeout('scrollBannerLeft()', 75);
	}
}
function scrollBannerRight() {
scroll -= 1;
	document.getElementById('scrollBanner').style.right = 0 - (scroll * 3) + 'px';
	if(scroll == 0) {
		setTimeout('scrollBannerLeft()', 50);
	}
	else {
		setTimeout('scrollBannerRight()', 50);
	}
}


function AC_AddExtension(src, ext)
{
  if (src.indexOf('?') != -1)
    return src.replace(/\?/, ext+'?'); 
  else
    return src + ext;
}

function AC_Generateobj(objAttrs, params, embedAttrs) 
{ 
  var str = '<object style="margin:0px; padding:0px; display:block;" ';
  for (var i in objAttrs)
    str += i + '="' + objAttrs[i] + '" ';
  str += '>';
  for (var i in params)
    str += '<param name="' + i + '" value="' + params[i] + '" /> ';
  str += '<embed style="margin:0px; padding:0px; display:block;" ';
  for (var i in embedAttrs)
    str += i + '="' + embedAttrs[i] + '" ';
  str += ' ></embed></object>';

  document.write(str);
}

function AC_FL_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
     , "application/x-shockwave-flash"
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_SW_RunContent(){
  var ret = 
    AC_GetArgs
    (  arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
     , null
    );
  AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}

function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
  var ret = new Object();
  ret.embedAttrs = new Object();
  ret.params = new Object();
  ret.objAttrs = new Object();
  for (var i=0; i < args.length; i=i+2){
    var currArg = args[i].toLowerCase();    

    switch (currArg){	
      case "classid":
        break;
      case "pluginspage":
        ret.embedAttrs[args[i]] = args[i+1];
        break;
      case "src":
      case "movie":	
        args[i+1] = AC_AddExtension(args[i+1], ext);
        ret.embedAttrs["src"] = args[i+1];
        ret.params[srcParamName] = args[i+1];
        break;
      case "onafterupdate":
      case "onbeforeupdate":
      case "onblur":
      case "oncellchange":
      case "onclick":
      case "ondblClick":
      case "ondrag":
      case "ondragend":
      case "ondragenter":
      case "ondragleave":
      case "ondragover":
      case "ondrop":
      case "onfinish":
      case "onfocus":
      case "onhelp":
      case "onmousedown":
      case "onmouseup":
      case "onmouseover":
      case "onmousemove":
      case "onmouseout":
      case "onkeypress":
      case "onkeydown":
      case "onkeyup":
      case "onload":
      case "onlosecapture":
      case "onpropertychange":
      case "onreadystatechange":
      case "onrowsdelete":
      case "onrowenter":
      case "onrowexit":
      case "onrowsinserted":
      case "onstart":
      case "onscroll":
      case "onbeforeeditfocus":
      case "onactivate":
      case "onbeforedeactivate":
      case "ondeactivate":
      case "type":
      case "codebase":
        ret.objAttrs[args[i]] = args[i+1];
        break;
      case "width":
      case "height":
      case "align":
      case "vspace": 
      case "hspace":
      case "class":
      case "title":
      case "accesskey":
      case "name":
      case "id":
      case "tabindex":
        ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
        break;
      default:
        ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
    }
  }
  ret.objAttrs["classid"] = classid;
  if (mimeType) ret.embedAttrs["type"] = mimeType;
  return ret;
}