var pict = null;
var cpict = 1;
var ppause = 900;
var inum = null;
var lnflag = false;
var ua = navigator.userAgent;
var calpha = 0;

function init() {
	window.onresize = resizer;
	window.onscroll = resizer;
	
	if (window.addEventListener){
		window.addEventListener("resize", resizer, false);
		window.addEventListener("scroll", resizer, false);
	}

	resizer(0);
	canvasinit();
}

function canvasinit()
{
	pict = null;
	cpict = 0;
	ppause = 900;
	inum = null;
	lnflag = false;
	calpha = 0;
	if  (document.getElementById('canvas') && document.getElementById('canvas').getContext) {
		pict = new Image();
		pict.src = '/gallery/' + gallery[cpict];
		pict.gallery = 0;
		
		pict.set_alpha = function(v) {
			var ctx = document.getElementById('canvas').getContext('2d');
			ctx.globalAlpha = v / 100;
		}
			
		inum = setInterval('pfSwitch()', 50);
	} else if  (ua.indexOf('MSIE') > 0 && ua.indexOf('Opera') == -1 && ua.indexOf('Safari') == -1) {
		pict = document.createElement('img');
		pict.setAttribute('id', 'mpfimg');
		pict.setAttribute('src','/gallery/' + gallery[cpict]);
		pict.setAttribute('width', '733');
		pict.setAttribute('height', '154');
		pict.className = 'imgtrans';
		pict.setAttribute('alt', '');

		pict.set_alpha = function(v) {
			if (this.filters.alpha) {
				this.filters.alpha.opacity = v;
			}
		}

		document.getElementById('banner').appendChild(pict);
		inum = setInterval('pfSwitch()', 50);
	}
}

function CSSswitch(store)
{
	var menu = document.getElementById('optmenu');
	var nlLinks = menu.getElementsByTagName('a');
	var nlCells = menu.getElementsByTagName('td');
	
	var prefix = "";
	if (store == 5) {
		prefix = "vin_";
	} else {
		menu.style.backgroundImage = 'url(/imgs/leftmenu.gif)';
		menu.style.color = '#ffffff';	
		document.body.style.backgroundImage = '';
		document.body.style.backgroundColor = 'rgb(174,224,246)';
	}
	
	var nav = document.getElementById("nav-pulldown");
	var nlSubnav = nav.getElementsByTagName("ul");
	for (var i=0; i<nlSubnav.length; i++) {
		var nlLI = nlSubnav.item(i).getElementsByTagName("li");
		for (var j=0; j<nlLI.length; j++) {
			var li = nlLI.item(j);
			if (li.className == 'top') {
				li.style.backgroundImage = 'url(/img/' + prefix + 'submnutop)';
			} else if (li.className == 'bottom') {
				li.style.backgroundImage = 'url(/img/' + prefix + 'submnubottom)';
			} else {
				li.style.backgroundImage = 'url(/img/' + prefix + 'submnumiddle)';
			}
		}
	}
}

function getCookie(name) {
    var dc = document.cookie;
    var prefix = name + "=";
    var begin = dc.indexOf("; " + prefix);
    if (begin == -1) {
        begin = dc.indexOf(prefix);
        if (begin != 0) return null;
    }
    else {
        begin += 2;
    }
    var end = document.cookie.indexOf(";", begin);
    if (end == -1) {
        end = dc.length;
    }
    return unescape(dc.substring(begin + prefix.length, end));
}

function resizer() {
	var mheight;
	if (window.innerHeight) {
		mheight = window.innerHeight - 1;
	} else {
		mheight = document.documentElement.clientHeight - 1;
	}	
	//alert("mheight: " + mheight);
	
	var optmenu = document.getElementById('optmenu');
	var content = document.getElementById('content');

	// 
	var contentHeight = (mheight - 153 + getScrollXY()[1]);
	content.style.height = contentHeight + 'px';
	optmenu.style.height = Math.max(570, contentHeight) + 'px';
}

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

function pfSwitch() {	
	if (!pict.complete) return;

	if (ppause > 0) {
		if ((ppause < 80) && lnflag) {
			pict.set_alpha(0);
			pict.src = "/gallery/" + gallery[cpict]; 
			lnflag = false;
		}
		
		ppause--;
		return;
	}

	var ctx = (pict.gallery >= 0) ? document.getElementById('canvas').getContext('2d') : null;

	pict.set_alpha(calpha);
	calpha+=5;

	if (ctx != null) {
	      ctx.clearRect(0,0,733,154);
	      ctx.globalAlpha = calpha / 100;
	      ctx.drawImage(pict,0,0);
	}

	if (calpha >= 100) {
		document.getElementById('banner').style.backgroundImage = 'url(/gallery/' + gallery[cpict] + ')';

		cpict++;
		if (cpict == gallery.length) cpict = 0;
		
		calpha = 0;		
		lnflag = true;	
		ppause = 900;
	}
}