document.observe("dom:loaded", function() {
	var shoeDetails = $('collection-overview').getElementsByClassName('showDetail');
	for(i=0;i<shoeDetails.length;i++) {
		$(shoeDetails[i]).observe('click', function(event) {
			Event.stop(event);
			showBig(this.href);
 		});
	}
	if ($('coldetail-button')) {
		$('coldetail-button').observe('click', function(event) {
			Event.stop(event);
			showDetails($('coldetail-link').href);
 		});
	}
})
var showDetails = function(pu) {
	var pwidth = document.viewport.getWidth();
	//(pwidth/2)-350;
	
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {//test for MSIE x.x;
		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number

		if (ieversion > 6) {
			var wwidth = (pwidth/2)-550;
		} else {
			var wwidth = (pwidth/2)-45;
		}
	} else {
		var wwidth = (pwidth/2)-540;
	}
	var win = new Window({className: 'detail', maximizable: false, resizable: false, minimizable: false, draggable: false, destroyOnClose: true, url: pu, width:960, height:477, top:150, left:wwidth, options: {method: 'get'}})
win.show();   
};

var showBig = function(pu) {
	var pwidth = document.viewport.getWidth();
	if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {//test for MSIE x.x;
		var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
		if (ieversion>6) {
			var wwidth = (pwidth/2)-200;
		} else {
			var wwidth = (pwidth/2)+355;
		}
	} else {
		var wwidth = (pwidth/2)-150;
	}
	var win = new Window({maximizable: false, resizable: false, minimizable: false, draggable: false, destroyOnClose: true, url: pu, width:485, height:455, top:100, left:wwidth, options: {method: 'get'}})
win.show();   
};