$(document).ready(function() {
    $('.MainMenu').superfish({
    
    });
    
    $('.InfoBox').dbssprite({down: 'InfoBoxHover', up: 'InfoBoxHover', enter: 'InfoBoxHover', leave: '' });
    $('.InfoPinkBg').dbssprite({down: 'InfoPinkBgHover', up: 'InfoPinkBgHover', enter: 'InfoPinkBgHover', leave: '' });
    
    $('#featured').tabs({fx:{opacity: "toggle"}}).tabs('rotate', 7000, true);
    $('#featuredP').tabs({fx:{opacity: "toggle"}}).tabs('rotate', 7000, true);
    
    $('dl.slidedeck').slidedeck({
        speed: 300, // one second for the sliding to complete
        autoPlay: false, // auto play turned on
        index: false // hide the spine numbers
    });
    
    $('a.ImgFancyBox').fancybox({
        'width'	: 450,
		'height': 450,
        'overlayOpacity' : 0.6
        
	});
    
    $(".youtube").click(function() {
		$.fancybox({
				'overlayOpacity'       : 0.6,
				'overlayColor'  : '#000000',
				'padding'		: 0,
				'autoScale'		: false,
				'transitionIn'	: 'none',
				'transitionOut'	: 'none',
				'title'			: this.title,
				'width'		: 600,
				'height'		: 435,
				'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
				'type'			: 'swf',
				'swf'			: {
				   	 'wmode'		: 'transparent',
					'allowfullscreen'	: 'true'
				}
			});

		return false;
	});
    
    $("#accordion").accordion({ 
		header: "h3", 
		autoHeight: false, 
		//collapsible: true,
		event: 'mouseup'
	});
    
	$( ".gCalendarInput" ).datepicker({ dateFormat: 'yy-mm-dd' });
    
    
	
});

var news = false;
function runMe(pagesNum)
{
	news = new QCollection();
	news.actPageNum = 0;
    news.allPageNum = (pagesNum - 1);
}


function QCollection()
{
	this.actPageNum;
	this.moveTimeOut = 400;
    this.allPageNum;
    this.move = 603;
	
	this.moveRight = function()
	{ 
        if (this.actPageNum < this.allPageNum) {
            this.actPageNum++;
        	var offset = (this.actPageNum *  this.move);
            var div = $('.MoveImages').animate({left:-offset}, this.moveTimeOut);
        }
	}
	
    this.moveLeft = function()
	{
        if (this.actPageNum != 0) {
            this.actPageNum--;
            var offset = (this.actPageNum *  this.move);
            var div = $('.MoveImages').animate({left:offset}, this.moveTimeOut);
        }
	}
}

function jById(href, id)
{
	var h = $('#' + id);
	h.load(href,{},function(){});
}


 $(window).load(function(){
        
        // Fade in images so there isn't a color "pop" document load and then on window load
        //$(".item img").fadeIn(500);
        $(".item img").animate({opacity:1, "filter": "progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)"},100);
        // clone image
        $('.item img').each(function(){
            var el = $(this);
            el.css({"position":"absolute"}).wrap("<div class='img_wrapper' style='display: inline-block;'>").clone().addClass('img_grayscale').css({"position":"absolute","z-index":"9","opacity":"0"}).insertBefore(el).queue(function(){
                var el = $(this);
                el.parent().css({"width":this.width,"height":this.height});
                el.dequeue();
            });
            this.src = grayscale(this.src);
        });
        
        // Fade image
        $('.item img').mouseover(function(){
            $(this).parent().find('img:first').stop().animate({opacity:1}, 500);
        })
        $('.img_grayscale').mouseout(function(){
            $(this).stop().animate({opacity:0}, 500);
        });        
    });
    
    // Grayscale w canvas method
    function grayscale(src){
        var canvas = document.createElement('canvas');
        var ctx = canvas.getContext('2d');
        var imgObj = new Image();
        imgObj.src = src;
        canvas.width = imgObj.width;
        canvas.height = imgObj.height;
        ctx.drawImage(imgObj, 0, 0);
        var imgPixels = ctx.getImageData(0, 0, canvas.width, canvas.height);
        for(var y = 0; y < imgPixels.height; y++){
            for(var x = 0; x < imgPixels.width; x++){
                var i = (y * 4) * imgPixels.width + x * 4;
                var avg = (imgPixels.data[i] + imgPixels.data[i + 1] + imgPixels.data[i + 2]) / 3;
                imgPixels.data[i] = avg;
                imgPixels.data[i + 1] = avg;
                imgPixels.data[i + 2] = avg;
            }
        }
        ctx.putImageData(imgPixels, 0, 0, 0, 0, imgPixels.width, imgPixels.height);
        return canvas.toDataURL();
    }