$(document).ready(function() {
  $('.tooltip_container').hover(function() {
    $t = $('.tooltip_box', this);
    $t.stop();
    $t.fadeTo(400, 1);
  }, function() {
    $t.fadeOut(100);
  });
  $('.tooltip_box').hover(function() {
    $(this).stop();
    $(this).fadeTo(100,1);
  });
  
  $('.content_boxes .box').hover(function() {
    $('.overlay_text', this).slideDown('fast');

  }, function() {
    $('.overlay_text', this).slideUp('fast');
  });
  
   $('.content_boxes .box2').hover(function() {
    $('.overlay_textb', this).slideDown('fast');
  
  }, function() {
    $('.overlay_textb', this).slideUp('fast');
  });
    
  $('.close_button').click(function() {
    $(this).closest('.tabbed_box').fadeOut('fast');
    
    return false;
  });

  
  $('.internal_side_links a').click(function() {
    $('.tabbed_box').not($('#'+$(this).attr('rel'))).fadeOut('fast');
    $('#'+$(this).attr('rel')).fadeIn('fast');
    
    $('.internal_side_links a').removeClass('active');
    $(this).addClass('active');
    
    initTabArrow('#'+$(this).attr('rel') + " ");
    
    return false;
  });
});

function clearInput(value, input) {
  if(input.value == value) {
    input.value = '';
  }
}

function restoreInput(value, input) {
  if(input.value == '') {
    input.value = value;
  }
}

function overlayClick(elm) {
  $('.tabbed_box:visible').fadeOut('fast');
  $(elm).fadeOut('fast').remove();
  
  return false;
};

/* Dealer login and trailing arrows */

var loginboxModal;
var slideOutHeight;
var currId;

jQuery(function ($) {
	var loginbox = {
		container: null,
		init: function () {
			$("input.loginbox, a.loginbox").click(function (e) {
				e.preventDefault();	

				$("#loginbox-modal-content").modal({
					overlayId: 'loginbox-overlay',
					containerId: 'textbox-container',
					closeHTML: null,
					minHeight: 80,
					opacity: 65, 
					position: ['0',],
					overlayClose: true,
					onOpen: loginbox.open,
					onClose: loginbox.close
				});
			});
		},
		open: function (d) {
			loginboxModal = d;
			var self = this;
			self.container = d.container[0];
			d.overlay.fadeIn('slow', function () {
				$("#loginbox-modal-content", self.container).show();
				var title = $("#loginbox-modal-title", self.container);
				title.show();
				d.container.slideDown('slow', function () {
					setTimeout(function () {
						var h = $("#loginbox-modal-data", self.container).height()
							+ title.height()
							+ 20; // padding
						slideOutHeight = h + 30;
						d.container.animate(
							{height: h}, 
							200,
							function () {
								$("div.close", self.container).show();
								$("#loginbox-modal-data", self.container).show();
							}
						);
					}, 300);
				});
			});
		},
		close: function (d) {
			var self = this; // this = SimpleModal object
			d.container.animate(
				{top:"-" + (d.container.height() + 20)},
				500,
				function () {
					self.close(); // or $.modal.close();
				}
			);
		}
	};

	loginbox.init();

});

var responseOpened = false;
var sideArrowPosition = {
	left: 0,
	top: 0
};
var mainArrowPosition = sideArrowPosition;
var subArrowPosition = mainArrowPosition;
var tabArrowPosition = subArrowPosition;
var easingFunction = "easeOutQuad";

