$(document).ready(function() {

		if(window.location.pathname == '/studio/' && window.location.hash){
			var hash = window.location.hash.substring(1);
			openDetails($('[title ='+hash+']'));
		}
        
        $('.studio_section li a').click(function(){
            if(window.location.pathname == '/studio/'){
                var section = $(this).attr('rel');
                openDetails($('[title ='+section+']'));
            }   
        });
				
        $('input, textarea').each(function(){
        
            var old_background_color = $(this).css('background-color');
        
            $(this).focus(function(){
                $(this).stop().animate( { backgroundColor: '#2a2a2a' }, 500);
                
            });
            $(this).blur(function(){
                $(this).stop().animate( { backgroundColor: old_background_color }, 500);
                
            });
            
        
        });
		
		$('#reset_form').click(function(){
			$(':input').each(function() {
                $(this).val('');
            });
            $(':input:first').focus();
		});
        $('#submit_form').click(function(){
			checkForm();
		});
        $('#mike_images').cycle({ 
                fx:    'fade',
                next: '#mike_images',
                speed: 1500,
                timeout: 10000
        });
        $('#client_images').cycle({ 
                /*
                fx:    'uncover',
                before: function(){$(this).animate( { opacity: '0.1' }, 50 );},
                after: function(){
                    $(this).animate( { opacity: '1.0' }, 300 );
                },
                */
                fx: 'fade',
                pause:  1,
                speed: 1500,
                timeout: 4000 
        });
        var num_client_columns = $('.client_block').size();
        var client_list_width = (num_client_columns) * 235;
        var client_list_container_width = $('#client_list_container').width();
        $('#client_list').css('width', client_list_width);
        $('#client_list_slider').slider({ 
            min: 0,
            max: 100,
            animate: 500,
            slide: function (ev, ui) {
                $('#client_list').css( 'right', (ui.value / 100) * (client_list_width - client_list_container_width) );
            }
        });
        $('.affiliate_container').hover(
            function(){
                $(this).stop().animate( { 'bottom' : '0px' }, 500).children('.affiliate_name').fadeIn(500);
            },
            function(){
                $(this).stop().animate( { 'bottom' : '-50px' }, 500).children('.affiliate_name').fadeOut(500);
            }
        );
        $('.equipment_categories').hide();
        $('.equipment_items').hide();
        $('.equipment_room').click(function(){
            $('#equipment_items').empty();
            $('#equipment_items_slider_container').hide();
            if($(this).next('ul').is(':visible')){
                $(this).next('ul').slideUp(500);
            }
            else{
                $('.equipment_categories').slideUp(500);
                $(this).next('ul').slideDown(500);
            }
        });
        $('.equipment_category').click( function(){ 
            $('*').removeClass('selected_list_item');
            $(this).addClass('selected_list_item');
            $('#equipment_items').css('bottom', '0px');
            $('#equipment_items').empty();
            $(this).children('ul').clone(true).appendTo('#equipment_items').slideDown(500, function(){
                var first_item = $(this).children('li:first');
                first_item.addClass('selected_list_item');
                var equipment_id = first_item.children('a').attr("rel");
                //alert(equipment_id);
                getEquipmentDetails(equipment_id);
                var equipment_items_height = $('#equipment_items').height();
                var equipment_items_container_height = $('#equipment_items_container').height();
                $('#equipment_items_slider_container').hide();
                if(equipment_items_height > equipment_items_container_height){
                    $('#equipment_items_slider_container').fadeIn(200);
                    $('#equipment_items_slider').slider({ 
                        min: 0,
                        max: 100,
                        value: 100,
                        orientation: 'vertical',
                        slide: function (ev, ui) {
                            $('#equipment_items').css( 'bottom', (((100 - ui.value) / 100) * (equipment_items_height - equipment_items_container_height)));
                        },
                        change: function (ev, ui) {
                            $('#equipment_items').css( 'bottom', (((100 - ui.value) / 100) * (equipment_items_height - equipment_items_container_height)));
                        }
                    });
                }
            });
        });
        $('.equipment_item').click(function(){
            $('.equipment_item').removeClass('selected_list_item');
            $(this).addClass('selected_list_item');
            var equipment_id = $(this).children('a').attr("rel");
            getEquipmentDetails(equipment_id);
        });
        function getEquipmentDetails(item){
            $('#equipment_display_container').animate( { opacity: '0' }, 500, function(){
                $('#equipment_display_container').empty().html('<div id="loading"></div>');
                $('#equipment_display_container').animate( { opacity: '1' }, 1000);
                $.post(
                        '/req/get_equipment_details.php',
                        {
                            id: item
                            
                        },
                        function(data) {
                            $('#equipment_display_container').html(data);
                            $('.equipment_image').css('background', '#141414');
                        }
                );
            });
        }
        $('#equipment_items').mousewheel(function(event, delta) {
        
            var scroll_pos = $('#equipment_items_slider').slider('value');
            
            if (delta > 0) {
            
                $('#equipment_items_slider').slider('value', scroll_pos + 10);
                    
            } else if (delta < 0) {
            
                $('#equipment_items_slider').slider('value', scroll_pos - 10);
                
            }
            return false;
        });
        $('.equipment_room:first').trigger('click');
        $('.equipment_category:first').trigger('click');
        $('#newsletter_article_container').mousewheel(function(event, delta) {
        
            var scroll_pos = $('#newsletter_article_slider').slider('value');
            
            if (delta > 0) {
            
                $('#newsletter_article_slider').slider('value', scroll_pos + 10);
                    
            } else if (delta < 0) {
            
                $('#newsletter_article_slider').slider('value', scroll_pos - 10);
                
            }
            return false;
        });
        $('#newsletter_article_slider').slider({ 
            min: 0,
            max: 100,
            value: 100,
            orientation: 'vertical',
            slide: function(ev, ui) {
                var max_scroll = $('.active_article').height() - $('#newsletter_article_container').height() + 10;
                $('.active_article').css({ 'top': ((-1)*(100 - ui.value) / 100) * max_scroll });
            },
            change: function(ev, ui) {
                var max_scroll = $('.active_article').height() - $('#newsletter_article_container').height() + 10;
                $('.active_article').css({ 'top': ((-1)*(100 - ui.value) / 100) * max_scroll });
            }
        });
        function prepNextArticle(){
            $('#newsletter_article_slider_container').fadeOut(300);
            $('.newsletter_article').removeClass('active_article');
            $(this).addClass('active_article');
            var article_height = $(this).height();
            var article_container_height = $('#newsletter_article_container').height();
            if(article_height > article_container_height){
                $('#newsletter_article_slider_container').fadeIn(300);
            }
        }
        $('#newsletter_article_container').cycle({ 
            fx:     'scrollHorz', 
            speed:  500,
            timeout: 10000,
            pause:  1,
            before:  prepNextArticle,
            next:   '#newsletter_article_next_container', 
            prev:   '#newsletter_article_prev_container' 
        });
        $('#newsletter_article_pause_container').toggle(
            function(){
                $(this).html('RESUME');
                $('#newsletter_article_container').cycle('toggle');
            },
            function(){
                $(this).html('PAUSE');
                $('#newsletter_article_container').cycle('toggle');
            }
        );
		$('.quad_box').click(function(){
			var self = $(this);		
			openDetails(self);
      
		});
		function openDetails(item){
		
			var original_location = item.position();
			
			if(!($(item).hasClass('studio_detail_sidebar'))){
				item.stop();
				item.css( { 'border' : 'none' } );
				item.addClass('studio_detail_sidebar');
				$('#header_container').slideUp(400);
				$('.bottom_box_header').fadeOut(400);
				item.parent().siblings().animate( { 'marginTop' : '500px'}, 400, function(){
					item.css( { 'border' : 'none' } );
					item.animate( { 'marginTop' : '-175px'}, 400).animate( {'marginLeft' : '-' + original_location.left + 'px', 'paddingLeft' : '0px' }, 400).animate( { 'height' : '624px' } );
					$('#header_switch').fadeIn(400, function(){
						item.css( { 'border' : 'none' } );
						getStudioDetails(item);
					});
				});
			}
			else{
					closeDetails(item);
			}
		
		}
		$('#close_details').live('click', function(){
			closeDetails($('.studio_detail_sidebar:first'));
		});
        function resetBorders(){
            $('#quad_box_content_conatiner_first').css( { 'border-right' : '1px dashed #AAA' } );
            $('#quad_box_content_conatiner_second').css( { 'border-right' : '1px dashed #AAA' } );
            $('#quad_box_content_conatiner_fourth').css( { 'border-left' : ' 1px dashed #AAA' } );
        }
		function resetPadding(item){
			if(($(item).is('#quad_box_content_conatiner_first'))){
				return '0px';
			}
			else{
				return '9px';
			}
		}
		function getStudioDetails(item){
			$('#studio_details').empty();
                $.post(
                        '/req/get_studio_details.php',
                        {
                            studio_name: item.attr("title")
                            
                        },
                        function(data) {
							$('#studio_details').fadeIn(400);
                            $('#studio_details').html(data);
							$('#studio_images').cycle({ 
								fx:     'scrollHorz', 
								speed:  500,
								nowrap: 1,
								timeout: 0,
								next:   '#studio_image_next, .studio_image', 
								prev:   '#studio_image_prev' 
							});
							$('#studio_image_gallery').cycle({ 
								fx:     'scrollHorz', 
								speed:  500,
								nowrap: 1,
								timeout: 0,
								next:   '#studio_image_gallery_next', 
								prev:   '#studio_image_gallery_prev' 
							});
							$('.studio_image_thumb').click(function(){
								var item = $(this).attr('title');
								$('#studio_images').cycle(parseInt(item));  
								return false;	
							});
                        }
                );
		}
		function closeDetails(item){
			if(item.hasClass('studio_detail_sidebar')){
				item.removeClass('studio_detail_sidebar');
				$('#studio_details').fadeOut(400);
				$('#header_switch').fadeOut(400);
				item.animate( {'marginLeft' : '0px', 'padding-left' : resetPadding(item) }, 300).animate( { 'height' : '379px' }).animate( { 'marginTop' : '0px'}, 300, function(){
					item.parent().siblings().animate( { 'marginTop' : '0px'}, 400, function(){
						resetBorders();
					});
					$('.bottom_box_header').fadeIn(400, function(){
						$('#header_container').slideDown(400);
					});
				});
			}
		}
        function checkForm(){
            var name = $('#input_name').val();
            if ((name.length < 1)) {
                alert('Please provide your name');
                $('#input_name').focus();
                return false;
            }
            var email = $('#input_email').val();
            var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;
            if (!filter.test(email)) {
                alert('Please provide a valid email address');
                $('#input_email').focus();
                return false;
            }
            var message = $('#input_message').val();
            if ((message.length < 1)) {
                alert('Please provide a brief message');
                $('#input_message').focus();
                return false;
            }
            
            $.post(
                    '/req/send_contact_email.php',
                    {
                        name: addslashes(name),
                        email: addslashes(email),
                        message: addslashes(message)
                        
                    },
                    function(data) {
                        $('form').fadeOut(300);
                        $('form').html(data);
                        $('form').fadeIn(500);
                    }
            );
        }
        function addslashes(str) {
            str=str.replace(/\\/g,'\\\\');
            str=str.replace(/\'/g,'\\\'');
            str=str.replace(/\"/g,'\\"');
            str=str.replace(/\0/g,'\\0');
            return str;
        }
});