dojo.require("dojox.image.Lightbox");
dojo.require("dojo.parser");
//слегка подпилинный селект
//dojo.require("dijit.form.NoEditSelect");
dojo.require("dijit.form.NoEditSelect");
//выборка
dojo.require("dojo._base.query");
//анимация
dojo.require("dojo.fx");



//анимированное меню
var badFix = 0;
var animNavigation = function(){
    dojo.query(".aniSpan")
        .connect("onclick", function(){
			if(badFix == 1){return;}
			//убираем выделение броузера
            this.blur();
            //определяем цель
            var _targetUl = dojo.attr(this, "name");
            //выбираем обьект
            var _blockUl = dojo.byId(_targetUl);
            //если целевой список активен
            if(dojo.attr(_blockUl, "class") == "vis_ul"){
                //выходим
                return;
            }
            //выбираем активный блок
            var _currentUl = dojo.query(".vis_ul")[0];
			//готовим анимацию
            var wipeOut = dojo.fx.wipeOut({ node: _currentUl, duration: 300 });
            var wipeIn = dojo.fx.wipeIn({ node: _blockUl, duration: 300 });
			dojo.connect(wipeOut, "onEnd", function(){
				wipeOut = null;
				dojo.connect(wipeIn, "onEnd", function(){
					wipeIn = null;
					wipeOut = null;
					//убираем флаг активности со старого блока
					dojo.attr(_currentUl, "class", null);
					//и устанавливаем его на новый
					dojo.attr(_blockUl, "class", "vis_ul");
					badFix = 0;
				});
				wipeIn.play();
			});
			wipeOut.play();
			badFix = 1;
        });
}