// When DOM is ready
$(document).ready(function(){
    // When the form is submitted
    $("#login").submit(function(){

        // 'this' refers to the current submitted form
        var str = $(this).serialize();

        // -- Start AJAX Call --
        $.ajax({
            type: "POST",
            url: "do_login.php",  // Send the login info to this page
            data: str,
            success: function(msg){

                $("#login").ajaxComplete(function(event, request, settings){
                    if (msg.indexOf('OK') != -1) // login okay
                    {
                        var login_response = '<div id="logged_in">' +
                        '<div style="width: 350px; float: left; margin-left: 70px;">' +
                        '<div style="width: 40px; float: left;">' +
                        '<img style="margin: 5px 0px 10px 0px;" width="50" height="50" align="absmiddle" src="images/success.png">' +
                        '</div>' +
                        '<div style="margin: 5px 0px 0px 0px; float: right; width: 300px;">'+
                        "You have successfully logged in! <br /> Please wait while you're redirected...</div></div>";

                        $('.simplemodal-close').hide();
                        $('#login').hide();

						$('#login_response').css('margin-top', '-10px');
						$('#login_response').css('margin-left', '-70px');
                        loginboxModal.container.animate({width:450, height:150, left: loginboxModal.container.position().left + 75}, 400, function() {
                        	$('#login_response').html(login_response);
                        });

                        // After 3 seconds redirect the user to his/her splash page
                        setTimeout('go_to_private_page("' + msg.substring(2, msg.length) + '")', 2000);
                    }
                    else // ERROR
                    {
                        var login_response = '<img src="images/error.png" width="16" height="16" /> ' + msg;
                        $('#login_response').html(login_response);
                        if ($('#login_response').height() != 25) $('#login_response').height(0);
						$('#login_response').animate({height:25}, 400);
						var title = $("#loginbox-modal-title", self.container);
						var h = $("#loginbox-modal-data", self.container).height()
							+ title.height()
							+ 50; // padding
                        loginboxModal.container.animate({height:slideOutHeight}, 400);
                        responseOpened = true;
                    }

                });

            }

        });
        return false;
    });
    
	// trailing arrows
	sideArrowPosition = $('.internal_side_links > li > a.active').position();
	
	if (sideArrowPosition) {

		$('#arrow-image').css('top', sideArrowPosition.top + $('.internal_side_links > li > a.active').height() / 2 - $('#arrow-image').height() / 2);
		$('#arrow-image').css('left', sideArrowPosition.left);
	
		$('.internal_side_links > li > a').mouseover(function() {
			$('#arrow-image').clearQueue();
			sideArrowPosition = $(this).position();
			$('#arrow-image').animate({top: sideArrowPosition.top + $('.internal_side_links > li > a.active').height() / 2 - $('#arrow-image').height() / 2,
				left: sideArrowPosition.left}, 400, easingFunction);
		});
		$('.internal_side_links').mouseout(function(e) {
			if ($.contains(this, e.relatedTarget) == false) {
				$('#arrow-image').clearQueue();
				sideArrowPosition = $('.internal_side_links > li > a.active').position();
				$('#arrow-image').animate({top: sideArrowPosition.top + $('.internal_side_links > li > a.active').height() / 2 - $('#arrow-image').height() / 2,
					left: sideArrowPosition.left}, 600, easingFunction);
			}
		});
	
	}
	
	mainArrowPosition = $('#navigation > li > a.active').position();
	
	if (mainArrowPosition) {
	
		$('#main-arrow').css('top', mainArrowPosition.top + $('#navigation > li > a.active').height() / 2 + 2);
		$('#main-arrow').css('left', mainArrowPosition.left + $('#navigation > li > a.active').width() / 2 - $('#main-arrow').width() / 2);
	
		$('#navigation > li > a').mouseover(function() {
			$('#main-arrow').clearQueue();
			mainArrowPosition = $(this).position();
			$('#main-arrow').animate({top: mainArrowPosition.top + $(this).height() / 2 + 2,
				left: mainArrowPosition.left + $(this).width() / 2 - $('#main-arrow').width() / 2}, 600, easingFunction);
		});
	
		$('#navigation').mouseout(function(e) {
			if ($.contains(this, e.relatedTarget) == false) {
				$('#main-arrow').clearQueue();
				mainArrowPosition = $('#navigation > li > a.active').position();
				$('#main-arrow').animate({top: mainArrowPosition.top + $('#navigation > li > a.active').height() / 2 + 2,
					left: mainArrowPosition.left + $('#navigation > li > a.active').width() / 2 - $('#main-arrow').width() / 2}, 600, easingFunction);
			}
		});
	
	}
	
	subArrowPosition = $('#subnavigation > li > a.active').position();
	
	if (subArrowPosition) {
	
		$('#sub-arrow').css('top', subArrowPosition.top + $('#subnavigation > li > a.active').height() / 2 + 1);
		$('#sub-arrow').css('left', subArrowPosition.left + $('#subnavigation > li > a.active').width() / 2 - $('#sub-arrow').width() / 2);
	
		$('#subnavigation > li > a').mouseover(function() {
			$('#sub-arrow').clearQueue();
			subArrowPosition = $(this).position();
			$('#sub-arrow').animate({top: subArrowPosition.top + $(this).height() / 2 + 1,
				left: subArrowPosition.left + $(this).width() / 2 - $('#sub-arrow').width() / 2}, 600, easingFunction);
		});
	
		$('#subnavigation').mouseout(function(e) {
			if ($.contains(this, e.relatedTarget) == false) {
				$('#sub-arrow').clearQueue();
				subArrowPosition = $('#subnavigation > li > a.active').position();
				$('#sub-arrow').animate({top: subArrowPosition.top + $('#subnavigation > li > a.active').height() / 2 + 1,
					left: subArrowPosition.left + $('#subnavigation > li > a.active').width() / 2 - $('#sub-arrow').width() / 2}, 600, easingFunction);
			}
		});
	
	}
	
});

