/******************** scrollbar *********************/
(function($){$.tiny=$.tiny||{};$.tiny.scrollbar={options:{axis:'y',wheel:40,scroll:true,size:'auto',sizethumb:'auto'}};$.fn.tinyscrollbar=function(options){var options=$.extend({},$.tiny.scrollbar.options,options);this.each(function(){$(this).data('tsb',new Scrollbar($(this),options));});return this;};$.fn.tinyscrollbar_update=function(sScroll){return $(this).data('tsb').update(sScroll);};function Scrollbar(root,options){var oSelf=this;var oWrapper=root;var oViewport={obj:$('.viewport',root)};var oContent={obj:$('.overview',root)};var oScrollbar={obj:$('.scrollbar',root)};var oTrack={obj:$('.track',oScrollbar.obj)};var oThumb={obj:$('.thumb',oScrollbar.obj)};var sAxis=options.axis=='x',sDirection=sAxis?'left':'top',sSize=sAxis?'Width':'Height';var iScroll,iPosition={start:0,now:0},iMouse={};function initialize(){oSelf.update();setEvents();return oSelf;}
this.update=function(sScroll){oViewport[options.axis]=oViewport.obj[0]['offset'+sSize];oContent[options.axis]=oContent.obj[0]['scroll'+sSize];oContent.ratio=oViewport[options.axis]/oContent[options.axis];oScrollbar.obj.toggleClass('disable',oContent.ratio>=1);oTrack[options.axis]=options.size=='auto'?oViewport[options.axis]:options.size;oThumb[options.axis]=Math.min(oTrack[options.axis],Math.max(0,(options.sizethumb=='auto'?(oTrack[options.axis]*oContent.ratio):options.sizethumb)));oScrollbar.ratio=options.sizethumb=='auto'?(oContent[options.axis]/oTrack[options.axis]):(oContent[options.axis]-oViewport[options.axis])/(oTrack[options.axis]-oThumb[options.axis]);iScroll=(sScroll=='relative'&&oContent.ratio<=1)?Math.min((oContent[options.axis]-oViewport[options.axis]),Math.max(0,iScroll)):0;iScroll=(sScroll=='bottom'&&oContent.ratio<=1)?(oContent[options.axis]-oViewport[options.axis]):isNaN(parseInt(sScroll))?iScroll:parseInt(sScroll);setSize();};function setSize(){oThumb.obj.css(sDirection,iScroll/oScrollbar.ratio);oContent.obj.css(sDirection,-iScroll);iMouse['start']=oThumb.obj.offset()[sDirection];var sCssSize=sSize.toLowerCase();oScrollbar.obj.css(sCssSize,oTrack[options.axis]);oTrack.obj.css(sCssSize,oTrack[options.axis]);oThumb.obj.css(sCssSize,oThumb[options.axis]);};function setEvents(){oThumb.obj.bind('mousedown',start);oThumb.obj[0].ontouchstart=function(oEvent){oEvent.preventDefault();oThumb.obj.unbind('mousedown');start(oEvent.touches[0]);return false;};oTrack.obj.bind('mouseup',drag);if(options.scroll&&this.addEventListener){oWrapper[0].addEventListener('DOMMouseScroll',wheel,false);oWrapper[0].addEventListener('mousewheel',wheel,false);}
else if(options.scroll){oWrapper[0].onmousewheel=wheel;}};function start(oEvent){iMouse.start=sAxis?oEvent.pageX:oEvent.pageY;var oThumbDir=parseInt(oThumb.obj.css(sDirection));iPosition.start=oThumbDir=='auto'?0:oThumbDir;$(document).bind('mousemove',drag);document.ontouchmove=function(oEvent){$(document).unbind('mousemove');drag(oEvent.touches[0]);};$(document).bind('mouseup',end);oThumb.obj.bind('mouseup',end);oThumb.obj[0].ontouchend=document.ontouchend=function(oEvent){$(document).unbind('mouseup');oThumb.obj.unbind('mouseup');end(oEvent.touches[0]);};return false;};function wheel(oEvent){if(!(oContent.ratio>=1)){oEvent=$.event.fix(oEvent||window.event);var iDelta=oEvent.wheelDelta?oEvent.wheelDelta/120:-oEvent.detail/3;iScroll-=iDelta*options.wheel;iScroll=Math.min((oContent[options.axis]-oViewport[options.axis]),Math.max(0,iScroll));oThumb.obj.css(sDirection,iScroll/oScrollbar.ratio);oContent.obj.css(sDirection,-iScroll);oEvent.preventDefault();};};function end(oEvent){$(document).unbind('mousemove',drag);$(document).unbind('mouseup',end);oThumb.obj.unbind('mouseup',end);document.ontouchmove=oThumb.obj[0].ontouchend=document.ontouchend=null;return false;};function drag(oEvent){if(!(oContent.ratio>=1)){iPosition.now=Math.min((oTrack[options.axis]-oThumb[options.axis]),Math.max(0,(iPosition.start+((sAxis?oEvent.pageX:oEvent.pageY)-iMouse.start))));iScroll=iPosition.now*oScrollbar.ratio;oContent.obj.css(sDirection,-iScroll);oThumb.obj.css(sDirection,iPosition.now);}
return false;};return initialize();};})(jQuery);

function addAnother() {
	$('#inputWrapper').append('<input type="file" class="addFile"/>');	
}

