// JavaScript Document
$(function(){

	Wish = new function(){
		
		this.construct = function(){
			Wish.bind();
			Wish.loadSlider();
			Wish.subnavCollapse();
			//Wish.solutions();
		}
		
		this.bind = function(){
			
		}
		
		this.loadSlider = function(){
			$(document).ready(function(){
				var slider = $('.transparent');
				var height = ($('#content').height())+25;
				slider.css('display','block');
				slider.css('height',height);
				slider.delay(500,'');
				slider.animate(
					{right: '-340px'},1750
				);
			 });	
		}
		
		this.subnavCollapse = function(){
			var subnav = $('#nav li.subnav')
			$('a#dropDown').toggle(
				function(){
					subnav.animate({height: '245px'}, 500);
					subnav.delay(500,'');
					$('#nav li img').each(function(i,el){
						$(el).attr('src',Wish.turnOff($(el).attr('src')));
					});
					var src = $('#solutions').attr('src');
					var newSrc = Wish.changeSrc(src);
					$('#solutions').attr('src',newSrc);
				},function(){
					subnav.animate({height: '0px'}, 500);
					subnav.delay(500,'');
					$('#nav li img').each(function(i,el){
						$(el).attr('src',Wish.turnOff($(el).attr('src')));
					});
				}
			)	
			return false;
		}
		
		this.solutions = function(){
			$('#solutions').click(function(){
				$('#nav li img').each(function(i,el){
					$(el).attr('src',Wish.turnOff($(this).attr('src')));
				});
				var src = $(this).attr('src');
				var newSrc = Wish.changeSrc(src);
				$(this).attr('src',newSrc);
				return false;
			})
		}
		
		this.turnOff = function(img){
				var newSrc = img.replace('-on.png', '-off.png');
			return newSrc;
		}
		
		this.changeSrc = function(img){
			var newSrc = img.replace('-off.png', '-on.png');
			if(newSrc == img){
				var newSrc = img.replace('-on.png', '-off.png');
			}
			return newSrc;
		}

	}
	
	Wish.construct();

});