function initTabArrow(rel) {
//	rel = '';
	tabExists = $(rel + '.tabs > li > a.activeSlide').offset();
	
	if (tabExists) {
		
//		alert(tabExists.top + ' / ' + tabExists.left);
		
		tabArrowPosition = {
			top: tabExists.top + $(rel + '.tabs > li > a.activeSlide').height() / 2 + 4,
			left: tabExists.left + $(rel + '.tabs > li > a.activeSlide').width() / 2 - 13
		};
		
		$(rel + '.tab-arrow').offset(tabArrowPosition);
		
//		$('.tab-arrow').css('top', tabExists.top + $(this).height() / 2 + 4);
//		$('.tab-arrow').css('left', tabExists.left + $(this).width() / 2 - 13);
		
		$(rel + '.tabs > li > a').mouseover(function() {
			$(rel + '.tab-arrow').clearQueue();
			tabArrowPosition = $(this).position();
			$(rel + '.tab-arrow').animate({top: tabArrowPosition.top + $(this).height() / 2 + 4,
				left: tabArrowPosition.left + $(this).width() / 2 - 13}, 400, easingFunction); 
		});
		
		$(rel + '.tabs').mouseout(function(e) {
			if ($.contains(this, e.relatedTarget) == false) {
				$(rel + '.tab-arrow').clearQueue();
				tabArrowPosition = $(rel + '.tabs > li > a.activeSlide').position();
				$(rel + '.tab-arrow').animate({top: tabArrowPosition.top + $(rel + '.tabs > li > a.activeSlide').height() / 2 + 4,
					left: tabArrowPosition.left + $(rel + '.tabs > li > a.activeSlide').width() / 2 - 13}, 400, easingFunction); 
			}
		});
		
	}
}

function go_to_private_page(page)
{
    window.location = page; // Members Area
}

 $(function(){  
   $(".photo-list a").hover(function(){  
     $(this).children("span").fadeOut();  
     }, function(){  
     $(this).children("span").fadeIn();  
   })    
   }); 
   
   
   
// Loginbox PopUp

    var loginboxOut = false;
    var overLoginbox = true;
    function loginboxToggle() {
    	if (!loginboxOut) {
			loginboxOn();
    	} else {
    		loginboxOff();
    	}
    	loginboxOut = !loginboxOut;
    }
    function loginboxOn() {
		$('#loginbox-container').fadeIn(600);
		$('#loginbox').fadeIn(600);
		$('#loginbox-overlay').fadeIn(600);
		loginboxOut = true;
    }
    function loginboxOff() {
		$('#loginbox-container').fadeOut(40);
		$('#loginbox').fadeOut(40);
		$('#loginbox-overlay').fadeOut(40);
		loginboxOut = false;
    }
	$(document).ready(function(){
		$('#loginbox-overlay').click(function(){loginboxOff();});
		$('.close').click(function(){loginboxOff();});
	});
	
   
   
   
   
   
   
    
// Newsletter PopUp
    var newsletterOut = false;
    var overNewsletter = true;
    function newsletterToggle() {
    	if (!newsletterOut) {
			newsletterOn();
    	} else {
    		newsletterOff();
    	}
    	newsletterOut = !newsletterOut;
    }
    function newsletterOn() {
		$('#newsletter-container').fadeIn(600);
		$('#newsletter').fadeIn(600);
		$('#newsletter-overlay').fadeIn(600);
		newsletterOut = true;
    }
    function newsletterOff() {
		$('#newsletter-container').fadeOut(40);
		$('#newsletter').fadeOut(40);
		$('#newsletter-overlay').fadeOut(40);
		newsletterOut = false;
    }
	$(document).ready(function(){
		$('#newsletter-overlay').click(function(){newsletterOff();});
				$('.close').click(function(){newsletterOff();});
	});