// JavaScript Document
$(document).ready(function() {

	if($('#parent_slider').length > 0){
		$parent = getQuerystring('parent');
		$child = getQuerystring('child');
		// Add the contol buttons
		$i=0;
		$width = 0;
		$.each($('#parent_slider ul li'), function(){
			$i++;
			$(this).attr('id', 'slider_'+$i);
			$('a:first', this).css('margin-left', '90px');
			$('#slider_buttons').append("<a></a>");
			$width += 19;
		});
		$('#parent_slider ul').css('width', ($i*$('#parent_slider ul li').width())+'px');
		$('#slider_buttons').css('width', $width+'px');
		$('#child_slider ul').css('width', ($('#child_slider ul li').length*parseInt($('#child_slider ul li').css('width')))+'px');
	
	
	// once all objects are loaded
		$('#preloader').fadeOut('slow', function(){
			$('#parent_slider_cover').fadeOut();
			$('#slider_buttons').fadeIn();
			$('#child_slider').fadeIn();
		});
		if($child){
				$index = $('#child_slider #'+$child).index();
				$('#child_slider ul').css('margin-left', '-'+(parseInt($('#child_slider ul li').css('width'))*$index)+'px');		
				$parentIndex = $('#parent_slider #parent-'+$child).parent().index();
				$parent = 'slider_'+($parentIndex+1);
			}
			
			if($parent){
				$index = $('#parent_slider #'+$parent).index();
				$('#slider_buttons a').eq($index).addClass('on');
				$marginLeft = $index*700;
				$('#parent_slider ul').css('margin-left', '-'+$marginLeft+'px');
				if(($index+1) >= $i){
					$('#arrowRight').hide();
				}
				if($index == 0){
					$('#arrowLeft').hide();
				}
			} else {
				$('#arrowLeft').hide();
				$('#slider_buttons a:first').addClass('on');
			}												
	
		// Arrow right on click event
		$('#arrowRight').click(function(){
			if(!$('#parent_slider ul:animated').length > 0){
				$('#parent_slider ul').animate({marginLeft: '-=700px'},500, function(){
					if(parseInt($('#parent_slider ul').css('margin-left')) <= -$('#parent_slider ul').width()+$('#parent_slider ul li').width()){
						$('#arrowRight').hide();
					}
					$('#slider_buttons a.on').removeClass('on').next().addClass('on');
					$('#arrowLeft').show();
				});
			}
		});
		
		
		// Arrow Left on click event
		$('#arrowLeft').click(function(){
			if(!$('#parent_slider ul:animated').length > 0){
				$('#parent_slider ul').animate({marginLeft: '+='+$('#parent_slider ul li').width()+'px'},500, function(){
					if(parseInt($('#parent_slider ul').css('margin-left')) >= 0){
						$('#arrowLeft').hide();
					}
					$('#slider_buttons a.on').removeClass('on').prev().addClass('on');
					$('#arrowRight').show();
				});
			}
		});
		
		
		// Control buttons
		$('#slider_buttons a').click(function(){
			if(!$(this).hasClass('on')){
				$('#slider_buttons a.on').removeClass('on');
				$(this).addClass('on');
				$index = $(this).index();
				$('#parent_slider ul').animate({marginLeft: '-'+$index*$('#parent_slider ul li').width()+'px'},500, function(){
					if(parseInt($('#parent_slider ul').css('margin-left')) >= 0){
						$('#arrowLeft').hide();
						$('#arrowRight').show();
					}  else {
						$('#arrowLeft').show();
						if(parseInt($('#parent_slider ul').css('margin-left')) <= -$('#parent_slider ul').width()+$('#parent_slider ul li').width()){
							$('#arrowRight').hide();
							$('#arrowLeft').show();
						} else {
							$('#arrowRight').show();
						}
					}
				});
			}
		});
		
		// On click parent slider child a
		$('#parent_slider ul li a').click(function(){
			$id = $(this).attr('id').split('-');
			$index = $('#child_slider ul li#'+$id[1]).index();
			$('#child_slider ul').animate({marginLeft: '-'+($('#child_slider ul li').width()*$index)+'px'},800);
		});
	}
		
});

function getQuerystring(key, default_)
{
  if (default_==null) default_="";
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\#?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
}