$(document).ready(function() {	

/*================================= DROP DOWN STARTS ========================================*/
	$("#serviceDDC").hide();
	$("#productDDC").hide();
	
	$("#products").mouseover(function() {
		$("#productDDC").show();
		$("#productDD").show();
		$("#productDD").animate({top:"6"});
		$("#brandDD").hide();
		$("#vehicleDD").hide();
	});
	
	$("#productDDC").mouseleave(function () {
		$("#productDD").hide();
		$("#productDD").animate({top:"-350"});
		$("#productDDC").hide();
	});
	$(".logo").mouseover(function () {$("#productDD").animate({top:"-350"});$("#productDD").hide(); $("#productDDC").hide();});
	$("#aboutus").mouseover(function () {
		$("#productDD").hide();
		$("#productDD").animate({top:"-350"});
		$("#productDDC").hide();
	});
	$("#services").mouseover(function () {
		$("#productDD").hide();
		$("#productDD").animate({top:"-350"});
		$("#productDDC").hide();
	});
	
	
/*============== SERVICES DD =====================*/	
	
	$("#services").mouseover(function() {
		$("#serviceDDC").show();
		$("#serviceDD").show();
		$("#serviceDD").animate({top:"6"});
	});
	
	$("#serviceDDC").mouseleave(function () {
		$("#serviceDD").hide();
		$("#serviceDD").animate({top:"-200"});
		$("#serviceDDC").hide();
	});
	$(".logo").mouseover(function () {
		$("#serviceDD").animate({top:"-200"});
		$("#serviceDDC").hide();
	});
	$("#products").mouseover(function () {
		$("#serviceDD").hide();
		$("#serviceDD").animate({top:"-200"});
		$("#serviceDDC").hide();
	});
	$("#projects").mouseover(function () {
		$("#serviceDD").hide();
		$("#serviceDD").animate({top:"-200"});
		$("#serviceDDC").hide();
	});
	
/* ============================== DROP DOWN ENDS =========================================*/
	$("#brand").mouseover(function() {
		$("#brandDD").show();
		$("#vehicleDD").hide();
		
	});
	$("#vehicle").mouseover(function() {
		$("#vehicleDD").show();
		$("#brandDD").hide();
	});

$("a[rel=example_group]").fancybox({
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'titlePosition' 	: 'over',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
		}
	});


});