$(document).ready(function () {
	$('.fonter').click(function(){
			var ourText = $('.f');
			var currFontSize = ourText.css('fontSize');
			var finalNum = parseFloat(currFontSize, 10);
			var stringEnding = currFontSize.slice(-2);
			if(this.id == 'large') {
				finalNum *= 1.2;
			}
			else if (this.id == 'small'){
				finalNum /=1.2;
			}
			ourText.css('fontSize', finalNum + stringEnding);
		});
	$('ul#homeimage').innerfade({
	animationtype: 'fade',
	speed: 1250,
	timeout: 6000,
	type: 'sequence',
	containerwidth: 'auto',
	containerheight: 'auto'
	});
	$('ul.screens').innerfade({
	animationtype: 'fade',
	speed: 1250,
	timeout: 6000,
	type: 'sequence',
	containerwidth: '442px',
	containerheight: '239px'
	});
	$('ul.screensfm').innerfade({
	animationtype: 'fade',
	speed: 1250,
	timeout: 6000,
	type: 'sequence',
	containerwidth: '442px',
	containerheight: '239px'
	});		
    $('a.mooter').click(function () {
        $('ul#homeimage').fadeIn('slow');
    });
	$('a.deleter').click(function () {
        $('ul#homeimage').fadeOut('fast');
    });
	var $adidas = $('#adidas');
    var height = $adidas.height();
    $adidas.hide().css({ height : 0 });
 
    $('a.adidas').click(function () {
        if ($adidas.is(':visible')) {
            $adidas.animate({ height: 0 }, { duration: 500, complete: function () {
                $adidas.hide();
            } });
        } else {
            $adidas.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#adidas',1000);
        }
        
        return false;
    });
	var $topshop = $('#topshop');
    var height = $topshop.height();
    $topshop.hide().css({ height : 0 });
 
    $('a.topshop').click(function () {
        if ($topshop.is(':visible')) {
            $topshop.animate({ height: 0 }, { duration: 500, complete: function () {
                $topshop.hide();
            } });
        } else {
            $topshop.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#topshop',1000);
        }
        
        return false;
    });
	var $heartbreaker = $('#heartbreaker');
    var height = $heartbreaker.height();
    $heartbreaker.hide().css({ height : 0 });
 
    $('a.heartbreaker').click(function () {
        if ($heartbreaker.is(':visible')) {
            $heartbreaker.animate({ height: 0 }, { duration: 500, complete: function () {
                $heartbreaker.hide();
            } });
        } else {
            $heartbreaker.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#heartbreaker',1000);
        }
        
        return false;
    });
	var $spaceconcept = $('#spaceconcept');
    var height = $spaceconcept.height();
    $spaceconcept.hide().css({ height : 0 });
 
    $('a.spaceconcept').click(function () {
        if ($spaceconcept.is(':visible')) {
            $spaceconcept.animate({ height: 0 }, { duration: 500, complete: function () {
                $spaceconcept.hide();
            } });
        } else {
            $spaceconcept.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#spaceconcept',1000);
        }
        
        return false;
    });
	var $ivident = $('#ivident');
    var height = $ivident.height();
    $ivident.hide().css({ height : 0 });
 
    $('a.ivident').click(function () {
        if ($ivident.is(':visible')) {
            $ivident.animate({ height: 0 }, { duration: 500, complete: function () {
                $ivident.hide();
            } });
        } else {
            $ivident.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#ivident',1000);
        }
        
        return false;
    });
	var $ivident2 = $('#ivident2');
    var height = $ivident2.height();
    $ivident2.hide().css({ height : 0 });
 
    $('a.ivident2').click(function () {
        if ($ivident2.is(':visible')) {
            $ivident2.animate({ height: 0 }, { duration: 500, complete: function () {
                $ivident2.hide();
            } });
        } else {
            $ivident2.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#ivident2',1000);
        }
        
        return false;
    });
	var $apsley = $('#apsley');
    var height = $apsley.height();
    $apsley.hide().css({ height : 0 });
 
    $('a.apsley').click(function () {
        if ($apsley.is(':visible')) {
            $apsley.animate({ height: 0 }, { duration: 500, complete: function () {
                $apsley.hide();
            } });
        } else {
            $apsley.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#apsley',1000);
        }
        
        return false;
    });
	var $dragon = $('#dragon');
    var height = $dragon.height();
    $dragon.hide().css({ height : 0 });
 
    $('a.dragon').click(function () {
        if ($dragon.is(':visible')) {
            $dragon.animate({ height: 0 }, { duration: 500, complete: function () {
                $dragon.hide();
            } });
        } else {
            $dragon.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#dragon',1000);
        }
        
        return false;
    });
	var $careers = $('#careers');
    var height = $careers.height();
    $careers.hide().css({ height : 0 });
 
    $('a.careers').click(function () {
        if ($careers.is(':visible')) {
            $careers.animate({ height: 0 }, { duration: 500, complete: function () {
                $careers.hide();
            } });
        } else {
            $careers.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#careers',1000);
        }
        
        return false;
    });
	var $ultrasmile = $('#ultrasmile');
    var height = $ultrasmile.height();
    $ultrasmile.hide().css({ height : 0 });
 
    $('a.ultrasmile').click(function () {
        if ($ultrasmile.is(':visible')) {
            $ultrasmile.animate({ height: 0 }, { duration: 500, complete: function () {
                $ultrasmile.hide();
            } });
        } else {
            $ultrasmile.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#ultrasmile',1000);
        }
        
        return false;
    });
	var $parker = $('#parker');
    var height = $parker.height();
    $parker.hide().css({ height : 0 });
 
    $('a.parker').click(function () {
        if ($parker.is(':visible')) {
            $parker.animate({ height: 0 }, { duration: 500, complete: function () {
                $parker.hide();
            } });
        } else {
            $parker.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#parker',1000);
        }
        
        return false;
    });
	var $vaneaton = $('#vaneaton');
    var height = $vaneaton.height();
    $vaneaton.hide().css({ height : 0 });
 
    $('a.vaneaton').click(function () {
        if ($vaneaton.is(':visible')) {
            $vaneaton.animate({ height: 0 }, { duration: 500, complete: function () {
                $vaneaton.hide();
            } });
        } else {
            $vaneaton.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#vaneaton',1000);
        }
        
        return false;
    });
	var $kl = $('#kl');
    var height = $kl.height();
    $kl.hide().css({ height : 0 });
 
    $('a.kl').click(function () {
        if ($kl.is(':visible')) {
            $kl.animate({ height: 0 }, { duration: 500, complete: function () {
                $kl.hide();
            } });
        } else {
            $kl.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#kl',1000);
        }
        
        return false;
    });
	var $fm = $('#fm');
    var height = $fm.height();
    $fm.hide().css({ height : 0 });
 
    $('a.fm').click(function () {
        if ($fm.is(':visible')) {
            $fm.animate({ height: 0 }, { duration: 500, complete: function () {
                $fm.hide();
            } });
        } else {
            $fm.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#fm',1000);
        }
        
        return false;
    });
	var $hb2 = $('#hb2');
    var height = $hb2.height();
    $hb2.hide().css({ height : 0 });
 
    $('a.hb2').click(function () {
        if ($hb2.is(':visible')) {
            $hb2.animate({ height: 0 }, { duration: 500, complete: function () {
                $hb2.hide();
            } });
        } else {
            $hb2.show().animate({ height : '300px' }, { duration: 500 });
			$.scrollTo('#hb2',1000);
        }
        
        return false;
    });
	var $emi = $('#emi');
    var height = $emi.height();
    $emi.hide().css({ height : 0 });
 
    $('a.emi').click(function () {
        if ($emi.is(':visible')) {
            $emi.animate({ height: 0 }, { duration: 500, complete: function () {
                $emi.hide();
            } });
        } else {
            $emi.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#emi',1000);
        }
        
        return false;
    });
	var $guillon = $('#guillon');
    var height = $guillon.height();
    $guillon.hide().css({ height : 0 });
 
    $('a.guillon').click(function () {
        if ($guillon.is(':visible')) {
            $guillon.animate({ height: 0 }, { duration: 500, complete: function () {
                $guillon.hide();
            } });
        } else {
            $guillon.show().animate({ height : '400px' }, { duration: 500 });
			$.scrollTo('#guillon',1000);
        }
        
        return false;
    });
	var $yart = $('#yart');
    var height = $yart.height();
    $yart.hide().css({ height : 0 });
 
    $('a.yart').click(function () {
        if ($yart.is(':visible')) {
            $yart.animate({ height: 0 }, { duration: 500, complete: function () {
                $yart.hide();
            } });
        } else {
            $yart.show().animate({ height : '380px' }, { duration: 500 });
			$.scrollTo('#yart',1000);
        }
        
        return false;
    });
	var $dmg = $('#dmg');
    var height = $dmg.height();
    $dmg.hide().css({ height : 0 });
 
    $('a.dmg').click(function () {
        if ($dmg.is(':visible')) {
            $dmg.animate({ height: 0 }, { duration: 500, complete: function () {
                $dmg.hide();
            } });
        } else {
            $dmg.show().animate({ height : '400px' }, { duration: 500 });
			$.scrollTo('#dmg',1000);
        }
        
        return false;
    });
	var $frontier = $('#frontier');
    var height = $frontier.height();
    $frontier.hide().css({ height : 0 });
 
    $('a.frontier').click(function () {
        if ($frontier.is(':visible')) {
            $frontier.animate({ height: 0 }, { duration: 500, complete: function () {
                $frontier.hide();
            } });
        } else {
            $frontier.show().animate({ height : '420px' }, { duration: 500 });
			$.scrollTo('#frontier',1000);
        }
        
        return false;
    });
	var $redbull = $('#redbull');
    var height = $redbull.height();
    $redbull.hide().css({ height : 0 });
 
    $('a.redbull').click(function () {
        if ($redbull.is(':visible')) {
            $redbull.animate({ height: 0 }, { duration: 500, complete: function () {
                $redbull.hide();
            } });
        } else {
            $redbull.show().animate({ height : '420px' }, { duration: 500 });
			$.scrollTo('#redbull',1000);
        }
        
        return false;
    });
	var $theform = $('#theform');
    var height = $theform.height();
    $theform.hide().css({ height : 0 });
 
    $('a.theform').click(function () {
        if ($theform.is(':visible')) {
            $theform.animate({ height: 0 }, { duration: 500, complete: function () {
                $theform.hide();
            } });
        } else {
            $theform.show().animate({ height : '330px' }, { duration: 500 });
			$.scrollTo('#theform',1000);
        }
        
        return false;
    });
}); // end of all code