$(document).ready(function() {
    
    var param = location.href.split("?")[1]; //determine which type of Corolla is looking for
    
    if(param == "hatch"){ //when lands for Hatch
	    $('.item-revealer .item-a').stop().animate({'width': '78px'}, 600).removeClass('open');
		    $('.item-revealer .item-c').stop().animate({'width': '670px'}, 600, function(){
		        $('.item-revealer .item-c').find('.body').fadeIn('slow');
	    }).addClass('open');
	  }else if(param == "sedan"){ //when lands for Sedan
	    $('.item-revealer .item-c').stop().animate({'width': '78px'}, 600).removeClass('open');
		    $('.item-revealer .item-a').stop().animate({'width': '670px'}, 600, function(){
		        $('.item-revealer .item-a').find('.body').fadeIn('slow');
	    }).addClass('open');
	  }
	  
    $('.item-revealer .item').each(function(i, n){
	    $(n).bind('click', {
	        element: n
	    }, revealer);
    });
    
    function revealer(event){
    		
        var n = event.data.element;
        
        if ($(n).hasClass('open')) {
        }
        else {
            $('.item-revealer .item .body').fadeOut('fast');
            $('.item-revealer .item').stop().animate({'width': '78px'}, 600).removeClass('open');
            $(n).stop().animate({'width': '670px'}, 600, function(){
                $(n).find('.body').fadeIn('slow');
            }).addClass('open');
        }
        
    }
    
			
});