$(function(){
	/*
	/* Swap Plugin, will be extended for multi purporse, this plugin enable hover effect for images
	/* Author: said@extreme.co.tz
	/* Company: Extreme Web Technologies, Dar-es-Salaam, Tanzania
	*/
	$(".swap").imageSwap({
		imageDirectory : '/images/logos/',
		sourceImageSurfix:'gray',
		newImageSurfix:'color',
		imageExtension:'png'	
	});
	
	$(".menuimage").imageSwap({
		imageDirectory : '/images/menu/',
		sourceImageSurfix:'normal',
		newImageSurfix:'over',
		imageExtension:'png'	
	});
	
	$('.result-source').click(function(){
		var _goto = $(this).attr('id');
		location.href=_goto;
	});
	
	$('.accordion-menu a, .categories-menu a').hover(function(){
		$(this).stop().animate({'padding-left':'+=10'});
	}, function(){
		$(this).animate({'padding-left':'-=10'});
	});
	
	$('#text_query').focus(function(){
		$(this).animate({
			height:150
		}, 'fast').animate({
			height:90
		}, 'fast').animate({
			height:130
		}, 'slow');
	}).blur(function(){
		$(this).animate({
			height:40
		});
	});
	$('#enquiry_form').validate({
		rules:{
			text_fullname:{required:true, minlength:3},
			text_email:{required:true, email:true},
			text_query:{required:true, minlength:30}
		}, messages:{
			text_fullname:'',
			text_email:'',
			text_query:''
		}
	});
	$('.product-categories li').hover(function(){
		$(this).find('.image-holder').stop().animate({'top':'4'});
		$(this).find('.product-label').stop().animate({'bottom':'-4'});
	}, function(){
		$(this).find('.image-holder').animate({'top':'10'});
		$(this).find('.product-label').animate({'bottom':'-26'});	
	});
	$('.product-categories li').click(function(){
		var url = $(this).find('a').attr('href');
		location.href=url;
	});
	
	searchBoxFocused = function()
	{
		$('#q').focus(function(){
			$(this).addClass('focused');
			$('.suggestions').stop().animate({'width':149, 'padding':10, 'height':300});
		});
		
		$('.close-suggest').click(function(){
			$('#q').removeClass('focused');
			$('.suggestions').animate({'width':0, 'padding':0, 'height':0});
		})
		
		$('.css-menu li').hover(function(){
			$(this).find('ul').show().animate({'width':169, 'padding':10, 'height':300}, 400);
		}, function(){
			$(this).find('ul').hide().animate({'width':0, 'padding':0, 'height':0});
			
		});
			
		}
		
	searchBoxFocused();
	
	suggest = function(string){
		if(string != "")
		{	
			var str = string.replace(" ", "-");
			var url = "/scripts/search.php?q=" + str;
			$('#search-result').html('<img src="/images/ajax-loader.gif"/> loading...').load(url);
		}
		else
		{
			$('#search-result').html('Enter Text');
		}
	}
	$('#go, #search-link, #search-link2').click(function(){
		if($('#q').val()==""){
			$('#q').focus();
		}
		else
		{
			var keyword = $('#q').val();
			var url = "/search/?q=" + keyword;
			location.href=url;
		}
	});
	$('.lightbox').lightBox();
	
	$('.product_table_subinfo tr:odd').addClass('product_table_odd');
	$('.product_table_subinfo tr:even').addClass('product_table_even');
	
	$('.div-list2').click(function(){
		var _href = $(this).find('.title').attr('href');
		location.href = _href;
	});
	$('.nolink').click(function(){
		return false;
	});
	$('.logo').click(function(){
		location.href="/"
	});
	
	append_form();
	
});

stepcarousel.setup({
	galleryid: 'offers', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	autostep: {enable:true, moveby:1, pause:3000},
	panelbehavior: {speed:500, wraparound:true, persist:false},
	defaultbuttons: {enable: false},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
});

// Example:

// simplePreload( '01.gif', '02.gif' ); 

simplePreload=function(){ 

  var args = simplePreload.arguments;

  document.imageArray = new Array(args.length);

  for(var i=0; i<args.length; i++){

    document.imageArray[i] = new Image;

    document.imageArray[i].src = args[i];

  }

}

simplePreload( '/images/ajax-loader.gif');

window.onload= function()
{
var imageArray = new Array(), imageDirectory = "/images/logos/";
	imageArray[0] = imageDirectory + 'arrow-color.png';
	imageArray[1] = imageDirectory + 'castle-color.png';
	imageArray[2] = imageDirectory + 'daniel-color.png';
	imageArray[3] = imageDirectory + 'hatria-color.png';
	imageArray[4] = imageDirectory + 'hispania-color.png';
	imageArray[5] = imageDirectory + 'italia-color.png';
	imageArray[6] = imageDirectory + 'metro-color.png';
	imageArray[7] = imageDirectory + 'navarti-color.png';
	imageArray[8] = imageDirectory + 'pilsa-color.png';

for(var i = 0; i < imageArray.length; i++){
		simplePreload(imageArray[i]);
}
}



function append_form(){
	var out='<h1>Enquiry Form</h1><form id="enquiry_form" name="enquiry_form" method="post" action="">';
	out +='<table border="0" cellspacing="0" cellpadding="5">';
	out +='<tr><td valign="top"><table border="0" cellspacing="0" cellpadding="5">';
	out +='<tr>';
	out +='<td><label for="text_fullname" class="label">Full Name</label></td>';
	out +='<td><input name="text_fullname" type="text" class="input" id="text_fullname" size="25" /></td>';
	out +=' </tr>';
	out +=' <tr>';
	out +='<td><label for="text_company" class="label">Company Name</label></td>';
	out +='<td><input name="text_company" type="text" class="input" id="text_company" size="25" /></td>';
	out +='</tr>';
	out +='<tr>';
	out +=' <td><label for="text_address" class="label">Physical Address</label></td>';
	out +='<td><input name="text_address" type="text" class="input" id="text_address" size="25" /></td>';
	out +='</tr>';
	out +='<tr>';
	out +='<td><label for="text_phone" class="label">Phone Number</label></td>';
	out +='<td><input name="text_phone" type="text" class="input" id="text_phone" size="25" /></td>';
	out +='</tr>';
	out +='<tr>';
	out +=' <td><label for="text_email" class="label">Email</label></td>';
	out +='<td><input name="text_email" type="text" class="input" id="text_email" size="25" /></td>';
	out +='</tr>';
	out +='<tr>';
	out +=' <td><label for="text_howfound" class="label">How did you find us?</label></td>';
	out +=' <td><input name="text_howfound" type="text" class="input" id="text_howfound" size="25" /></td>';
	out +='</tr>';
	out +='<tr>';
	out +=' <td colspan="2"><label for="text_query" class="label">Message/ Comment</label></td>';
	out +=' </tr>';
	out +='<tr>';
	out +='<td colspan="2"><textarea name="text_query" id="text_query" cols="40" rows="2" class="message_comment"></textarea></td>';
	out +='</tr>';
	out +='</table></td>';
	out +='</tr>';
	out +='<tr>';
	out +='<td colspan="2"><input type="hidden" name="process" id="process" value="Y" />';
	out +=' <input type="submit" name="Submit" id="Submit" value="Send Enquiry" class="submit" /></td>';
	out +=' </tr>';
	out +=' </table>';
	out +=' </form>';
	out +=' </p>';	

	$('#contact-form-holder').html(out);
}