var mySlider;
var im_pos;
window.addEvent('load', function(){
    $('works').setStyle('display','block');    	
    var worksSlide = new Fx.Slide('works');
    if(!in_works) worksSlide.hide();
    $('a_works').addEvent('click', function(e){
	e.stop();
	worksSlide.toggle();
    });

if(in_works)
{

    im_pos = getOffsetSum($('container'))
    var itemsHolder = $('container');

    var myItems = $$(itemsHolder.getElements('.item'));
    $$('.item').each(function(item,index){
	item.setStyle('display','block');
    });
                
            //controls for slider^
//                var theControls = $('controls1');
//                var numNavHolder = $('ul');
                var thePrevBtn = $('prev_btn');
                var theNextBtn = $('next_btn');
                
                
                //create instance of the slider, and start it up                
                mySlider = new SL_Slider({
                        slideTimer: 4000,
                        orientation: 'none',      //vertical, horizontal, or none: None will create a fading in/out transition.
                        fade: true,                    //if true will fade the outgoing slide - only used if orientation is != None
							transitionTime: 1200, 
			isPaused: false,
                        container: itemsHolder,
                        items: myItems,
//                        numNavActive: true,
//                        numNavHolder: numNavHolder,
//                        playBtn: thePlayBtn,
                        prevBtn: thePrevBtn,
                        nextBtn: theNextBtn
                });
                mySlider.start();
    $('container').addEvent('mousemove',function(ev){
	this.setStyle('cursor','pointer');
	var m_x = ev.page.x - im_pos.left;
	var m_y = ev.page.y - im_pos.top;
	if(m_x > 350 & (mySlider.options.items.length - 1) > mySlider.options.itemNum)
	{
	    $('nextbtn').setStyle('display','block');
	    $('prevbtn').setStyle('display', 'none');
	}
	else if(m_x <= 350 & 0 < mySlider.options.itemNum)
        {
            $('nextbtn').setStyle('display','none');
            $('prevbtn').setStyle('display','block');
        }    
    });
    $('container').addEvent('mouseleave',function(){
	$('nextbtn').setStyle('display','none');
        $('prevbtn').setStyle('display','none');
    });
    $('container').addEvent('click',function(ev){
	var m_x = ev.page.x - im_pos.left;
	var self = mySlider;
	if(m_x > 350 & (mySlider.options.items.length - 1) > mySlider.options.itemNum) {
	    if(self.isSliding == 0){
        	if(self.options.isPaused == false){
            	    $clear(self.timer);
                    self.timer = self.slideIt.periodical(self.options.slideTimer, self, null);
                }
        	self.direction = 1;
        	self.slideIt();
            }
	}
	else if(m_x <= 350 & 0 < mySlider.options.itemNum) {
	    if(self.isSliding == 0){
        	if(self.options.isPaused == false){
            	    $clear(self.timer);
                    self.timer = self.slideIt.periodical(self.options.slideTimer, self, null);
                }
        	self.direction = 0;
        	self.slideIt();
            }
	}
    });
    
    mySlider.addEvent('slideChange',function(slideNum){
	$$('#thumbs img').each(function(item, index){
//	    item.setStyle('opacity','0.5');
	    item.setStyle('border','none');
	    item.setStyle('position','relative');
	    item.setStyle('top','0px');
	});
//	$('thumb' + slideNum).setStyle('opacity','1');
	$('thumb' + slideNum).setStyle('border','2px solid #cccccc');
	$('thumb' + slideNum).setStyle('position','relative');
	$('thumb' + slideNum).setStyle('top','2px');
	if((mySlider.options.items.length - 1) <= mySlider.options.itemNum) { $('nextbtn').setStyle('display','none');}
	if(mySlider.options.itemNum <= 0){ $('prevbtn').setStyle('display','none');}

    });
}

});

function setSlider(num)
{
    mySlider.numPress(num);
    return false;
}

function edit_content(page_id, item, act)
{
    if(item == undefined) item = '';
    act = act + '&item=' + item;
    Shadowbox.open({
    content: '/edit.php?p=' + page_id + '&act=' + act,
    player:     "iframe",
	title:      "Редактирование",
        height:     400,
	width:      300
    });
    return false;
}

function getOffset(elem) {
    if (elem.getBoundingClientRect) return getOffsetRect(elem);
    else return getOffsetSum(elem);
}

function getOffsetSum(elem) {
    var top=0, left=0
    while(elem) {
        top = top + parseInt(elem.offsetTop)
        left = left + parseInt(elem.offsetLeft)
        elem = elem.offsetParent
    }
    return {top: top, left: left}
}

function getOffsetRect(elem) {
    var box = elem.getBoundingClientRect()
    var body = document.body
    var docElem = document.documentElement
    var scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop
    var scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft
    var clientTop = docElem.clientTop || body.clientTop || 0
    var clientLeft = docElem.clientLeft || body.clientLeft || 0
    var top  = box.top +  scrollTop - clientTop
    var left = box.left + scrollLeft - clientLeft
    return { top: Math.round(top), left: Math.round(left) }
}