$(document).ready( function(){
	
		(function ($) {
		// VERTICALLY ALIGN FUNCTION
		$.fn.vAlign = function() {
			return this.each(function(i){
			var ah = $(this).height();
			var ph = $(this).parent().height();
			var mh = (ph - ah) / 2;
			$(this).css('margin-top', mh);
			});
		};
		})(jQuery);
			
		$('.pro_img a').vAlign();
	

});


// JavaScript Document

//--------------------js for  tabbing ---------------------------

/*$(function() { 
    $("#flowtabs").tabs("#flowpanes > div").history(); 
});
*/

$(document).ready(function() {

	//Default Action
	$(".tabcontent").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active");//.show(); //Activate first tab
	$(".tabcontent:first").show(); //Show first tab content
	
	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tabcontent").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).show(); //Fade in the active content
		return false;
	});

});
	
	
//--------------------js for  pagination ---------------------------
	
jQuery(function($) {
var timer;
function button1_click(event)
{
$(".slide").css("visibility","hidden");
$("#image1").css("visibility","visible");
$("#image1").css("opacity","0");
$("#image1").animate({"opacity":1},1200, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image1").animate({"opacity":1},1200, "linear", null);
$("#button_1").addClass("active");
clearTimeout(timer);
timer = setTimeout(eval("button2_click"),"8000");
$("#image1").animate({"opacity":1},1200, "linear", null);
}

function button2_click(event)
{	
$(".slide").css("visibility","hidden");
$("#image2").css("visibility","visible");
$("#image2").css("opacity","0");
$("#image2").animate({"opacity":1},1200, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image2").animate({"opacity":1},1200, "linear", null);
$("#button_2").addClass("active");
clearTimeout(timer);
timer = setTimeout(eval("button3_click"),"8000");
$("#image2").animate({"opacity":1},1200, "linear", null);
}

function button3_click(event)
{
$(".slide").css("visibility","hidden");
$("#image3").css("visibility","visible");
$("#image3").css("opacity","0");
$("#image3").animate({"opacity":1},1200, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image3").animate({"opacity":1},1200, "linear", null);
$("#button_3").addClass("active");
clearTimeout(timer);
timer = setTimeout(eval("button4_click"),"8000");
$("#image3").animate({"opacity":1},1200, "linear", null);
}

function button4_click(event)
{
$(".slide").css("visibility","hidden");
$("#image4").css("visibility","visible");
$("#image4").css("opacity","0");
$("#image4").animate({"opacity":1},1200, "linear", null);
$("ul.buttons li").removeClass("active");
$("#image4").animate({"opacity":1},1200, "linear", null);
$("#button_4").addClass("active");
clearTimeout(timer);
timer = setTimeout(eval("button1_click"),"8000");
$("#image4").animate({"opacity":1},1200, "linear", null);
}


function button5_click(event)
{
	document.getElementById("button_5").style.display="none";
	document.getElementById("button_6").style.display="block";
	clearTimeout(timer);
}

function button6_click(event)
{
	document.getElementById("button_5").style.display="block";
	document.getElementById("button_6").style.display="none";
	timer = setTimeout(eval("button1_click"),"12000");
}

function OnLoad(event)
{
clearTimeout(timer);
timer = setTimeout(eval("button2_click"),"8000");
}

$('#button_1').bind('click', button1_click);

$('#button_2').bind('click', button2_click);

$('#button_3').bind('click', button3_click);

$('#button_4').bind('click', button4_click);

$('#button_5').bind('click', button5_click);

$('#button_6').bind('click', button6_click);

OnLoad();

});