function gallery(){
    var gline = dojo.byId('position_line');
    var relGalleryHeight = dojo.byId('rel_hide');
    //верхняя кнопка
    var fwdLink = dojo.byId('g_fwd');
    //нижняя кнопка
    var backLink = dojo.byId('g_back');
    //определяем анимацию затухания кнопки
    var fdwHide = dojo.fadeOut({node: fwdLink, duration: 500, delay: 500});
    //определяем анимацию появления кнопки
    var fdwShow = dojo.fadeIn({node: fwdLink, duration: 500, delay: 500});
    //определяем анимацию затухания кнопки
    var backHide = dojo.fadeOut({node: backLink, duration: 500, delay: 500});
    //определяем анимацию появления кнопки
    var backShow = dojo.fadeIn({node: backLink, duration: 500, delay: 500});
    var shiftTop;
    var lineAnimation;
    var gtarget;
    //узнаем высоту родительского блока с overflow:hidden -- видимия область
    if(relGalleryHeight){
        pHeight = parseInt(relGalleryHeight.offsetHeight);
    }
	if(gline){
        //узнаем высоту дочернего блока
        fullHeight = parseInt(gline.offsetHeight);
		//console.log(fullHeight);
		//    
		dojo.query('#position_line a')
            .connect('onclick', function(e){
                var statImage = dojo.attr(this, "id");
                this.blur();
                //новая картинка
                e.preventDefault(); //остановка линка
                if(statImage !="actual_image"){
                    imageLoad = dojo.attr(this, "href");
                    imageTitle = dojo.attr(this, "title");
                    newImg = dojo.byId('biggy');
                    var flash =  '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" class="v_img" width="513" height="351" align="middle">' +
                    '<param name="allowScriptAccess" value="sameDomain">' +
                    '<param name="allowFullScreen" value="false">' +
                    '<param name="movie" value="'+ imageLoad + '">' +
                    '<param name="quality" value="high">' +
                    '<param name="bgcolor" value="#ffffff">' +
                    '<embed src="' + imageLoad + '" quality="high" bgcolor="#ffffff" width="513" height="351" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">' +
                    '</object>';

                    ////tmp = new Image();
                    ////tmp.src = imageLoad;
                    dojo.attr(newImg, "style", { "opacity":"0" } );
                    //старая картинка
                    var oldPosition = dojo.byId("actual_image");
                    dojo.attr(oldPosition, "id", null);
                    var titleIg = dojo.byId('img_title');
                    dojo.attr(this, "id", "actual_image");
					//убираем подсветку со старого блока
					var oldTimer = dojo.query('.virt_selected')[0];
					dojo.attr(oldTimer, "class", "");
					//меняем блок
					var parBox = this.parentNode;
					dojo.attr(parBox, "class", "virt_selected");
                    //включаем новую
                    dojo.byId('img_title').innerHTML = imageTitle;
                    /*dojo.attr(newImg, "src", imageLoad );*/
                    newImg.innerHTML = flash;
                    // dojo.fadeIn({ node: newImg, duration: 500, delay: 1000 }).play();
                }
            });
    }
    // if(fwdLink){
        // dojo.query('#g_fwd')
            // .connect('onclick', function(){
                // shiftTop = parseInt(gline.style.top);
				// if(!shiftTop || shiftTop == 0){
                    // return;
                // }
				// //определяем величину сдвига
				// if(-shiftTop <= pHeight){
					// slideTop = 0;
				// }
				// else{
					// slideTop = shiftTop + pHeight;
				// }
				// lineAnimation = dojo.fx.slideTo({ node: gline, top:slideTop, unit:"px", duration: 500 });
				// dojo.connect(lineAnimation, "onEnd", function(){
                    // lineAnimation = null;
                // });
                // //запускаем ее
                // lineAnimation.play();
        // }); 
    // }
    // if(backLink){
        // dojo.query('#g_back')
            // .connect('onclick', function(){
				// //считаем отступ сверху
                // shiftTop = parseInt(gline.style.top);
                // //если отступ не определен -- приравниваем к 0
                // if(!shiftTop){
                    // shiftTop = 0;
                // }
				// //console.log(shiftTop);
                // //определяем скрытую часть снизу
				// var vHideHeight = fullHeight - pHeight + shiftTop;
				// //console.log(vHideHeight);
				// //определяем величину сдвига
				// if(vHideHeight < pHeight){
					// slideTop = shiftTop - vHideHeight;
				// }
				// else{
					// slideTop = shiftTop - pHeight;
				// }
				
				// lineAnimation = dojo.fx.slideTo({ node: gline, top:slideTop, unit:"px", duration: 500 });
				// //console.log(gline);
				// //вроде как отлавливаем двойные клики
                // dojo.connect(lineAnimation, "onEnd", function(){
                    // lineAnimation = null;
                // });
                // //запускаем ее
                // lineAnimation.play();
        // }); 
    // }
    
}

function ___winSize(){
	var winWidth = 0, winHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		winWidth = window.innerWidth;
		winHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		winWidth = document.documentElement.clientWidth;
		winHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		winWidth = document.body.clientWidth;
		winHeight = document.body.clientHeight;
	}
	arrayWinSize = new Array(winWidth,winHeight);
	return arrayWinSize;
}

function heightFixStupid(){
	if(document.getElementById('cols_wrapper') && document.getElementById('rubber')){
		var rubber = dojo.byId('rubber');
		if(window.navigator.userAgent.indexOf("MSIE") >= 0){
			
			rubber.style.height = "auto";
		}
		___winSize();
		var contentHeight = parseInt(dojo.byId('cols_wrapper').offsetHeight);
		var winHeight = arrayWinSize[1];
		var ost = 489;
		var fullWW = contentHeight + ost;
		if(fullWW <  winHeight){
			rubber.style.height = winHeight - ost + "px";
		}
		else{
			rubber.style.height = "auto";
		}
	}
}
var init = function(){
    animNavigation();
	gallery();
	heightFixStupid();
}

//
dojo.addOnLoad(init);
dojo.connect(window, "onresize", heightFixStupid);
//