/**
 * @author iPrior
 */
var ImageView = {
    getWinSize: function(){
        var winW = 1024, winH = 768;
        if (parseInt(navigator.appVersion) > 3) {
            if (navigator.appName == "Netscape") {
                winW = window.innerWidth;
                winH = window.innerHeight;
            }
            if (navigator.appName.indexOf("Microsoft") != -1) {
                winW = document.body.offsetWidth;
                winH = document.body.offsetHeight;
            }
        }
        return {
            width: winW,
            height: winH
        };
    },
    crBG: function(){
        var win = this.getWinSize();
        if ($('ImageView_BG')) 
            $('ImageView_BG').remove();
        
        var ImageView_BG = new Element('div', {
            'id': 'ImageView_BG',
            'style': 'position:fixed; width:100%; height:100%; left:0px; top:0px; z-index:1; background-color:#000000;'
        });
        document.getElementsByTagName('body')[0].appendChild(ImageView_BG);
        $('ImageView_BG').setOpacity(0.5);
        $('ImageView_BG').observe('click', function(){
            ImageView.Close();
        });
    },
    crIMG: function(){
        if ($('ImageView_IMGdiv')) 
            $('ImageView_IMGdiv').remove();
        var win = this.getWinSize();
        var left = (win.width - 300) / 2;
        var top = (win.height - 300) / 2;
        var ImageView_IMGdiv = new Element('div', {
            'id': 'ImageView_IMGdiv',
            'style': 'position:fixed; width:300px; height:300px; left:' + left + 'px; top:' + top + 'px; z-index:2; background-image:url(/images/ajax-loader_circle.gif); background-position:center; background-repeat:no-repeat;',
        });
        document.getElementsByTagName('body')[0].appendChild(ImageView_IMGdiv);
        $('ImageView_IMGdiv').observe('dblclick', function(){
            ImageView.Close();
        });
    },
    viewImage: function(src){
        var win = this.getWinSize();
        var ImageView_IMG = new Element('img', {
            'src': '/product_images/' + src,
            'id': 'ImageView_IMG'
        });
        this.crBG();
        this.crIMG();
        $('ImageView_IMGdiv').appendChild(ImageView_IMG);
        setTimeout("ImageView.resetPosition()", 300);
    },
	viewPhoto:function(src) {
		 var win = this.getWinSize();
        var ImageView_IMG = new Element('img', {
            'src': '/gallery/' + src,
            'id': 'ImageView_IMG'
        });
        this.crBG();
        this.crIMG();
        $('ImageView_IMGdiv').appendChild(ImageView_IMG);
        setTimeout("ImageView.resetPosition()", 300);
	},
    resetPosition: function(){
        var win = this.getWinSize();
        var imgW = $('ImageView_IMG').getWidth();
        var imgH = $('ImageView_IMG').getHeight();
        var left = (win.width - imgW) / 2;
        var top = (win.height - imgH) / 2;
		$('ImageView_IMGdiv').style.backgroundImage = '';
        $('ImageView_IMGdiv').style.width = imgW + 'px';
        $('ImageView_IMGdiv').style.height = imgH + 'px';
        $('ImageView_IMGdiv').style.left = left + 'px';
        $('ImageView_IMGdiv').style.top = top + 'px';
        if (top <= 0 || left <= 0) {
            new Draggable('ImageView_IMG', {
                scroll: window
            });
            $('ImageView_IMGdiv').style.cursor = 'move';
        }
        else {
            $('ImageView_IMGdiv').observe('click', function(){
                ImageView.Close();
            });
            $('ImageView_IMG').observe('click', function(){
                ImageView.Close();
            });
        }
		if(navigator.appName.indexOf("Microsoft") != -1) {
			top = document.body.parentElement.scrollTop;
			$('ImageView_IMGdiv').style.top = top+150 + 'px';
			$('ImageView_IMGdiv').style.position = 'absolute';
		}
    },
    Close: function(){
        $('ImageView_IMG').remove();
        $('ImageView_IMGdiv').remove();
        $('ImageView_BG').remove();
    }
}