var current_screen = null;
var default_content;
var do_timetoggle = true;
var change_interval = 8; // seconds between changing views

function timeToggle () {
	
	if (do_timetoggle === false) return false;
	
	// ----------------------------------------
	
	if (current_screen == 2) {
		
		$j('#change-screen-3').click();
		
	} else if (current_screen == 3) {
		
		$j('#change-screen-4').click();
		
	}else if (current_screen == 4) {
		
		$j('#change-screen-1').click();
		
	}  
	else {
		
		$j('#change-screen-2').click();
		
	}
	
	do_timetoggle = true;
	
}

$j(document).ready(function() {
	
	default_content = $j('#ctl03_screencontainer p#screen-1').html();
	
	setInterval('timeToggle()', change_interval * 1000);
	
	$j('#change-screen-1').click(function() {
		var changeTo = $j('#ctl03_screencontainer p#screen-1');
		
		if (current_screen == 1) {
			return false;
		}
		do_timetoggle = false;
		current_screen = 1;
		
		$j('.current-screen')
			.removeClass('current-screen')
			.addClass('change-screen');
		
		$j(this)
			.removeClass('change-screen')
			.addClass('current-screen');
		
		$j('#ctl03_screencontainer p#screen-1').slideUp(500, function () {
			$j(this).html(default_content).slideDown(500);
		});
		
		$j('.how-to').fadeOut(0, function() {
			$j(this).css('background-image', 'url(image/how-to-header.png)').fadeIn(500);
		});
		
		$j('.bannergallery').fadeOut(500, function() {
			$j(this).html('<a href="/lehenga/hi-gh.html" title="Bridal and Weddding Lehenga Choli"><img src="/image/s1.png" alt="Bridal and Weddding Lehenga Choli" /></a>').fadeIn(500);
		});
	});
	
	$j('#change-screen-2').click(function() {
		var changeTo = $j('#ctl03_screencontainer p#screen-2');
		
		if (current_screen == 2) {
			return true;
		}
		do_timetoggle = false;
		current_screen = 2;
		
		$j('.current-screen')
			.removeClass('current-screen')
			.addClass('change-screen');
		
		$j(this)
			.removeClass('change-screen')
			.addClass('current-screen');
		
		$j('#ctl03_screencontainer p#screen-1').slideUp(500, function () {
			$j(this).html(changeTo.html()).slideDown(500);
		});
		
		$j('.how-to').fadeOut(500, function() {
			$j(this).css('background-image', 'url(image/how-to-header2.png)').fadeIn(500);
		});
		
		$j('.bannergallery').fadeOut(500, function() {
			$j(this).html('<a href="/sherwani/hi-sh.html" title="Designer Weddding Sherwani"><img src="/image/s2.png" alt="Desinger Weddding Sherwani" /></a>').fadeIn(500);
		});
	});
	$j('#change-screen-3').click(function() {
		var changeTo = $j('#ctl03_screencontainer p#screen-3');
		
		if (current_screen == 3) {
			return true;
		}
		do_timetoggle = false;
		current_screen = 3;
		
		$j('.current-screen')
			.removeClass('current-screen')
			.addClass('change-screen');
		
		$j(this)
			.removeClass('change-screen')
			.addClass('current-screen');
		
		$j('#ctl03_screencontainer p#screen-1').slideUp(500, function () {
			$j(this).html(changeTo.html()).slideDown(500);
		});
		
		$j('.how-to').fadeOut(500, function() {
			$j(this).css('background-image', 'url(image/how-to-header3.png)').fadeIn(500);
		});
		
		$j('.bannergallery').fadeOut(500, function() {
			$j(this).html('<a href="/salwar-kameez/hi-sl.html" title="Designer Salwar Kameez"><img src="/image/s3.png" alt="Designer Salwar Kameez" /></a>').fadeIn(500);
		});
	});
	
	$j('#change-screen-4').click(function() {
		var changeTo = $j('#ctl03_screencontainer p#screen-4');
		
		if (current_screen == 4) {
			return true;
		}
		do_timetoggle = false;
		current_screen = 4;
		
		$j('.current-screen')
			.removeClass('current-screen')
			.addClass('change-screen');
		
		$j(this)
			.removeClass('change-screen')
			.addClass('current-screen');
		
		$j('#ctl03_screencontainer p#screen-1').slideUp(500, function () {
			$j(this).html(changeTo.html()).slideDown(500);
		});
		
		$j('.how-to').fadeOut(500, function() {
			$j(this).css('background-image', 'url(image/how-to-header4.png)').fadeIn(500);
		});
		
		$j('.bannergallery').fadeOut(500, function() {
			$j(this).html('<a href="/saree/hi-sa.html" title="Designer Saree"><img src="/image/s4.png" alt="Designer Saree" /></a>').fadeIn(500);
		});
	});
});

/*----Bollywood Gallery-----*/

function slideSwitch() {
    var $jactive = $j('#ctl03_BollywoodSlideshow DIV.active');

    if ( $jactive.length == 0 ) $jactive = $j('#ctl03_BollywoodSlideshow DIV:last');

    // use this to pull the divs in the order they appear in the markup
    var $jnext =  $jactive.next().length ? $jactive.next()
        : $j('#ctl03_BollywoodSlideshow DIV:first');

    // uncomment below to pull the divs randomly
    // var $jsibs  = $jactive.siblings();
    // var rndNum = Math.floor(Math.random() * $jsibs.length );
    // var $jnext  = $j( $jsibs[ rndNum ] );
    
    var $jactive = $j('#ctl03_BollywoodSlideshow DIV.active');

    if ( $jactive.length == 0 ) $jactive = $j('#ctl03_BollywoodSlideshow DIV:last');

    // use this to pull the divs in the order they appear in the markup
    var $jnext =  $jactive.next().length ? $jactive.next()
        : $j('#ctl03_BollywoodSlideshow DIV:first');
        
        


    $jactive.addClass('last-active');

    $jnext.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $jactive.removeClass('active last-active');
        });
}

$j(function() {
    setInterval( "slideSwitch()", 5000 );
});