$(document).ready(function(){
	//******************SLIDESHOW********************//	
	var totWidth=0;
	var positions = new Array();
	
	$('#slides .slide').each(function(i){
		/* Traverse through all the slides and store their accumulative widths in totWidth */
		positions[i]= totWidth;
		totWidth += $(this).width();
		
		/* The positions array contains each slide's commulutative offset from the left part of the container */
		if(!$(this).width())
		{
			alert("Please, fill in width & height for all your images!");
			return false;
		}
	});
	
	$('#slides').width(totWidth);
	
	/* Change the cotnainer div's width to the exact width of all the slides combined */
	$('#menu ul li a').click(function(e,keepScroll){
			/* On a thumbnail click */
			$('li.menuItem').removeClass('act').addClass('inact');
			$(this).parent().addClass('act');
			
			var pos = $(this).parent().prevAll('.menuItem').length;
			
			$('#slides').stop().animate({marginLeft:-positions[pos]+'px'},450);
			/* Start the sliding animation */
			
			e.preventDefault();
			/* Prevent the default action of the link */
			
			// Stopping the auto-advance if an icon has been clicked:
			if(!keepScroll) clearInterval(itvl);
	});
	
	$('#menu ul li.menuItem:first').addClass('act').siblings().addClass('inact');
	/* On page load, mark the first thumbnail as active */
		
	//Enabling auto-advance.
	var current=1;
	function autoAdvance() {
		if(current==-1) return false;
		$('#menu ul li a').eq(current%$('#menu ul li a').length).trigger('click',[true]);	// [true] will be passed as the keepScroll parameter of the click function on line 28
		current++;
	}

	// The number of seconds that the slider will auto-advance in:
	var changeEvery = 8;
	var itvl = setInterval(function(){autoAdvance()},changeEvery*800);
});


//******************InfoGrid********************//
$(function() {
    // Set up variables
    var $el, $parentWrap, $otherWrap, 
        $allTitles = $("#properties dt").css({
            paddingTop: 3,
			paddingRight: 0,
			paddingBottom: 3,
			paddingLeft: 0, // setting the padding here prevents a weird situation, where it would start animating at 0 padding instead of 5
            "cursor": "pointer" // make it seem clickable
        }),
        $allCells = $("#properties dd").css({
            position: "relative",
            top: -1,
            left: 0,
            display: "none" // info cells are just kicked off the page with CSS (for accessibility)
        });
    
    // clicking image of inactive column just opens column, doesn't go to link   
    $("#properties").delegate(".info-col","click", function(e) { 
        
        if ( !$(this).hasClass("curCol") ) {         
            e.preventDefault(); 
            $(this).find('dt:first').click(); 
        } 
        
    });
    
    // clicking on titles does stuff
    $("#properties").delegate("dt", "click", function() {
        
        // cache this, as always, is good form
        $el = $(this);
        
        // if this is already the active cell, don't do anything
        if (!$el.hasClass("current")) {
        
            $parentWrap = $el.parent().parent();
            $otherWraps = $("#properties .info-col").not($parentWrap);
            
            // remove current cell from selection of all cells
            $allTitles = $("#properties dt").not(this);
            
            // close all info cells
            $allCells.slideUp();
            
            // return all titles (except current one) to normal size
            $allTitles.animate({
                paddingTop: 3,
                paddingRight: 0,
                paddingBottom: 3,
                paddingLeft: 0
            });
            
            // animate current title to larger size            
            $el.animate({
                /*paddingTop: 10,
                paddingRight: 5,
                paddingBottom: 0,
                paddingLeft: 10*/
            }).next().slideDown();
            
            // make the current column the large size
            $parentWrap.animate({
                width: 185
            }).addClass("curCol");
            
            // make other columns the small size
            $otherWraps.animate({
                width: 120
            }).removeClass("curCol");
            
            // make sure the correct column is current
            $allTitles.removeClass("current");
            $el.addClass("current");  
        }
    });
    $("#starter").trigger("click"); 


	//******************fancybox********************//
	$("a.iframe").fancybox({
		width:800,
		height:	540,
		centerOnScroll:true
	});
	
	$("a.inline").fancybox({
		hideOnContentClick: false,
		autoDimensions: true,
		centerOnScroll:	true
	});
	
	
	//*******************FAQ************************//
	$('.question').click(function() {
		if($(this).next().is(':hidden') != true) {
			$(this).removeClass('active'); 
			$(this).next().slideUp("normal");
		} else {
			$('.question').removeClass('active');  
			$('.answer').slideUp('normal');
			if($(this).next().is(':hidden') == true) {
				$(this).addClass('active');
				$(this).next().slideDown('normal');
			}   
		}
	});

	$('.answer').hide();
	$('.expand').click(function(event) {
		$('.question').next().slideDown('normal'); {
			$('.question').addClass('active');
		}
    });

	$('.collapse').click(function(event) {
		$('.question').next().slideUp('normal'); {
			$('.question').removeClass('active');
		}
    });

	

	
	$('#scrollbar1').tinyscrollbar();
	
	//dropdown menu
	$('#nav_properties').mouseover(function() {
		$('#nav_properties ul.subnav').show();
		$('#nav_properties a').addClass('active');
		$(this).addClass('active');
	});
	$('#nav_properties').mouseout(function() {
		$('#nav_properties ul.subnav').hide();
		$('#nav_properties a').removeClass('active');
		$(this).removeClass('active');
	});
	
	$('#nav_advertisers').mouseover(function() {
		$('#nav_advertisers ul.subnav').show();
		$('#nav_advertisers a').addClass('active');
		$(this).addClass('active');
	});
	$('#nav_advertisers').mouseout(function() {
		$('#nav_advertisers ul.subnav').hide();
		$('#nav_advertisers a').removeClass('active');
		$(this).removeClass('active');
	});
	
	$('#nav_games').mouseover(function() {
		$('#nav_games ul.subnav').show();
		$('#nav_games a').addClass('active');
		$(this).addClass('active');
	});
	$('#nav_games').mouseout(function() {
		$('#nav_games ul.subnav').hide();
		$('#nav_games a').removeClass('active');
		$(this).removeClass('active');
	});
	
});